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

🌈 🚀lm组件库。🚀

import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
var _excluded = ["value", "onChange", "open", "picker", "locale"];
import moment from 'moment';
import React, { useMemo } from 'react';
import DatePicker from "../../date-picker";

// 日期范围选择器
var DatePickerFilter = function DatePickerFilter(props) {
  var value = props.value,
    _onChange = props.onChange,
    open = props.open,
    _props$picker = props.picker,
    picker = _props$picker === void 0 ? 'date' : _props$picker,
    _props$locale = props.locale,
    locale = _props$locale === void 0 ? {} : _props$locale,
    restProps = _objectWithoutProperties(props, _excluded);
  var defaultValue = useMemo(function () {
    var nValue;
    // 周/月/季/年 需要处理回显
    if (picker !== 'date') return nValue;
    if (value) {
      return moment(value);
    }
    return nValue;
  }, [value]);
  return /*#__PURE__*/React.createElement(DatePicker, _extends({
    placeholder: locale.datePickerPlaceholder
  }, restProps, {
    picker: picker,
    defaultValue: defaultValue,
    onChange: function onChange(date, dateString) {
      return _onChange === null || _onChange === void 0 ? void 0 : _onChange(dateString);
    },
    open: open,
    size: "middle",
    inputReadOnly: true,
    popupClassName: "lm_filter_dropdown_picker"
  }));
};
export default DatePickerFilter;