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

package/es/date-picker/components/Time.js

@@ -1,258 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _TimeList = _interopRequireDefault(require("./TimeList"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _utils = require("../utils");
-
-var Time = function Time(_ref) {
-  var date = _ref.date,
-      onChange = _ref.onChange,
-      timeRangePanelType = _ref.timeRangePanelType,
-      startDate = _ref.startDate,
-      currentDate = _ref.currentDate;
-
-  var _useContext = (0, _react.useContext)(_context["default"]),
-      localeDatas = _useContext.localeDatas,
-      _useContext$format = _useContext.format,
-      format = _useContext$format === void 0 ? 'HH:mm:ss' : _useContext$format,
-      _useContext$disabledH = _useContext.disabledHours,
-      disabledHours = _useContext$disabledH === void 0 ? function () {
-    return [];
-  } : _useContext$disabledH,
-      _useContext$disabledM = _useContext.disabledMinutes,
-      disabledMinutes = _useContext$disabledM === void 0 ? function () {
-    return [];
-  } : _useContext$disabledM,
-      _useContext$disabledS = _useContext.disabledSeconds,
-      disabledSeconds = _useContext$disabledS === void 0 ? function () {
-    return [];
-  } : _useContext$disabledS,
-      _useContext$hourStep = _useContext.hourStep,
-      hourStep = _useContext$hourStep === void 0 ? 1 : _useContext$hourStep,
-      _useContext$minuteSte = _useContext.minuteStep,
-      minuteStep = _useContext$minuteSte === void 0 ? 1 : _useContext$minuteSte,
-      _useContext$secondSte = _useContext.secondStep,
-      secondStep = _useContext$secondSte === void 0 ? 1 : _useContext$secondSte,
-      PropsType = _useContext.type,
-      showTime = _useContext.showTime;
-
-  var isShowHMS = function isShowHMS() {
-    return {
-      hour: format.indexOf('H') > -1 || format.indexOf('h') > -1,
-      minute: format.indexOf('m') > -1,
-      second: format.indexOf('s') > -1
-    };
-  };
-
-  var _localeDatas$datePick = localeDatas.datePicker,
-      lHours = _localeDatas$datePick.hours,
-      lMinutes = _localeDatas$datePick.minutes,
-      lSeconds = _localeDatas$datePick.seconds;
-
-  var _isShowHMS = isShowHMS(),
-      showHour = _isShowHMS.hour,
-      showMinute = _isShowHMS.minute,
-      showSecond = _isShowHMS.second; // 设置Date的选中状态
-
-
-  var setDisableTime = function setDisableTime(type, i) {
-    var disabledTime = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-    var isDisabled = disabledTime.includes(i);
-
-    if (PropsType === 'timerange' || PropsType === 'time' || PropsType === 'default' || showTime) {
-      if (timeRangePanelType === 'right') {
-        var _deconstructDate = (0, _utils.deconstructDate)(startDate),
-            hour = _deconstructDate.hour,
-            minute = _deconstructDate.minute,
-            second = _deconstructDate.second;
-
-        var _ref2 = date ? (0, _utils.deconstructDate)(date) : (0, _utils.deconstructDate)(new Date()),
-            endHour = _ref2.hour,
-            endMinute = _ref2.minute;
-
-        isDisabled = type === 'hour' && hour > i;
-
-        if (type === 'minute') {
-          if (endHour === hour) {
-            isDisabled = minute > i;
-          }
-
-          if (endHour < hour) {
-            isDisabled = true;
-          }
-        }
-
-        if (type === 'second') {
-          if (endHour === hour) {
-            isDisabled = endMinute === minute && second > i;
-
-            if (endMinute < minute) {
-              isDisabled = true;
-            }
-          }
-
-          if (endHour < hour) {
-            isDisabled = true;
-          }
-        }
-      }
-
-      return isDisabled;
-    }
-  };
-
-  var getStep = function getStep(type) {
-    var step = 1;
-    var directionStep = 1;
-
-    switch (type) {
-      case 'hour':
-        step = hourStep || directionStep;
-        break;
-
-      case 'minute':
-        step = minuteStep || directionStep;
-        break;
-
-      case 'second':
-        step = secondStep || directionStep;
-        break;
-
-      default:
-        step = 1;
-        break;
-    }
-
-    return step;
-  };
-
-  var generateDatas = function generateDatas(type) {
-    var count;
-    var datas = [];
-    var currentDate = (0, _utils.deconstructDate)(date);
-    var step = getStep(type);
-
-    var disabledList = _getDsiabledList();
-
-    var disabledTime = disabledList[type];
-
-    if (type === 'hour') {
-      count = 24;
-    } else if (type === 'minute') {
-      count = 60;
-    } else {
-      count = 60;
-    }
-
-    for (var i = 0; i < count; i += 1) {
-      if (i % step === 0 || i === 0) {
-        datas.push({
-          value: i,
-          text: i < 10 ? '0' + i : i.toString(),
-          disabled: setDisableTime(type, i, disabledTime),
-          current: i === currentDate[type]
-        });
-      }
-    }
-
-    return datas;
-  };
-
-  var _getDsiabledList = function _getDsiabledList() {
-    var currentDate = (0, _utils.deconstructDate)(date);
-    return {
-      hour: Object.prototype.toString.call(disabledHours) === '[object Array]' ? disabledHours : disabledHours() || [],
-      minute: Object.prototype.toString.call(disabledMinutes) === '[object Array]' ? disabledMinutes : disabledMinutes(currentDate.hour) || [],
-      second: Object.prototype.toString.call(disabledSeconds) === '[object Array]' ? disabledSeconds : disabledSeconds(currentDate.hour, currentDate.minute) || []
-    };
-  };
-
-  var whenDisableChange = function whenDisableChange(list, val, arrowVal) {
-    var _value = val + arrowVal;
-
-    while (list.includes(_value)) {
-      _value += arrowVal;
-    }
-
-    return _value;
-  };
-
-  var selectedEvent = (0, _react.useCallback)(function (type, value, arrow, target) {
-    // 避免空值时 点开 select 自动更新 input
-    // 这里的 `scroll` 是 TimeList 内部暴露的自定义事件，需要规避处理
-    if (target === 'scroll' && !currentDate) return;
-    var cDate = (0, _moment["default"])(date);
-
-    var disabledList = _getDsiabledList()[type];
-
-    if (disabledList.includes(value) && arrow) {
-      value = whenDisableChange(disabledList, value, arrow);
-    }
-
-    cDate[type](value);
-
-    if (!cDate.isSame(date) || target !== 'scroll' && !cDate.isSame(currentDate)) {
-      onChange(cDate);
-    }
-  }, [date, onChange, whenDisableChange]);
-
-  var renderTimeList = function renderTimeList(type) {
-    var disabledList = _getDsiabledList()[type];
-
-    var dDate = (0, _utils.deconstructDate)(date);
-    var isShow = isShowHMS()[type];
-
-    if (!isShow) {
-      return null;
-    }
-
-    return /*#__PURE__*/_react["default"].createElement(_TimeList["default"], {
-      type: type,
-      value: dDate[type],
-      datas: generateDatas(type),
-      disabledList: disabledList,
-      onSelect: selectedEvent,
-      hourStep: hourStep,
-      minuteStep: minuteStep,
-      secondStep: secondStep,
-      timeRangePanelType: timeRangePanelType
-    });
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-timepicker__body"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-timepicker__timeheader"
-  }, showHour && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "hi-timepicker__mark"
-  }, lHours), showMinute && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "hi-timepicker__mark"
-  }, lMinutes), showSecond && /*#__PURE__*/_react["default"].createElement("span", {
-    className: "hi-timepicker__mark"
-  }, lSeconds)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-timepicker__timebody"
-  }, renderTimeList('hour'), renderTimeList('minute'), renderTimeList('second'), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-timepicker__current-line",
-    style: {
-      top: 108
-    }
-  })));
-};
-
-var _default = Time;
-exports["default"] = _default;

package/es/date-picker/components/TimeList.js

@@ -1,193 +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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _index = _interopRequireDefault(require("../../icon/index"));
-
-var PREFIXCOUNT = [1, 2, 3];
-var PREFIX = PREFIXCOUNT.map(function (item, index) {
-  return /*#__PURE__*/_react["default"].createElement("li", {
-    className: "hi-timepicker__item hi-timepikcer__item--empty",
-    key: 'pre' + index
-  });
-});
-var SUFFIX = PREFIXCOUNT.map(function (item, index) {
-  return /*#__PURE__*/_react["default"].createElement("li", {
-    className: "hi-timepicker__item hi-timepikcer__item--empty",
-    key: 'suf' + index
-  });
-});
-
-var TimeList = function TimeList(_ref) {
-  var type = _ref.type,
-      datas = _ref.datas,
-      value = _ref.value,
-      disabledList = _ref.disabledList,
-      onSelect = _ref.onSelect,
-      hourStep = _ref.hourStep,
-      minuteStep = _ref.minuteStep,
-      secondStep = _ref.secondStep;
-  var listRef = (0, _react.useRef)(null);
-  var timeRef = (0, _react.useRef)(null);
-  var topValue1 = (0, _react.useRef)(null);
-  var topValue2 = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      showArrow = _useState2[0],
-      setShowArrow = _useState2[1];
-
-  var clickEvent = function clickEvent(e) {
-    e.stopPropagation();
-    var li = e.target;
-    if (li.nodeName !== 'LI') return false;
-    if (!li.textContent) return;
-    !getdisabledType(parseInt(li.textContent)) && onSelect(type, parseInt(li.textContent), e);
-  };
-
-  var isScrollStop = function isScrollStop(val, el) {
-    topValue2.current = el.scrollTop;
-
-    if (topValue1.current === topValue2.current) {
-      el.scrollTop = val * 32;
-
-      if (!disabledList.includes(val)) {
-        var arrow = getStep();
-        !getdisabledType(val) && onSelect(type, val * arrow, undefined, 'scroll');
-      }
-    }
-  };
-
-  var scrollTo = function scrollTo() {
-    var arrow = getStep();
-    var padding = 32;
-    var dVal = padding / arrow;
-    listRef.current && (listRef.current.scrollTop = value * dVal);
-  };
-
-  (0, _react.useEffect)(function () {
-    scrollTo();
-  }, [value]);
-
-  var getdisabledType = function getdisabledType(val) {
-    var isDisabled = false;
-    datas.forEach(function (data) {
-      if (data.value === val) {
-        isDisabled = data.disabled;
-      }
-    });
-    return isDisabled;
-  };
-
-  var getStep = function getStep(direction) {
-    var directionStep = direction && direction === 'up' ? -1 : 1;
-    var step = directionStep;
-
-    switch (type) {
-      case 'hour':
-        step = hourStep;
-        break;
-
-      case 'minute':
-        step = minuteStep;
-        break;
-
-      case 'second':
-        step = secondStep;
-        break;
-
-      default:
-        step = directionStep;
-        break;
-    }
-
-    if (Number.isNaN(step) || step === -1) {
-      step = 1;
-    }
-
-    return step * directionStep;
-  };
-
-  var scrollEvent = function scrollEvent(e) {
-    e.persist();
-    e.stopPropagation();
-    clearTimeout(timeRef.current);
-    var st = e.target.scrollTop;
-    topValue1.current = st;
-    var val = Math.round(st / 32);
-
-    if (type === 'hour' && val > 23 || (type === 'minute' || type === 'second') && val > 59) {
-      return false;
-    }
-
-    timeRef.current = setTimeout(function () {
-      return isScrollStop(val, e.target);
-    }, 200);
-  };
-
-  var renderArrow = function renderArrow() {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
-      className: "hi-timepicker__page-turn",
-      onClick: function onClick() {
-        return arrowEvent('up');
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      name: "up"
-    })), /*#__PURE__*/_react["default"].createElement("span", {
-      className: "hi-timepicker__page-turn",
-      onClick: function onClick() {
-        return arrowEvent('down');
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-      name: "down"
-    })));
-  };
-
-  var arrowEvent = function arrowEvent(direction) {
-    var arrow = getStep(direction);
-    var st = listRef.current.scrollTop;
-    var val = Math.round(st * Math.abs(arrow) / 32);
-    onSelect(type, val + arrow, arrow);
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-timepicker__list-container",
-    onMouseEnter: function onMouseEnter() {
-      return setShowArrow(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setShowArrow(false);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("ul", {
-    ref: listRef,
-    className: "hi-timepicker__list",
-    onClick: clickEvent,
-    onScroll: function onScroll(e) {
-      return scrollEvent(e);
-    }
-  }, PREFIX, datas.map(function (data, index) {
-    var _class = (0, _classnames["default"])('hi-timepicker__item', data.current && 'hi-timepicker__item--current', data.disabled && 'hi-timepicker__item--disabled');
-
-    return /*#__PURE__*/_react["default"].createElement("li", {
-      key: index,
-      className: _class,
-      value: parseInt(data.text)
-    }, data.text);
-  }), SUFFIX), showArrow && renderArrow());
-};
-
-var _default = TimeList;
-exports["default"] = _default;

package/es/date-picker/components/TimePanel.js

@@ -1,67 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Time = _interopRequireDefault(require("./Time"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var TimePanel = function TimePanel(_ref) {
-  var hasShadow = _ref.hasShadow,
-      onTimeChange = _ref.onTimeChange,
-      style = _ref.style,
-      _ref$dates = _ref.dates,
-      dates = _ref$dates === void 0 ? [] : _ref$dates;
-
-  var _useContext = (0, _react.useContext)(_context["default"]),
-      type = _useContext.type,
-      theme = _useContext.theme,
-      hourStep = _useContext.hourStep,
-      minuteStep = _useContext.minuteStep,
-      secondStep = _useContext.secondStep;
-
-  var panelCls = (0, _classnames["default"])('hi-timepicker__panel', "theme__".concat(theme), type.includes('range') && 'hi-timepicker__panel--range');
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: panelCls,
-    style: style
-  }, /*#__PURE__*/_react["default"].createElement(_Time["default"], {
-    date: dates[0] || (0, _moment["default"])(),
-    currentDate: dates[0],
-    hourStep: hourStep,
-    minuteStep: minuteStep,
-    secondStep: secondStep,
-    timeRangePanelType: "left",
-    onChange: function onChange(d) {
-      return onTimeChange(d, 0);
-    }
-  }), type.includes('range') && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-timepicker__split"
-  }), /*#__PURE__*/_react["default"].createElement(_Time["default"], {
-    date: dates[1] || (0, _moment["default"])(),
-    currentDate: dates[1],
-    hourStep: hourStep,
-    minuteStep: minuteStep,
-    secondStep: secondStep,
-    timeRangePanelType: "right",
-    startDate: dates[0] || (0, _moment["default"])(),
-    onChange: function onChange(d) {
-      return onTimeChange(d, 1);
-    }
-  })));
-};
-
-var _default = TimePanel;
-exports["default"] = _default;

package/es/date-picker/components/TimePeriodPanel.js

@@ -1,78 +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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _utils = require("../utils");
-
-var _context = _interopRequireDefault(require("../context"));
-
-var TimePeriodPanel = function TimePeriodPanel(_ref) {
-  var date = _ref.date,
-      onTimePeriodPick = _ref.onTimePeriodPick;
-
-  var _useContext = (0, _react.useContext)(_context["default"]),
-      _useContext$timeInter = _useContext.timeInterval,
-      timeInterval = _useContext$timeInter === void 0 ? 240 : _useContext$timeInter,
-      localeDatas = _useContext.localeDatas;
-
-  var listEl = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      periodData = _useState2[0],
-      setPeriodData = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    setPeriodData((0, _utils.getTimePeriodData)(timeInterval));
-  }, []);
-
-  var getActiveIndex = function getActiveIndex() {
-    return timeInterval >= 60 ? date.hour() * 60 / timeInterval : (date.minute() + date.hour() * 60) / timeInterval;
-  };
-
-  (0, _react.useEffect)(function () {
-    setTimeout(function () {
-      listEl.current && (listEl.current.scrollTop = getActiveIndex() * 37);
-    }, 0);
-  }, []);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-datepicker__time-period"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-datepicker__period-header"
-  }, localeDatas.datePicker.timePeriod), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-datepicker__period-body"
-  }, /*#__PURE__*/_react["default"].createElement("ul", {
-    className: "hi-datepicker__period-list",
-    ref: listEl
-  }, periodData.map(function (item, index) {
-    var cls = (0, _classnames["default"])('hi-datepicker__period-item', getActiveIndex() === index && 'hi-datepicker__period-item--active');
-    return /*#__PURE__*/_react["default"].createElement("li", {
-      className: cls,
-      key: index,
-      onClick: function onClick(e) {
-        var _item$timeStr$split = item.timeStr.split('~'),
-            _item$timeStr$split2 = (0, _slicedToArray2["default"])(_item$timeStr$split, 2),
-            ts = _item$timeStr$split2[0],
-            te = _item$timeStr$split2[1];
-
-        onTimePeriodPick(ts, te);
-      }
-    }, item.timeStr);
-  }))));
-};
-
-var _default = TimePeriodPanel;
-exports["default"] = _default;

package/es/date-picker/constants.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.INPUTTYPES = exports.FORMATS = exports.RANGE_SPLIT = exports.DAY_MILLISECONDS = void 0;
-var DAY_MILLISECONDS = 86400000;
-exports.DAY_MILLISECONDS = DAY_MILLISECONDS;
-var RANGE_SPLIT = '~';
-exports.RANGE_SPLIT = RANGE_SPLIT;
-
-var FORMATS = function FORMATS(locale) {
-  return locale === 'zh-CN' ? {
-    date: 'YYYY-MM-DD',
-    month: 'YYYY-MM',
-    year: 'YYYY',
-    time: 'HH:mm:ss',
-    timerange: 'HH:mm:ss',
-    daterange: 'YYYY-MM-DD',
-    week: 'YYYY-WW',
-    weekrange: 'YYYY-WW',
-    timeperiod: 'YYYY-MM-DD HH:mm:ss',
-    monthrange: 'YYYY-MM',
-    yearrange: 'YYYY'
-  } : {
-    date: 'MM/DD/YYYY',
-    month: 'MM/YYYY',
-    year: 'YYYY',
-    time: 'HH:mm:ss',
-    timerange: 'HH:mm:ss',
-    daterange: 'MM/DD/YYYY',
-    week: 'wo/YYYY',
-    weekrange: 'wo/YYYY',
-    timeperiod: 'MM/DD/YYYY HH:mm:ss',
-    monthrange: 'MM/YYYY',
-    yearrange: 'YYYY'
-  };
-};
-
-exports.FORMATS = FORMATS;
-var INPUTTYPES = {
-  date: 'normal',
-  month: 'normal',
-  year: 'normal',
-  time: 'normal',
-  timerange: 'range',
-  daterange: 'range',
-  week: 'normal',
-  weekrange: 'range',
-  timeperiod: 'range',
-  monthrange: 'range',
-  yearrange: 'range'
-};
-exports.INPUTTYPES = INPUTTYPES;

package/es/date-picker/context.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var DPContext = /*#__PURE__*/_react["default"].createContext();
-
-var _default = DPContext;
-exports["default"] = _default;