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

package/es/date-picker/TimePicker.js

@@ -1,211 +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 _context = _interopRequireDefault(require("./context"));
-
-var _Root = _interopRequireDefault(require("./components/Root"));
-
-var _hooks = require("./hooks");
-
-var _index = _interopRequireDefault(require("../popper/index"));
-
-var _TimePanel = _interopRequireDefault(require("./components/TimePanel"));
-
-var _index2 = _interopRequireDefault(require("../context/index"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-require("./style/timepicker");
-
-var TimePicker = function TimePicker(_ref) {
-  var _ref$type = _ref.type,
-      type = _ref$type === void 0 ? 'time' : _ref$type,
-      value = _ref.value,
-      defaultValue = _ref.defaultValue,
-      _ref$format = _ref.format,
-      format = _ref$format === void 0 ? 'HH:mm:ss' : _ref$format,
-      disabled = _ref.disabled,
-      _ref$clearable = _ref.clearable,
-      clearable = _ref$clearable === void 0 ? true : _ref$clearable,
-      placeholder = _ref.placeholder,
-      localeDatas = _ref.localeDatas,
-      theme = _ref.theme,
-      disabledHours = _ref.disabledHours,
-      disabledMinutes = _ref.disabledMinutes,
-      disabledSeconds = _ref.disabledSeconds,
-      overlayClassName = _ref.overlayClassName,
-      hourStep = _ref.hourStep,
-      minuteStep = _ref.minuteStep,
-      secondStep = _ref.secondStep,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      _ref$placement = _ref.placement,
-      placement = _ref$placement === void 0 ? 'top-bottom-start' : _ref$placement,
-      inputReadOnly = _ref.inputReadOnly,
-      _ref$bordered = _ref.bordered,
-      bordered = _ref$bordered === void 0 ? true : _ref$bordered,
-      locale = _ref.locale;
-  var cacheDate = (0, _react.useRef)(null);
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      rangeInputIsError = _useState2[0],
-      setRangeInputIsError = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      inputFocus = _useState4[0],
-      setInputFocus = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      showPanel = _useState6[0],
-      setShowPanel = _useState6[1];
-
-  var _useFormat = (0, _hooks.useFormat)({
-    type: type,
-    showTime: false,
-    format: format,
-    locale: locale
-  }),
-      _useFormat2 = (0, _slicedToArray2["default"])(_useFormat, 1),
-      iFormat = _useFormat2[0];
-
-  var _useDate = (0, _hooks.useDate)({
-    value: value,
-    type: type,
-    defaultValue: defaultValue,
-    cacheDate: cacheDate,
-    format: format,
-    locale: locale
-  }),
-      _useDate2 = (0, _slicedToArray2["default"])(_useDate, 2),
-      outDate = _useDate2[0],
-      changeOutDate = _useDate2[1];
-
-  var inputChangeEvent = function inputChangeEvent(val, dir) {
-    if (val.isValid()) {
-      var oData = _lodash["default"].cloneDeep(outDate);
-
-      oData[dir] = val;
-      changeOutDate(oData);
-    }
-  };
-
-  var clickOutsideEvent = (0, _react.useCallback)(function () {
-    var isError = type.includes('range') && Date.parse(outDate[0]) > Date.parse(outDate[1]);
-    !isError && resetStatus();
-    setRangeInputIsError(isError);
-    !isError && outDate.forEach(function (od, index) {
-      if (od && !od.isSame(cacheDate.current[index])) {
-        callback(outDate);
-      }
-    });
-  }, [outDate]);
-  var timePopperCls = (0, _classnames["default"])('hi-timepicker__popper', type.includes('range') && 'hi-timepicker__popper--range');
-
-  var onClear = function onClear() {
-    resetStatus();
-    changeOutDate([]);
-    onChange(null, '');
-  };
-
-  var resetStatus = (0, _react.useCallback)(function () {
-    setShowPanel(false);
-    setInputFocus(false);
-  }, []);
-
-  var callback = function callback(dates) {
-    var _dates = _lodash["default"].cloneDeep(dates);
-
-    var returnDate = {};
-    var returnDateStr = '';
-
-    if (type.includes('range')) {
-      returnDate = {
-        start: _dates[0].toDate(),
-        end: _dates[1].toDate()
-      };
-      returnDateStr = {
-        start: _dates[0].format(iFormat),
-        end: _dates[1].format(iFormat)
-      };
-    } else {
-      returnDate = _dates[0].toDate();
-      returnDateStr = _dates[0].format(iFormat);
-    }
-
-    cacheDate.current = _dates;
-    onChange(returnDate, returnDateStr);
-  };
-
-  var onTimeChange = function onTimeChange(date, cIndex) {
-    var oData = _lodash["default"].cloneDeep(outDate);
-
-    oData[cIndex] = date;
-    changeOutDate(oData);
-  };
-
-  return /*#__PURE__*/_react["default"].createElement(_context["default"].Provider, {
-    value: {
-      type: type,
-      localeDatas: localeDatas,
-      outDate: outDate,
-      format: format,
-      theme: theme,
-      disabled: disabled,
-      placeholder: placeholder,
-      disabledHours: disabledHours,
-      disabledMinutes: disabledMinutes,
-      disabledSeconds: disabledSeconds,
-      clearable: clearable,
-      hourStep: hourStep,
-      minuteStep: minuteStep,
-      secondStep: secondStep,
-      inputReadOnly: inputReadOnly,
-      bordered: bordered
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_Root["default"], {
-    inputChangeEvent: inputChangeEvent,
-    onClear: onClear,
-    showPanel: showPanel,
-    inputFocus: inputFocus,
-    rangeInputIsError: rangeInputIsError,
-    bordered: bordered,
-    onTrigger: function onTrigger() {
-      setShowPanel(true);
-      setInputFocus(true);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_index["default"], {
-    show: showPanel,
-    zIndex: 1050,
-    topGap: 0,
-    leftGap: 0,
-    overlayClassName: overlayClassName,
-    width: false,
-    className: timePopperCls,
-    placement: placement,
-    onClickOutside: clickOutsideEvent
-  }, /*#__PURE__*/_react["default"].createElement(_TimePanel["default"], {
-    onTimeChange: onTimeChange,
-    dates: outDate
-  }))));
-};
-
-var _default = (0, _index2["default"])(TimePicker);
-
-exports["default"] = _default;