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

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _moment = _interopRequireDefault(require("moment"));
var _react = _interopRequireWildcard(require("react"));
var _datePicker = _interopRequireDefault(require("../../date-picker"));
var _utils = require("../utils");
// 日期范围选择器
const DatePickerFilter = props => {
  const {
    value,
    onChange,
    visible,
    componentProps,
    locale = {}
  } = props;
  const {
    picker = 'date'
  } = componentProps || {};
  const defaultValue = (0, _react.useMemo)(() => {
    let nValue;
    // 周/月/季/年 需要处理回显
    if (picker !== 'date') return nValue;
    if (value) {
      nValue = (0, _moment.default)(value);
    }
    return nValue;
  }, [value]);

  // 选中时间段的触发
  const handleOnChange = (dates, dateStrings) => {
    onChange((0, _utils.getIsHas)(dateStrings) ? dateStrings : null);
  };
  return /*#__PURE__*/_react.default.createElement(_datePicker.default, (0, _extends2.default)({
    placeholder: locale.datePickerPlaceholder
  }, componentProps, {
    defaultValue: defaultValue,
    onChange: handleOnChange,
    open: visible,
    size: "middle",
    inputReadOnly: true,
    popupClassName: "lm_filter_dropdown_picker"
  }));
};
var _default = DatePickerFilter;
exports.default = _default;