linkmore-design/es/complex-filter/widgets/DateRender.js

🌈 🚀lm组件库。🚀

import _extends from "@babel/runtime/helpers/esm/extends";
import moment from 'moment';
import React, { useMemo } from 'react';
import DatePicker from "../../date-picker";
import { getIsHas } from "../utils";

// 日期范围选择器
var DatePickerFilter = function DatePickerFilter(props) {
  var value = props.value,
    onChange = props.onChange,
    visible = props.visible,
    componentProps = props.componentProps,
    _props$locale = props.locale,
    locale = _props$locale === void 0 ? {} : _props$locale;
  var _ref = componentProps || {},
    _ref$picker = _ref.picker,
    picker = _ref$picker === void 0 ? 'date' : _ref$picker;
  var defaultValue = useMemo(function () {
    var nValue;
    // 周/月/季/年 需要处理回显
    if (picker !== 'date') return nValue;
    if (value) {
      nValue = moment(value);
    }
    return nValue;
  }, [value]);

  // 选中时间段的触发
  var handleOnChange = function handleOnChange(dates, dateStrings) {
    onChange(getIsHas(dateStrings) ? dateStrings : null);
  };
  return /*#__PURE__*/React.createElement(DatePicker, _extends({
    placeholder: locale.datePickerPlaceholder
  }, componentProps, {
    defaultValue: defaultValue,
    onChange: handleOnChange,
    open: visible,
    size: "middle",
    inputReadOnly: true,
    popupClassName: "lm_filter_dropdown_picker"
  }));
};
export default DatePickerFilter;