linkmore-design/lib/advanced-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"));
// 日期范围选择器
const DatePickerFilter = props => {
  const {
    value,
    onChange,
    open,
    picker = 'date',
    locale = {},
    ...restProps
  } = props;
  const defaultValue = (0, _react.useMemo)(() => {
    let nValue;
    // 周/月/季/年 需要处理回显
    if (picker !== 'date') return nValue;
    if (value) {
      return (0, _moment.default)(value);
    }
    return nValue;
  }, [value]);
  return /*#__PURE__*/_react.default.createElement(_datePicker.default, (0, _extends2.default)({
    placeholder: locale.datePickerPlaceholder
  }, restProps, {
    picker: picker,
    defaultValue: defaultValue,
    onChange: (date, dateString) => onChange?.(dateString),
    open: open,
    size: "middle",
    inputReadOnly: true,
    popupClassName: "lm_filter_dropdown_picker"
  }));
};
var _default = DatePickerFilter;
exports.default = _default;