linkmore-design 1.0.91 → 1.0.93

package/lib/LmFilter/components/CascaderFilter.js

@@ -0,0 +1,160 @@
+"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;
+
+require("antd/es/cascader/style");
+
+var _cascader = _interopRequireDefault(require("antd/es/cascader"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _InputSearchClose = _interopRequireDefault(require("./InputSearchClose"));
+
+var _hooks = require("../hooks");
+
+// 重置级联弹框
+var DropdownRender = function DropdownRender(_ref) {
+  var dom = _ref.dom,
+      instance = _ref.instance,
+      item = _ref.item,
+      setOptions = _ref.setOptions,
+      checkedValues = _ref.checkedValues;
+  var _instance$filterValue = instance.filterValue,
+      filterValue = _instance$filterValue === void 0 ? [] : _instance$filterValue,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible,
+      setVisible = instance.setVisible;
+  var _item$data = item.data,
+      filters = _item$data === void 0 ? [] : _item$data;
+  var inputRef = (0, _react.useRef)(null);
+  var delayedFn = (0, _hooks.useDelayedFn)();
+  var isShowFoot = (0, _react.useMemo)(function () {
+    var _item$props;
+
+    return item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.multiple;
+  }, [item]);
+
+  var handleFilter = function handleFilter(val) {
+    var serachValues = filters.filter(function (v) {
+      var _v, _item$props2, _item$props2$fieldNam;
+
+      return ((_v = v[(item === null || item === void 0 ? void 0 : (_item$props2 = item.props) === null || _item$props2 === void 0 ? void 0 : (_item$props2$fieldNam = _item$props2.fieldNames) === null || _item$props2$fieldNam === void 0 ? void 0 : _item$props2$fieldNam.label) || 'label']) === null || _v === void 0 ? void 0 : _v.indexOf(val)) > -1;
+    });
+    setOptions(serachValues);
+  }; // 确定
+
+
+  var handleSure = function handleSure() {
+    setFilterValue(checkedValues);
+    setVisible === null || setVisible === void 0 ? void 0 : setVisible(false);
+  }; // 取消
+
+
+  var handleReset = function handleReset() {
+    return setVisible === null || setVisible === void 0 ? void 0 : setVisible(false);
+  };
+
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      delayedFn(function () {
+        var _inputRef$current, _inputRef$current$foc;
+
+        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$foc = _inputRef$current.focus) === null || _inputRef$current$foc === void 0 ? void 0 : _inputRef$current$foc.call(_inputRef$current, {
+          cursor: 'all'
+        });
+      });
+    }
+  }, [visible]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {
+    ref: inputRef,
+    onSearch: handleFilter,
+    onChange: handleFilter
+  })), dom, isShowFoot && /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_footer"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "footer_clear",
+    onClick: handleReset
+  }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "primary",
+    size: "small",
+    onClick: handleSure
+  }, "\u786E\u5B9A")));
+};
+
+var CascaderFilter = function CascaderFilter(_ref2) {
+  var instance = _ref2.instance,
+      itemProps = _ref2.item;
+  var _instance$filterValue2 = instance.filterValue,
+      filterValue = _instance$filterValue2 === void 0 ? [] : _instance$filterValue2,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible,
+      setVisible = instance.setVisible,
+      _instance$children = instance.children,
+      children = _instance$children === void 0 ? /*#__PURE__*/_react.default.createElement("div", null) : _instance$children;
+  var _itemProps$data = itemProps.data,
+      filters = _itemProps$data === void 0 ? [] : _itemProps$data;
+
+  var _useState = (0, _react.useState)(filters),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      options = _useState2[0],
+      setOptions = _useState2[1];
+
+  var _useState3 = (0, _react.useState)([]),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      checkedValues = _useState4[0],
+      setCheckedValues = _useState4[1];
+
+  var defaultValue = (0, _react.useMemo)(function () {
+    return filterValue;
+  }, [filterValue]);
+
+  var onChange = function onChange(item, selectedOptions) {
+    var _itemProps$props;
+
+    setCheckedValues(item);
+
+    if (!(itemProps === null || itemProps === void 0 ? void 0 : (_itemProps$props = itemProps.props) === null || _itemProps$props === void 0 ? void 0 : _itemProps$props.multiple)) {
+      setFilterValue(item);
+    }
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_cascader.default, (0, _extends2.default)({}, itemProps.props, {
+    options: options,
+    onChange: onChange,
+    defaultValue: defaultValue,
+    open: visible,
+    onDropdownVisibleChange: function onDropdownVisibleChange(vis) {
+      return setVisible(vis);
+    },
+    dropdownRender: function dropdownRender(dom) {
+      return /*#__PURE__*/_react.default.createElement(DropdownRender, {
+        dom: dom,
+        instance: instance,
+        item: itemProps,
+        checkedValues: checkedValues,
+        setCheckedValues: setCheckedValues,
+        setOptions: setOptions
+      });
+    }
+  }), children));
+};
+
+var _default = CascaderFilter;
+exports.default = _default;

package/lib/LmFilter/components/CheckboxFilter.js

@@ -0,0 +1,189 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _InputSearchClose = _interopRequireDefault(require("./InputSearchClose"));
+
+var _EmptyFilter = _interopRequireDefault(require("./EmptyFilter"));
+
+var _utils = require("../utils");
+
+var _hooks = require("../hooks");
+
+var _excluded = ["item"];
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
+
+var CheckboxFilter = function CheckboxFilter(_ref) {
+  var instance = _ref.instance,
+      itemProps = _ref.item;
+  var _instance$filterValue = instance.filterValue,
+      filterValue = _instance$filterValue === void 0 ? [] : _instance$filterValue,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible,
+      setVisible = instance.setVisible;
+  var _itemProps$data = itemProps.data,
+      filters = _itemProps$data === void 0 ? [] : _itemProps$data;
+  var inputRef = (0, _react.useRef)(); // 选中的数据项: [key, key, ...];
+
+  var _useState = (0, _react.useState)(filterValue),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      checkedValues = _useState2[0],
+      setCheckedValues = _useState2[1]; // 选中的数据的键
+  // const checkedKeys = useMemo(() => checkedValues.map(v => v), [checkedValues]);
+  // 搜索后的筛选项
+
+
+  var _useState3 = (0, _react.useState)(filters),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      options = _useState4[0],
+      setOptions = _useState4[1];
+
+  var delayedFn = (0, _hooks.useDelayedFn)(); // 是否存在搜索, 当数据大于8时存在搜索
+
+  var isSearch = (0, _react.useMemo)(function () {
+    return filters.length > 8;
+  }, [filters.length]); // 是否全选: 选中的数据大于等于筛选后的数据 && 筛选后的数据全部存在于选中的数据中
+
+  var checkAll = (0, _react.useMemo)(function () {
+    var isAll = checkedValues.length >= options.length;
+    return isAll && options.every(function (_ref2) {
+      var value = _ref2.value;
+      return checkedValues.some(function (v) {
+        return v === value;
+      });
+    });
+  }, [checkedValues, options]); // 是否半选: 存在选中的数据 && 未全选
+
+  var indeterminate = (0, _react.useMemo)(function () {
+    return checkedValues.length && !checkAll;
+  }, [checkedValues.length, checkAll]); // 搜索
+
+  var handleFilter = function handleFilter() {
+    var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var serachValues = filters.filter(function (v) {
+      return v.label.indexOf(val) > -1;
+    });
+    setOptions(serachValues);
+  }; // 单选事件
+
+
+  var onChange = function onChange(e, item) {
+    e.preventDefault();
+    var nValue = checkedValues.some(function (value) {
+      return value === item.value;
+    }) ? checkedValues.filter(function (value) {
+      return value !== item.value;
+    }) : (0, _utils.uniqueFunc)([].concat((0, _toConsumableArray2.default)(checkedValues), [item.value]), 'value');
+    setCheckedValues(nValue);
+  }; // 全选事件
+
+
+  var onCheckAllChange = function onCheckAllChange() {
+    var nValue = checkAll ? checkedValues.filter(function (value) {
+      return !options.some(function (v) {
+        return v.value === value;
+      });
+    }) : (0, _utils.uniqueFunc)([].concat((0, _toConsumableArray2.default)(checkedValues), (0, _toConsumableArray2.default)(options)), 'value');
+    setCheckedValues(nValue);
+  }; // 取消 不执行查询操作 关闭下拉框
+
+
+  var handleCancel = function handleCancel() {
+    // 手动触发内容改变(不会触发onChange事件)
+    setVisible === null || setVisible === void 0 ? void 0 : setVisible(false);
+  }; // 确定 执行查询操作
+
+
+  var handleSure = function handleSure() {
+    setFilterValue(checkedValues);
+  }; // 展开下拉时触发: 赋值 && 聚焦 && 重置显示内容
+
+
+  useIsomorphicLayoutEffect(function () {
+    if (visible) {
+      delayedFn(function () {
+        var _inputRef$current;
+
+        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus({
+          cursor: 'all'
+        });
+      }); // 若开启了 Dropdown => destroyPopupOnHide=true 无需重置操作 反之需开启
+      // setCheckedValues(filterValue);
+      // inputRef.current?.setValue?.('');
+      // handleFilter('');
+    }
+  }, [visible]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {
+    ref: inputRef,
+    onSearch: handleFilter,
+    onChange: handleFilter
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header_operate"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+    indeterminate: indeterminate,
+    onChange: onCheckAllChange,
+    checked: checkAll,
+    className: "filter_tip"
+  }, "\u5168\u90E8"), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "filter_tip"
+  }, "\u5DF2\u9009: ", checkedValues.length)))), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox.Group, {
+    value: checkedValues,
+    className: "filter_body"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
+    options: options,
+    className: "filter_list"
+  }, function (_ref3) {
+    var item = _ref3.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: (0, _classnames.default)('filter_item', {
+        checked: checkedValues.some(function (value) {
+          return value === item.value;
+        })
+      }),
+      onClick: function onClick(e) {
+        return onChange(e, item);
+      }
+    }), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Checkbox, {
+      value: item.value,
+      className: "filter_item_content"
+    }, item.label));
+  }), !options.length && /*#__PURE__*/_react.default.createElement(_EmptyFilter.default, null)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_footer"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "footer_clear",
+    onClick: handleCancel
+  }, "\u53D6\u6D88"), /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "primary",
+    size: "small",
+    onClick: handleSure
+  }, "\u786E\u5B9A")));
+};
+
+var _default = CheckboxFilter;
+exports.default = _default;

package/lib/LmFilter/components/CustomSelectFilter.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _InputSearchClose = _interopRequireDefault(require("./InputSearchClose"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _hooks = require("../hooks");
+
+var _excluded = ["item"];
+
+// 自定义筛选使用
+var CustomSelect = function CustomSelect(_ref) {
+  var instance = _ref.instance;
+  var dispatch = instance.dispatch,
+      _instance$filters = instance.filters,
+      filters = _instance$filters === void 0 ? [] : _instance$filters,
+      _instance$filterValue = instance.filterValue,
+      filterValue = _instance$filterValue === void 0 ? '' : _instance$filterValue,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible,
+      setVisible = instance.setVisible,
+      onEdit = instance.onEdit,
+      onAdd = instance.onAdd;
+  var delayedFn = (0, _hooks.useDelayedFn)();
+  var inputRef = (0, _react.useRef)(null); // 搜索后的筛选项
+
+  var _useState = (0, _react.useState)(filters),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      options = _useState2[0],
+      setOptions = _useState2[1]; // 是否存在搜索, 当数据大于8时存在搜索
+
+
+  var isSearch = (0, _react.useMemo)(function () {
+    return filters.length > 8;
+  }, [filters.length]);
+
+  var handleFilter = function handleFilter() {
+    var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var serachValues = filters.filter(function (v) {
+      return v.label.indexOf(val) > -1;
+    });
+    setOptions(serachValues);
+  }; // 单选事件
+
+
+  var onChange = function onChange(e, obj) {
+    e.preventDefault();
+    setFilterValue === null || setFilterValue === void 0 ? void 0 : setFilterValue(obj.value, obj);
+  };
+
+  var handleAdd = function handleAdd() {
+    onAdd();
+  };
+
+  var handleEdit = function handleEdit(e, obj) {
+    e.stopPropagation();
+    onEdit(obj);
+  }; // 展开下拉时触发: 赋值 && 聚焦 && 重置显示内容
+
+
+  (0, _react.useEffect)(function () {
+    if (visible) {
+      delayedFn(function () {
+        var _inputRef$current, _inputRef$current$foc;
+
+        return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : (_inputRef$current$foc = _inputRef$current.focus) === null || _inputRef$current$foc === void 0 ? void 0 : _inputRef$current$foc.call(_inputRef$current, {
+          cursor: 'all'
+        });
+      });
+    }
+  }, [visible]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_dropdown"
+  }, isSearch && /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_header"
+  }, /*#__PURE__*/_react.default.createElement(_InputSearchClose.default, {
+    ref: inputRef,
+    onSearch: handleFilter,
+    onChange: handleFilter
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_body"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.VirtualList, {
+    options: options,
+    className: "filter_list"
+  }, function (_ref2) {
+    var item = _ref2.item,
+        resetProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, resetProps, {
+      className: (0, _classnames.default)('filter_item', {
+        checked: item.value === filterValue
+      }),
+      onClick: function onClick(e) {
+        return onChange(e, item);
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_item_content"
+    }, item.label), /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_item_operate"
+    }, item.value && /*#__PURE__*/_react.default.createElement("div", {
+      className: "icon_hover",
+      onClick: function onClick(e) {
+        return handleEdit(e, item);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+      type: "lmweb-edit"
+    })), item.default && /*#__PURE__*/_react.default.createElement("div", null, "\u9ED8\u8BA4")));
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_item last_item",
+    onClick: function onClick(e) {
+      return handleAdd(e);
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "filter_item-content"
+  }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+    type: "lmweb-plus"
+  }), "\u65B0\u589E\u81EA\u5B9A\u4E49\u67E5\u8BE2"))));
+};
+
+var _default = CustomSelect;
+exports.default = _default;

package/lib/LmFilter/components/DateFilter.js

@@ -0,0 +1,163 @@
+"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 _react = _interopRequireWildcard(require("react"));
+
+var _linkmoreDesign = require("linkmore-design");
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _utils = require("../utils");
+
+var RangePicker = function RangePicker(_ref) {
+  var instance = _ref.instance,
+      onChange = _ref.onChange,
+      itemProps = _ref.itemProps;
+  var filterValue = instance.filterValue,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible,
+      setVisible = instance.setVisible;
+  var defaultValue = (0, _react.useMemo)(function () {
+    var nValue;
+
+    if ((0, _utils.getIsHas)(filterValue)) {
+      nValue = [(0, _moment.default)(filterValue[0]), (0, _moment.default)(filterValue[1])];
+    }
+
+    return nValue;
+  }, [filterValue]); // 最近的时间段, 值为JSON转换后的字符串
+
+  var ranges = (0, _react.useMemo)(function () {
+    return Object.entries((0, _utils.getRanges)()).map(function (item, i) {
+      return {
+        id: i,
+        label: item[0],
+        value: JSON.stringify(item[1])
+      };
+    });
+  }, []); // 选中时间段的触发
+
+  var handleOnChange = function handleOnChange(dates, dateStrings) {
+    onChange(dates, (0, _utils.getIsHas)(dateStrings.filter(function (v) {
+      return !!v;
+    })) ? dateStrings : null);
+  }; // 最近的时间触发事件
+
+
+  var handleLastDateOnChange = function handleLastDateOnChange(e) {
+    var nValue = JSON.parse(e.target.value);
+    setFilterValue(nValue);
+  };
+
+  var panelRender = function panelRender(panelNode) {
+    var activeValue = JSON.stringify(filterValue);
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_picker_box"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_picker_main"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_picker_header"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_picker_header_tip"
+    }, defaultValue && "".concat(filterValue[0], " - ").concat(filterValue[1])), /*#__PURE__*/_react.default.createElement("div", {
+      className: "filter_picker_header_operate"
+    }, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Group, {
+      value: activeValue,
+      onChange: handleLastDateOnChange,
+      size: "small"
+    }, ranges.map(function (v) {
+      return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Radio.Button, {
+        key: v.label,
+        value: v.value
+      }, v.label);
+    })))), panelNode));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_linkmoreDesign.DatePicker.RangePicker, (0, _extends2.default)({
+    picker: "date",
+    separator: /*#__PURE__*/_react.default.createElement(_linkmoreDesign.IconFont, {
+      type: "lmweb-swap-right",
+      style: {
+        color: 'var(--text-color)'
+      }
+    }),
+    placeholder: ['开始日期', '结束日期']
+  }, itemProps, {
+    value: defaultValue,
+    onChange: handleOnChange,
+    open: visible,
+    onOpenChange: function onOpenChange(vis) {
+      return setVisible(vis);
+    },
+    panelRender: panelRender,
+    dropdownClassName: "lm_filter_dropdown_picker",
+    size: "middle",
+    inputReadOnly: true
+  })));
+}; // 日期范围选择器
+
+
+var DatePickerFilter = function DatePickerFilter(_ref2) {
+  var instance = _ref2.instance,
+      itemProps = _ref2.item;
+  var filterValue = instance.filterValue,
+      setFilterValue = instance.setFilterValue,
+      visible = instance.visible,
+      setVisible = instance.setVisible;
+  var props = itemProps.props;
+
+  var _ref3 = props || {},
+      _ref3$picker = _ref3.picker,
+      picker = _ref3$picker === void 0 ? 'date' : _ref3$picker;
+
+  var defaultValue = (0, _react.useMemo)(function () {
+    var nValue; // 周/月/季/年 需要处理回显
+
+    if (picker !== 'date') return nValue;
+
+    if (filterValue) {
+      nValue = (0, _moment.default)(filterValue);
+    }
+
+    return nValue;
+  }, [filterValue]); // 选中时间段的触发
+
+  var onChange = function onChange(dates, dateStrings) {
+    setFilterValue((0, _utils.getIsHas)(dateStrings) ? dateStrings : null);
+  };
+
+  if (['range', 'rangePicker'].includes(itemProps.dateType || itemProps.datetype)) {
+    return /*#__PURE__*/_react.default.createElement(RangePicker, {
+      instance: instance,
+      onChange: onChange,
+      itemProps: props
+    });
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_linkmoreDesign.DatePicker, (0, _extends2.default)({
+    placeholder: "\u9009\u62E9\u65F6\u95F4"
+  }, props, {
+    defaultValue: defaultValue,
+    onChange: onChange,
+    open: visible,
+    onOpenChange: function onOpenChange(vis) {
+      return setVisible(vis);
+    },
+    size: "middle",
+    inputReadOnly: true,
+    dropdownClassName: "lm_filter_dropdown_picker"
+  }));
+};
+
+var _default = DatePickerFilter;
+exports.default = _default;