@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/date-picker/hooks/index.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "useDate", {
-  enumerable: true,
-  get: function get() {
-    return _useDate["default"];
-  }
-});
-Object.defineProperty(exports, "usePlaceholder", {
-  enumerable: true,
-  get: function get() {
-    return _usePlaceholder["default"];
-  }
-});
-Object.defineProperty(exports, "useCalenderData", {
-  enumerable: true,
-  get: function get() {
-    return _useCalenderData["default"];
-  }
-});
-Object.defineProperty(exports, "useFormat", {
-  enumerable: true,
-  get: function get() {
-    return _useFormat["default"];
-  }
-});
-Object.defineProperty(exports, "useAltData", {
-  enumerable: true,
-  get: function get() {
-    return _useAltData["default"];
-  }
-});
-
-var _useDate = _interopRequireDefault(require("./useDate"));
-
-var _usePlaceholder = _interopRequireDefault(require("./usePlaceholder"));
-
-var _useCalenderData = _interopRequireDefault(require("./useCalenderData"));
-
-var _useFormat = _interopRequireDefault(require("./useFormat"));
-
-var _useAltData = _interopRequireDefault(require("./useAltData"));

package/es/date-picker/hooks/useAltData.js

@@ -1,112 +0,0 @@
-"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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../utils");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var useAltData = function useAltData(_ref) {
-  var altCalendarPreset = _ref.altCalendarPreset,
-      altCalendar = _ref.altCalendar,
-      dateMarkPreset = _ref.dateMarkPreset,
-      showPanel = _ref.showPanel;
-
-  var _useState = (0, _react.useState)({}),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      altCalendarPresetData = _useState2[0],
-      setAltCalendarPresetData = _useState2[1];
-
-  var _useState3 = (0, _react.useState)({}),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      dateMarkPresetData = _useState4[0],
-      setDateMarkPresetData = _useState4[1]; // 获取预置数据
-
-
-  var getLunarPresetData = function getLunarPresetData() {
-    var allPRCDate = {};
-
-    if (['zh-CN', 'id-ID'].includes(altCalendarPreset)) {
-      var _urlKey = altCalendarPreset === 'zh-CN' ? 'PRCLunar' : 'IndiaHoliday';
-
-      (0, _utils.getPRCDate)(_urlKey).then(function (res) {
-        Object.keys(res.data).forEach(function (key) {
-          var oneYear = {};
-
-          res.data[key][_urlKey].forEach(function (item) {
-            Object.assign(oneYear, (0, _defineProperty2["default"])({}, item.date.replace(/-/g, '/'), _objectSpread(_objectSpread({}, item), {}, {
-              highlight: altCalendarPreset === 'id-ID'
-            })));
-          });
-
-          Object.assign(allPRCDate, oneYear);
-        });
-        setAltCalendarPresetData(altCalendar ? getAltCalendarData(allPRCDate) : allPRCDate);
-      });
-    } else {
-      setAltCalendarPresetData(altCalendar ? getAltCalendarData(allPRCDate) : {});
-    }
-  }; // 获取预置数据
-
-
-  var getMarkPresetData = function getMarkPresetData() {
-    if (altCalendarPreset && altCalendarPreset !== 'zh-CN') {
-      return;
-    }
-
-    if (dateMarkPreset === 'zh-CN') {
-      (0, _utils.getPRCDate)('PRCHoliday').then(function (res) {
-        var allPRCDate = {};
-        Object.keys(res.data).forEach(function (key) {
-          Object.keys(res.data[key].PRCHoliday).forEach(function (elkey) {
-            allPRCDate[elkey.replace(/-/g, '/')] = res.data[key].PRCHoliday[elkey] === '1' ? /*#__PURE__*/_react["default"].createElement("span", {
-              className: "hi-datepicker__mark hi-datepicker__mark--rest"
-            }, "\u4F11") : /*#__PURE__*/_react["default"].createElement("span", {
-              className: "hi-datepicker__mark hi-datepicker__mark--work"
-            }, "\u73ED");
-          });
-        });
-        setDateMarkPresetData(allPRCDate);
-      });
-    }
-  }; // 合并用户自定义的日期信息作为presetData
-
-
-  var getAltCalendarData = function getAltCalendarData(allPRCDate) {
-    var allData = {};
-    altCalendar.length > 0 && altCalendar.forEach(function (item) {
-      var dateInfo = (0, _utils.deconstructDate)(item.date);
-
-      if (!Number.isNaN(dateInfo.year)) {
-        Object.assign(allData, (0, _defineProperty2["default"])({}, dateInfo.year + '/' + dateInfo.month + '/' + dateInfo.day, item));
-      }
-    });
-    return Object.assign(allPRCDate, allData);
-  };
-
-  (0, _react.useEffect)(function () {
-    if (showPanel) {
-      altCalendarPreset && getLunarPresetData();
-      dateMarkPreset && getMarkPresetData();
-    }
-  }, [showPanel]);
-  return [altCalendarPresetData, dateMarkPresetData];
-};
-
-var _default = useAltData;
-exports["default"] = _default;

package/es/date-picker/hooks/useCalenderData.js

@@ -1,371 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _constants = require("../constants");
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var getYearOrMonthRows = function getYearOrMonthRows(_ref) {
-  var originDate = _ref.originDate,
-      renderDate = _ref.renderDate,
-      type = _ref.type,
-      view = _ref.view,
-      range = _ref.range,
-      localeDatas = _ref.localeDatas,
-      min = _ref.min,
-      max = _ref.max,
-      disabledDate = _ref.disabledDate;
-
-  var _date = renderDate ? (0, _moment["default"])(renderDate) : (0, _moment["default"])();
-
-  var start = view === 'year' ? _date.year() - 4 : 0;
-  var trs = [[], [], [], []];
-  var num = 0;
-  var current = (0, _moment["default"])();
-
-  for (var i = 0; i < 4; i++) {
-    var row = trs[i];
-
-    for (var j = 0; j < 3; j++) {
-      var col = row[j] || (row[j] = {
-        type: 'normal'
-      });
-      var y = start + num;
-      view === 'year' ? col.text = y : col.text = localeDatas.datePicker.month[y];
-      col.value = y;
-      num++;
-
-      var currentYM = _date[view](y);
-
-      if (currentYM.isSame(current, view)) {
-        col.type = 'today';
-      }
-
-      if (type.includes('range') && type.includes(view)) {
-        if (range.start && range.end && (currentYM.isBetween(range.start, range.end) || currentYM.isBetween(range.end, range.start))) {
-          col.range = true;
-        }
-
-        if (range.start && currentYM.isSame(range.start, view)) {
-          col.type = 'selected';
-          col.range = false;
-        }
-
-        if (range.end && currentYM.isSame(range.end, view)) {
-          col.type = 'selected';
-          col.range = false;
-        } // 判断年月可选状态
-
-
-        var _y2 = currentYM.year();
-
-        var _m2 = currentYM.month();
-
-        if (disabledDate && view.includes('year')) {
-          col.type = disabledDate(_y2) ? 'disabled' : col.type;
-        }
-
-        if (disabledDate && view.includes('month')) {
-          col.type = disabledDate(_y2 + '-' + _m2) ? 'disabled' : col.type;
-        } // 年的状态
-
-
-        if (view.includes('year') && (min || max)) {
-          if (min) {
-            var minYear = (0, _moment["default"])(min).year();
-            col.type = _y2 < minYear ? 'disabled' : col.type;
-          }
-
-          if (max) {
-            var maxYear = (0, _moment["default"])(max).year();
-            col.type = _y2 > maxYear ? 'disabled' : col.type;
-          }
-        }
-
-        if (view.includes('month') && (min || max)) {
-          if (min) {
-            var minMoment = (0, _moment["default"])(min);
-
-            var _minYear = minMoment.year();
-
-            var minMonth = minMoment.month();
-            col.type = _y2 < _minYear ? 'disabled' : col.type;
-            col.type = _y2 === _minYear && _m2 < minMonth ? 'disabled' : col.type;
-          }
-
-          if (max) {
-            var maxMoment = (0, _moment["default"])(max);
-
-            var _maxYear = maxMoment.year();
-
-            var maxMonth = maxMoment.month();
-            col.type = _y2 > _maxYear ? 'disabled' : col.type;
-            col.type = _y2 === _maxYear && _m2 > maxMonth ? 'disabled' : col.type;
-          }
-        }
-
-        continue;
-      }
-
-      if (originDate && (y === originDate.year() || y === originDate.month())) {
-        col.type = 'selected';
-      } // 判断年月可选状态
-
-
-      var _y = currentYM.year();
-
-      var _m = currentYM.month();
-
-      if (disabledDate && view.includes('year')) {
-        col.type = disabledDate(_y) ? 'disabled' : col.type;
-      }
-
-      if (disabledDate && view.includes('month')) {
-        col.type = disabledDate(_y + '-' + _m) ? 'disabled' : col.type;
-      } // 年的状态
-
-
-      if (view.includes('year') && (min || max)) {
-        if (min) {
-          var _minYear2 = (0, _moment["default"])(min).year();
-
-          col.type = _y < _minYear2 ? 'disabled' : col.type;
-        }
-
-        if (max) {
-          var _maxYear2 = (0, _moment["default"])(max).year();
-
-          col.type = _y > _maxYear2 ? 'disabled' : col.type;
-        }
-      }
-
-      if (view.includes('month') && (min || max)) {
-        if (min) {
-          var _minMoment = (0, _moment["default"])(min);
-
-          var _minYear3 = _minMoment.year();
-
-          var _minMonth = _minMoment.month();
-
-          col.type = _y < _minYear3 ? 'disabled' : col.type;
-          col.type = _y === _minYear3 && _m < _minMonth ? 'disabled' : col.type;
-        }
-
-        if (max) {
-          var _maxMoment = (0, _moment["default"])(max);
-
-          var _maxYear3 = _maxMoment.year();
-
-          var _maxMonth = _maxMoment.month();
-
-          col.type = _y > _maxYear3 ? 'disabled' : col.type;
-          col.type = _y === _maxYear3 && _m > _maxMonth ? 'disabled' : col.type;
-        }
-      }
-    }
-  }
-
-  return trs;
-};
-
-var getTime = function getTime(week, y, m) {
-  var r = new Date(y, m - 1, 1);
-
-  var t = r.getTime() - week * _constants.DAY_MILLISECONDS;
-
-  return t;
-};
-
-var getDateRows = function getDateRows(_ref2) {
-  var originDate = _ref2.originDate,
-      range = _ref2.range,
-      type = _ref2.type,
-      weekOffset = _ref2.weekOffset,
-      min = _ref2.min,
-      max = _ref2.max,
-      renderDate = _ref2.renderDate,
-      view = _ref2.view,
-      disabledDate = _ref2.disabledDate;
-  var rows = [[], [], [], [], [], []];
-  var today = (0, _moment["default"])();
-
-  var _date = (0, _moment["default"])(renderDate); // *  dayCount: 当月天数
-  // *  lastMonthDayCount: 上月总天数
-  // *  firstDayWeek: 当月第一天是周几
-
-
-  var firstDayWeek = _date.startOf('month').day() - weekOffset;
-
-  if (firstDayWeek === 0) {
-    // 如果为0 代表该月第一天是周日，在日历上需要第二行开始显示
-    firstDayWeek = 7;
-  } else if (firstDayWeek < 0) {
-    firstDayWeek = 6;
-  }
-
-  var startTimeByCurrentPanel = getTime(firstDayWeek, _date.year(), _date.month() + 1);
-
-  var dayCount = _date.daysInMonth();
-
-  var lastMonthDayCount = (0, _moment["default"])(_date).subtract(1, 'months').daysInMonth();
-  var weekMethod = weekOffset ? 'isoWeek' : 'week';
-  var count = 0;
-
-  for (var i = 0; i < 6; i++) {
-    var row = rows[i];
-
-    for (var j = 0; j < 7; j++) {
-      var col = row[j] || (row[j] = {
-        type: 'normal',
-        range: false,
-        rangeStart: false,
-        rangeEnd: false
-      });
-      var currentTime = (0, _moment["default"])(startTimeByCurrentPanel + _constants.DAY_MILLISECONDS * (i * 7 + j));
-      var isPN = false; // is Prev Or Next Month
-
-      var isDisabled = currentTime.isBefore((0, _moment["default"])(min)) || currentTime.isAfter((0, _moment["default"])(max)) || disabledDate && disabledDate(currentTime); // isDisabled cell
-
-      if (i === 0) {
-        // 处理第一行的日期数据
-        if (j >= firstDayWeek) {
-          // 本月
-          col.value = ++count;
-        } else {
-          // 上月
-          col.value = lastMonthDayCount - firstDayWeek + j + 1;
-          col.type = 'prev';
-          isPN = true;
-        }
-      } else {
-        ++count;
-
-        if (count <= dayCount) {
-          // 本月
-          col.value = count;
-        } else {
-          // 下月
-          col.value = count - dayCount;
-          col.type = 'next';
-          isPN = true;
-        }
-      }
-
-      if (isDisabled) {
-        col.type = 'disabled';
-      }
-
-      if (!isPN && currentTime.isSame(today, 'day') && col.type !== 'disabled') {
-        col.type = 'today';
-      }
-
-      if (type.includes('range') && !isPN) {
-        if (currentTime.isBetween(range.start, range.end) || currentTime.isBetween(range.end, range.start)) {
-          col.range = true;
-        }
-
-        if (range.start && currentTime.isSame(range.start, 'day')) {
-          col.type = 'selected';
-          col.range = false;
-        }
-
-        if (range.end && currentTime.isSame(range.end, 'day')) {
-          col.type = 'selected';
-          col.range = false;
-        }
-
-        continue;
-      }
-
-      if (originDate && currentTime.isSame(originDate, 'day') && !isPN) {
-        col.type = 'selected';
-      }
-
-      if (type === 'week') {
-        var weekNum = currentTime.week();
-        row.weekNum = weekNum;
-        col.weekType = col.type;
-
-        if (originDate) {
-          var _d = _lodash["default"].cloneDeep(originDate);
-
-          var wFirst = (0, _moment["default"])(_d).startOf(weekMethod);
-          var wLast = (0, _moment["default"])(_d).endOf(weekMethod);
-
-          if (currentTime.isSame(wFirst, 'day') || currentTime.isSame(wLast, 'day')) {
-            col.type = 'selected';
-            continue;
-          }
-
-          if (currentTime.isBetween(wFirst, wLast)) {
-            col.type = 'normal';
-            col.range = true;
-          }
-        }
-      }
-    }
-  }
-
-  return rows;
-};
-
-var useDate = function useDate(_ref3) {
-  var view = _ref3.view,
-      date = _ref3.date,
-      originDate = _ref3.originDate,
-      weekOffset = _ref3.weekOffset,
-      localeDatas = _ref3.localeDatas,
-      range = _ref3.range,
-      type = _ref3.type,
-      min = _ref3.min,
-      max = _ref3.max,
-      renderDate = _ref3.renderDate,
-      disabledDate = _ref3.disabledDate;
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      rows = _useState2[0],
-      setRows = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var _rows = view.includes('month') || view.includes('year') ? getYearOrMonthRows({
-      originDate: originDate,
-      renderDate: renderDate,
-      type: type,
-      view: view,
-      localeDatas: localeDatas,
-      range: range,
-      min: min,
-      max: max,
-      disabledDate: disabledDate
-    }) : getDateRows({
-      originDate: originDate,
-      range: range,
-      type: type,
-      weekOffset: weekOffset,
-      min: min,
-      max: max,
-      renderDate: renderDate,
-      view: view,
-      disabledDate: disabledDate
-    });
-
-    setRows(_rows);
-  }, [renderDate, view, range, type, disabledDate]);
-  return [rows];
-};
-
-var _default = useDate;
-exports["default"] = _default;

package/es/date-picker/hooks/useDate.js

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = require("react");
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _utils = require("../utils");
-
-var useDate = function useDate(_ref) {
-  var value = _ref.value,
-      defaultValue = _ref.defaultValue,
-      cacheDate = _ref.cacheDate,
-      type = _ref.type,
-      format = _ref.format,
-      weekOffset = _ref.weekOffset,
-      locale = _ref.locale;
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      outDate = _useState2[0],
-      setOutDate = _useState2[1];
-
-  var changeOutDate = function changeOutDate(dates) {
-    var _datas = [dates[0] && (0, _moment["default"])(dates[0]).isValid() ? dates[0] : null, dates[1] && (0, _moment["default"])(dates[1]).isValid() ? dates[1] : null];
-    setOutDate(_datas);
-  };
-
-  (0, _react.useEffect)(function () {
-    var d = (0, _utils.parseValue)(value || defaultValue, type, format, weekOffset, locale);
-    setOutDate(d);
-    cacheDate.current = d;
-  }, [value, type]);
-  return [outDate, changeOutDate];
-};
-
-var _default = useDate;
-exports["default"] = _default;

package/es/date-picker/hooks/useFormat.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _constants = require("../constants");
-
-var useFormat = function useFormat(_ref) {
-  var type = _ref.type,
-      showTime = _ref.showTime,
-      format = _ref.format,
-      _ref$locale = _ref.locale,
-      locale = _ref$locale === void 0 ? 'zh-CN' : _ref$locale;
-
-  var _format = format || (0, _constants.FORMATS)(locale)[type];
-
-  if (showTime && !/[H|h|m|s]/.test(_format)) {
-    _format += ' HH:mm:ss';
-  }
-
-  return [_format];
-};
-
-var _default = useFormat;
-exports["default"] = _default;

package/es/date-picker/hooks/usePlaceholder.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = require("react");
-
-var parsePlaceholder = function parsePlaceholder(_ref) {
-  var type = _ref.type,
-      _placeholder = _ref.placeholder,
-      showTime = _ref.showTime,
-      localeDatas = _ref.localeDatas;
-  var typePlaceholder = localeDatas.datePicker.placeholders[type];
-  var tempPlaceholder = showTime ? localeDatas.datePicker.placeholderTimeperiod : typePlaceholder || [localeDatas.datePicker.placeholder];
-  var leftPlaceholder = tempPlaceholder[0];
-  var rightPlaceholder = tempPlaceholder[1] || leftPlaceholder;
-
-  if (_placeholder instanceof Array) {
-    leftPlaceholder = _placeholder[0];
-    rightPlaceholder = _placeholder[1] || _placeholder[0];
-  } else if (typeof _placeholder !== 'undefined') {
-    leftPlaceholder = _placeholder;
-    rightPlaceholder = _placeholder;
-  }
-
-  return [leftPlaceholder, rightPlaceholder];
-};
-
-var usePlaceholder = function usePlaceholder(args) {
-  var type = args.type,
-      showTime = args.showTime,
-      placeholder = args.placeholder,
-      localeDatas = args.localeDatas;
-  var placeholders = (0, _react.useMemo)(function () {
-    return parsePlaceholder(args);
-  }, [type, showTime, placeholder, localeDatas]);
-  return placeholders;
-};
-
-var _default = usePlaceholder;
-exports["default"] = _default;

package/es/date-picker/hooks/useTimePeriodData.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var useTimeperiodData = function useTimeperiodData(timeInterval) {
-  var segment = 24 * 60 / timeInterval;
-  var pre = 0;
-  var next = 0;
-  var periodData = [];
-
-  var func = function func(val) {
-    return val < 10 ? '0' + val : val;
-  };
-
-  for (var i = 0; i < segment; i++) {
-    next += timeInterval;
-    var time = func(parseInt(pre / 60)) + ':' + func(pre % 60) + ' ~ ' + func(parseInt(next / 60)) + ':' + func(next % 60);
-    periodData.push(time);
-    pre = next;
-  }
-
-  return [periodData];
-};
-
-var _default = useTimeperiodData;
-exports["default"] = _default;