linkmore-design/es/filter/components/Date.js

🌈 🚀lm组件库。🚀

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import React, { useState, useContext } from 'react';
import { DatePicker, TimePicker } from "../../index";
import Header from "./header";
import PopContext from "../popContext";
var Index = function Index() {
  var _useContext = useContext(PopContext),
    item = _useContext.item,
    onChange = _useContext.onChange,
    header = _useContext.header;
  var _item$dateType = item.dateType,
    dateType = _item$dateType === void 0 ? 'date' : _item$dateType,
    config = item.config,
    _item$mode = item.mode,
    mode = _item$mode === void 0 ? 'and' : _item$mode;
  var _useState = useState(mode),
    _useState2 = _slicedToArray(_useState, 2),
    useMode = _useState2[0],
    setMode = _useState2[1];
  var getChange = function getChange(date, dateStr) {
    var obj = _objectSpread(_objectSpread({}, item), {}, {
      checkValue: [dateStr]
    });
    onChange(dateStr, obj, useMode);
  };
  var getModeChange = function getModeChange(e) {
    setMode(e);
  };
  var PickerType = function PickerType() {
    if (dateType === 'time') return /*#__PURE__*/React.createElement(TimePicker, _extends({}, config, {
      onChange: getChange
    }));
    if (dateType === 'timeRange') return /*#__PURE__*/React.createElement(TimePicker.RangePicker, _extends({}, config, {
      onChange: getChange
    }));
    if (dateType === 'date') return /*#__PURE__*/React.createElement(DatePicker, _extends({}, config, {
      onChange: getChange
    }));
    if (dateType === 'rangePicker') return /*#__PURE__*/React.createElement(DatePicker.RangePicker, _extends({}, config, {
      onChange: getChange
    }));
    return /*#__PURE__*/React.createElement(DatePicker, _extends({}, config, {
      picker: dateType,
      onChange: getChange
    }));
  };
  return /*#__PURE__*/React.createElement(React.Fragment, null, header ? /*#__PURE__*/React.createElement(Header, {
    getChange: getModeChange
  }) : null, /*#__PURE__*/React.createElement("div", {
    className: "filte_warp"
  }, /*#__PURE__*/React.createElement(PickerType, null)));
};
export default Index;