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

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

@@ -1,274 +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 _context = _interopRequireDefault(require("../context"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _hooks = require("../hooks");
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var _utils = require("../utils");
-
-var _reactTransitionGroup = require("react-transition-group");
-
-var getTDClass = function getTDClass(td, largeCell) {
-  var _class = ['hi-datepicker__cell'];
-
-  if (largeCell) {
-    _class.push('hi-datepicker__cell--large'); // _index === 6 && _class.push('hi-datepicker__cell--large--laster')
-
-  } // if (td.disabled) {
-  //   _class.push('hi-datepicker__cell--disabled')
-  // }
-
-
-  switch (td.type) {
-    case 'prev':
-    case 'next':
-      _class.push('hi-datepicker__cell--out');
-
-      break;
-
-    default:
-      _class.push("hi-datepicker__cell--".concat(td.type));
-
-      break;
-  }
-
-  td.range && _class.push('hi-datepicker__cell--range');
-  td.rangeStart && _class.push('hi-datepicker__cell--range-start');
-  td.rangeEnd && _class.push('hi-datepicker__cell--range-end');
-  return _class.join(' ');
-};
-
-var Calender = function Calender(_ref) {
-  var _ref$view = _ref.view,
-      view = _ref$view === void 0 ? 'date' : _ref$view,
-      originDate = _ref.originDate,
-      onPick = _ref.onPick,
-      range = _ref.range,
-      mouseMove = _ref.mouseMove,
-      panelPosition = _ref.panelPosition,
-      renderDate = _ref.renderDate;
-
-  var _useContext = (0, _react.useContext)(_context["default"]),
-      weekOffset = _useContext.weekOffset,
-      localeDatas = _useContext.localeDatas,
-      type = _useContext.type,
-      min = _useContext.min,
-      max = _useContext.max,
-      altCalendar = _useContext.altCalendar,
-      altCalendarPreset = _useContext.altCalendarPreset,
-      dateMarkRender = _useContext.dateMarkRender,
-      dateMarkPreset = _useContext.dateMarkPreset,
-      altCalendarPresetData = _useContext.altCalendarPresetData,
-      dateMarkPresetData = _useContext.dateMarkPresetData,
-      disabledDate = _useContext.disabledDate;
-
-  var largeCell = altCalendar || altCalendarPreset || dateMarkRender || dateMarkPreset;
-
-  var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      holidayFullName = _useState2[0],
-      setHolidayFullName = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      holidayFullNameShow = _useState4[0],
-      setHolidayFullNameShow = _useState4[1];
-
-  var holidayTime = (0, _react.useRef)(null);
-
-  var _useCalenderData = (0, _hooks.useCalenderData)({
-    type: type,
-    view: view,
-    renderDate: renderDate,
-    originDate: originDate,
-    localeDatas: localeDatas,
-    weekOffset: weekOffset,
-    range: range,
-    min: min,
-    max: max,
-    panelPosition: panelPosition,
-    disabledDate: disabledDate
-  }),
-      _useCalenderData2 = (0, _slicedToArray2["default"])(_useCalenderData, 1),
-      rows = _useCalenderData2[0];
-
-  var _useState5 = (0, _react.useState)('hi-datepicker__calender'),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      calenderCls = _useState6[0],
-      setCalenderCls = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(0),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      weekNum = _useState8[0],
-      setWeekNum = _useState8[1];
-
-  (0, _react.useEffect)(function () {
-    setCalenderCls((0, _classnames["default"])('hi-datepicker__calender', "hi-datepicker__calender--".concat(view)));
-  }, [rows, view]);
-
-  var getWeeks = function getWeeks() {
-    var week = localeDatas.datePicker.week;
-    return week.slice(weekOffset).concat(week.slice(0, weekOffset));
-  };
-
-  var onTableClick = function onTableClick(e) {
-    var td = e.target;
-    var value = td.getAttribute('value');
-
-    if (!['SPAN', 'DIV'].includes(td.nodeName) || td.getAttribute('type') === 'disabled') {
-      return false;
-    }
-
-    var clickVal = parseInt(value);
-
-    var _date = (0, _moment["default"])(renderDate);
-
-    var cellType = td.getAttribute('type');
-    var cellWeekType = td.getAttribute('weektype');
-
-    if (cellType === 'prev' || cellWeekType === 'prev') {
-      _date.subtract(1, 'months');
-    }
-
-    if (cellType === 'next' || cellWeekType === 'next') {
-      _date.add(1, 'months');
-    } // 需要放在修改月后，再设置日期
-
-
-    _date[view](clickVal);
-
-    onPick(_date);
-  };
-
-  var onTableMouseMove = function onTableMouseMove(e) {
-    var ele = e.target;
-
-    var panelDate = _lodash["default"].cloneDeep(renderDate);
-
-    if (type.includes('range')) {
-      var val = ele.getAttribute('value');
-      var cellType = ele.getAttribute('type');
-      if (!val || ele.disabled || !range.selecting || cellType === 'disabled') return false;
-      if (range.end && val * 1 === range.end[view]() * 1) return false;
-      panelDate[view](val);
-
-      if (cellType === 'prev') {
-        panelDate.subtract(1, 'month');
-      }
-
-      if (cellType === 'next') {
-        panelDate.add(1, 'months');
-      }
-
-      mouseMove(panelDate);
-    }
-  };
-
-  var onTrMouseOver = (0, _react.useCallback)(function (num) {
-    if (num && (type === 'week' || type === 'weekrange') && weekNum !== num) {
-      setWeekNum(num);
-    }
-  }, [type]);
-
-  var showHolidayDetail = function showHolidayDetail(fullTimeInfo) {
-    clearTimeout(holidayTime.current);
-    setHolidayFullName(fullTimeInfo.FullText || fullTimeInfo.text);
-    setHolidayFullNameShow(true);
-    holidayTime.current = setTimeout(function () {
-      setHolidayFullNameShow(false);
-    }, 2000);
-  };
-
-  var renderAltCalendar = function renderAltCalendar(cell) {
-    if (view.includes('year') || view.includes('month')) return;
-
-    if (Object.keys(altCalendarPresetData).length > 0 || Object.keys(dateMarkPresetData).length > 0 || dateMarkRender || altCalendar) {
-      var fullTimeInfo = (0, _utils.getFullTime)({
-        cell: cell,
-        renderDate: renderDate,
-        altCalendar: altCalendar,
-        altCalendarPreset: altCalendarPreset,
-        dateMarkRender: dateMarkRender,
-        dateMarkPreset: dateMarkPreset,
-        altCalendarPresetData: altCalendarPresetData,
-        dateMarkPresetData: dateMarkPresetData
-      });
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, fullTimeInfo.nodeMark, fullTimeInfo.text ? /*#__PURE__*/_react["default"].createElement("span", {
-        onMouseEnter: function onMouseEnter() {
-          altCalendarPreset === 'id-ID' && showHolidayDetail(fullTimeInfo);
-        },
-        value: cell.value,
-        className: "hi-datepicker__lunar ".concat(fullTimeInfo.highlight ? 'hi-datepicker__lunar--highlight' : '')
-      }, fullTimeInfo.text) : null);
-    } else {
-      return null;
-    }
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-datepicker__calender-wrap ".concat(largeCell ? 'hi-datepicker__calender-wrap--large' : '')
-  }, /*#__PURE__*/_react["default"].createElement(_reactTransitionGroup.CSSTransition, {
-    "in": holidayFullNameShow,
-    timeout: 300,
-    classNames: "hi-datepicker__indiaHoli"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-datepicker__indiaHoli"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-datepicker__indiaHoli-text"
-  }, holidayFullName))), /*#__PURE__*/_react["default"].createElement("table", {
-    className: calenderCls,
-    onClick: onTableClick,
-    onMouseMove: onTableMouseMove
-  }, (view.includes('date') || view.includes('week')) && /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", null, getWeeks().map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement("th", {
-      key: index
-    }, item);
-  }))), /*#__PURE__*/_react["default"].createElement("tbody", null, rows.map(function (row, index) {
-    return /*#__PURE__*/_react["default"].createElement("tr", {
-      key: index,
-      className: "hi-datepicker__row ".concat(row.weekNum === weekNum ? 'hi-datepicker__row--currentweek' : ''),
-      onMouseEnter: function onMouseEnter() {
-        return onTrMouseOver(row.weekNum);
-      }
-    }, row.map(function (cell, _index) {
-      return /*#__PURE__*/_react["default"].createElement("td", {
-        key: _index,
-        value: cell.value,
-        type: cell.type // className='hi-datepicker__cell'
-        ,
-        className: getTDClass(cell, largeCell)
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: "hi-datepicker__cell-text",
-        value: cell.value,
-        type: cell.type
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        value: cell.value,
-        type: cell.type,
-        weektype: cell.weekType,
-        className: "hi-datepicker__cellnum"
-      }, parseInt(cell.text || cell.value) < 10 ? '0' + (cell.text || cell.value) : cell.text || cell.value), renderAltCalendar(cell)));
-    }));
-  }))));
-};
-
-var _default = Calender;
-exports["default"] = _default;

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

@@ -1,98 +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 _index = _interopRequireDefault(require("../../icon/index"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var getHeaderCenterContent = function getHeaderCenterContent(localeDatas, view, renderDate) {
-  var locale = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'zh-CN';
-  var _date = renderDate;
-
-  var year = _date.year();
-
-  var month = _date.month();
-
-  if (view === 'year') {
-    return year - 4 + '~' + (year + 7);
-  }
-
-  if (view === 'month') {
-    return year;
-  }
-
-  var arr = [localeDatas.datePicker.monthShort[month]];
-
-  if (locale === 'zh-CN') {
-    arr.unshift(year + '年    ');
-  } else {
-    arr.push("    ".concat(year));
-  }
-
-  return arr;
-};
-
-var Header = function Header(_ref) {
-  var view = _ref.view,
-      type = _ref.type,
-      changeView = _ref.changeView,
-      onArrowEvent = _ref.onArrowEvent,
-      localeDatas = _ref.localeDatas,
-      panelPosition = _ref.panelPosition,
-      renderDate = _ref.renderDate,
-      locale = _ref.locale;
-
-  var headerChangeDateEvent = function headerChangeDateEvent(flag, val) {
-    var panelDate = (0, _moment["default"])(renderDate);
-    panelDate.add(val, flag);
-    onArrowEvent(panelDate, panelPosition);
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-datepicker__header"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-datepicker__header-btns"
-  }, /*#__PURE__*/_react["default"].createElement("span", {
-    onClick: function onClick() {
-      return headerChangeDateEvent('year', view === 'year' ? -12 : -1);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-    name: "double-left"
-  })), view !== 'year' && view !== 'month' && /*#__PURE__*/_react["default"].createElement("span", {
-    onClick: function onClick() {
-      return headerChangeDateEvent('months', -1);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-    name: "left"
-  }))), /*#__PURE__*/_react["default"].createElement("span", {
-    className: "hi-datepicker__header-text",
-    onClick: function onClick() {
-      changeView();
-    }
-  }, getHeaderCenterContent(localeDatas, view, renderDate, locale)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-datepicker__header-btns"
-  }, view !== 'year' && view !== 'month' && /*#__PURE__*/_react["default"].createElement("span", {
-    onClick: function onClick() {
-      return headerChangeDateEvent('months', 1);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-    name: "right"
-  })), /*#__PURE__*/_react["default"].createElement("span", {
-    onClick: function onClick() {
-      return headerChangeDateEvent('year', view === 'year' ? 12 : 1);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-    name: "double-right"
-  }))));
-};
-
-var _default = Header;
-exports["default"] = _default;

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

@@ -1,103 +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 _moment = _interopRequireDefault(require("moment"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-var _hooks = require("../hooks");
-
-var Input = function Input(_ref) {
-  var date = _ref.date,
-      onChange = _ref.onChange,
-      onFocus = _ref.onFocus,
-      dir = _ref.dir,
-      placeholder = _ref.placeholder;
-
-  var _useContext = (0, _react.useContext)(_context["default"]),
-      type = _useContext.type,
-      format = _useContext.format,
-      disabled = _useContext.disabled,
-      showTime = _useContext.showTime,
-      hourStep = _useContext.hourStep,
-      minuteStep = _useContext.minuteStep,
-      secondStep = _useContext.secondStep,
-      inputReadOnly = _useContext.inputReadOnly,
-      locale = _useContext.locale;
-
-  var _useFormat = (0, _hooks.useFormat)({
-    type: type,
-    showTime: showTime,
-    format: format,
-    locale: locale
-  }),
-      _useFormat2 = (0, _slicedToArray2["default"])(_useFormat, 1),
-      iFormat = _useFormat2[0];
-
-  var cacheValues = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var vals = date && (0, _moment["default"])(date).format(iFormat);
-
-    if (type.includes('week') && date) {
-      var y = (0, _moment["default"])(date).weekYear();
-
-      var _date = (0, _moment["default"])(date).year(y);
-
-      vals = (0, _moment["default"])(_date).format(iFormat);
-
-      if (locale === 'zh-CN' && typeof format === 'undefined') {
-        vals = y + '-W' + (0, _moment["default"])(_date).week();
-      }
-    }
-
-    setValue(vals);
-    cacheValues.current = vals;
-  }, [date]);
-
-  var inputChangeEvent = function inputChangeEvent(e) {
-    var val = e.target.value;
-    setValue(val);
-
-    if (val && val.trim().length === iFormat.length) {
-      var nVal = (0, _moment["default"])(val);
-
-      if (nVal.isValid()) {
-        onChange(nVal, dir);
-      } else {
-        setValue(cacheValues.current);
-      }
-    }
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("input", {
-    type: "text",
-    placeholder: placeholder,
-    readOnly: hourStep || minuteStep || secondStep || inputReadOnly ? 'readOnly' : false,
-    className: disabled ? 'disabled' : '',
-    disabled: disabled,
-    onChange: inputChangeEvent,
-    onFocus: onFocus,
-    value: value || ''
-  });
-};
-
-var _default = Input;
-exports["default"] = _default;

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

@@ -1,145 +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 _Header = _interopRequireDefault(require("./Header"));
-
-var _Calender = _interopRequireDefault(require("./Calender"));
-
-var _moment = _interopRequireDefault(require("moment"));
-
-var _context = _interopRequireDefault(require("../context"));
-
-var _TimePanel = _interopRequireDefault(require("./TimePanel"));
-
-var _utils = require("../utils");
-
-var Panel = function Panel() {
-  var _useContext = (0, _react.useContext)(_context["default"]),
-      outDate = _useContext.outDate,
-      type = _useContext.type,
-      onPick = _useContext.onPick,
-      localeDatas = _useContext.localeDatas,
-      showTime = _useContext.showTime,
-      theme = _useContext.theme,
-      weekOffset = _useContext.weekOffset,
-      locale = _useContext.locale,
-      onSelect = _useContext.onSelect;
-
-  var _useState = (0, _react.useState)((0, _utils.getView)(type)),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      view = _useState2[0],
-      setView = _useState2[1];
-
-  var _useState3 = (0, _react.useState)([]),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      calRenderDates = _useState4[0],
-      setCalRenderDates = _useState4[1];
-
-  (0, _react.useState)(function () {
-    setView((0, _utils.getView)(type));
-  }, [type]);
-  (0, _react.useEffect)(function () {
-    var rDate = outDate[0] ? (0, _moment["default"])(outDate[0]) : (0, _moment["default"])();
-    setCalRenderDates([rDate]);
-  }, [outDate]);
-
-  var onCalenderPick = function onCalenderPick(date) {
-    onSelect(date, true);
-
-    if (type === 'year' || type === 'month' && view === 'month') {
-      // year || month picker
-      onPick([type === 'year' ? (0, _moment["default"])(date.year().toString()) : (0, _moment["default"])("".concat(date.year().toString(), "-").concat(date.month() + 1))], false);
-      return;
-    }
-
-    if (type === 'week' && view === 'date') {
-      // week picker
-      var weekMethod = weekOffset ? 'isoWeek' : 'week';
-      var weekNum = date[weekMethod]();
-      onPick([(0, _moment["default"])(date).startOf(weekMethod), (0, _moment["default"])(date).endOf(weekMethod)], false, weekNum);
-      return;
-    }
-
-    var _view = view;
-
-    if (view === 'year') {
-      _view = 'month';
-    }
-
-    if (view === 'month') {
-      _view = 'date';
-    }
-
-    setView(_view);
-
-    var _innerDates = (0, _utils.genNewDates)(calRenderDates, date);
-
-    if (view === 'date') {
-      onPick(_innerDates, showTime);
-      return;
-    }
-
-    setCalRenderDates(_innerDates);
-  };
-
-  var panelCls = (0, _classnames["default"])('hi-datepicker__panel', "theme__".concat(theme), showTime && 'hi-datepicker__panel--time hi-datepicker__panel--noshadow');
-
-  var onTimeChange = function onTimeChange(date) {
-    var d = (0, _utils.genNewDates)(calRenderDates, date);
-    setCalRenderDates(d);
-    onPick(d, true);
-  };
-
-  var onArrowEvent = function onArrowEvent(date) {
-    var _innerDates = (0, _utils.genNewDates)(calRenderDates, date);
-
-    if (type.includes('range') && _innerDates[0] >= _innerDates[1]) return;
-    setCalRenderDates(_innerDates);
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: panelCls
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-datepicker__panel--left"
-  }, calRenderDates[0] && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Header["default"], {
-    renderDate: calRenderDates[0],
-    renderDates: calRenderDates,
-    changeView: function changeView() {
-      return setView('year');
-    },
-    onArrowEvent: onArrowEvent,
-    localeDatas: localeDatas,
-    view: view,
-    panelPosition: 0,
-    type: type,
-    locale: locale
-  }), /*#__PURE__*/_react["default"].createElement(_Calender["default"], {
-    renderDate: calRenderDates[0],
-    originDate: outDate[0],
-    onPick: onCalenderPick,
-    view: view,
-    panelPosition: "left"
-  }))), type === 'date' && showTime && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "hi-datepicker__panel--right"
-  }, /*#__PURE__*/_react["default"].createElement(_TimePanel["default"], {
-    onTimeChange: onTimeChange,
-    dates: calRenderDates
-  })));
-};
-
-var _default = Panel;
-exports["default"] = _default;

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

@@ -1,33 +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 _classnames = _interopRequireDefault(require("classnames"));
-
-var PickerIcon = function PickerIcon(_ref) {
-  var focus = _ref.focus,
-      type = _ref.type,
-      clearable = _ref.clearable,
-      showTime = _ref.showTime,
-      disabled = _ref.disabled,
-      _onClick = _ref.onClick;
-  var cls = (0, _classnames["default"])('hi-icon', disabled && 'hi-icon--disabled', focus && clearable ? 'icon-close-circle clear' : type.includes('time') || showTime ? 'icon-time' : 'icon-date');
-  return /*#__PURE__*/_react["default"].createElement("span", {
-    className: cls,
-    onClick: function onClick(e) {
-      if (disabled) return;
-
-      _onClick(focus && clearable);
-    }
-  });
-};
-
-var _default = PickerIcon;
-exports["default"] = _default;