linkmore-design/lib/filter/remember.js

🌈 🚀lm组件库。🚀

"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 _react = _interopRequireWildcard(require("react"));
var _antd = require("antd");
var _icons = require("@ant-design/icons");
var _editFilter = _interopRequireDefault(require("./edit/editFilter"));
/* eslint-disable no-unused-vars */

const {
  Option
} = _antd.Select;
const Index = props => {
  const {
    type,
    list,
    onChange,
    defaultValue = 'all'
  } = props;
  const [useVisible, setVisible] = (0, _react.useState)(false);
  // eslint-disable-next-line no-unused-vars
  const [useSaveList, setSaveList] = (0, _react.useState)(list.map(v => {
    return {
      ...v,
      isEdit: false
    };
  }));
  const editList = (e, item) => {
    e?.stopPropagation();
    setVisible(true);
  };

  // 创建筛选
  const editFilter = () => {
    setVisible(true);
  };
  const onClose = () => {
    setVisible(false);
  };
  const handleChange = e => {
    onChange?.(e, 'levelSelect');
  };
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, type === 'select' ? /*#__PURE__*/_react.default.createElement(_antd.Select, {
    dropdownClassName: "first_select",
    defaultValue: defaultValue,
    dropdownMatchSelectWidth: false,
    style: {
      width: 112
    },
    onChange: handleChange
  }, useSaveList?.map(item => /*#__PURE__*/_react.default.createElement(Option, {
    key: item.value,
    value: item.value
  }, item.label))) : /*#__PURE__*/_react.default.createElement(_antd.Select, {
    dropdownClassName: "first_select",
    defaultValue: defaultValue,
    dropdownMatchSelectWidth: false,
    style: {
      width: 112
    },
    dropdownRender: menu => /*#__PURE__*/_react.default.createElement("div", null, menu, /*#__PURE__*/_react.default.createElement(_antd.Divider, {
      style: {
        margin: '4px 0'
      }
    }), /*#__PURE__*/_react.default.createElement("div", {
      className: "add_more"
    }, /*#__PURE__*/_react.default.createElement("div", {
      onClick: editFilter
    }, /*#__PURE__*/_react.default.createElement(_icons.PlusOutlined, null), "\u521B\u5EFA\u6211\u7684\u7B5B\u9009")))
  }, useSaveList?.map(item => /*#__PURE__*/_react.default.createElement(Option, {
    value: item.value,
    key: item.value
  }, /*#__PURE__*/_react.default.createElement(_antd.Row, {
    justify: "space-between",
    className: "item_nowarp"
  }, /*#__PURE__*/_react.default.createElement(_antd.Col, {
    className: "item_label",
    title: item.label
  }, item.label), item.value !== 'all' && /*#__PURE__*/_react.default.createElement(_antd.Col, {
    className: "item_icon"
  }, /*#__PURE__*/_react.default.createElement(_icons.EditOutlined, {
    onClick: e => editList(e, item)
  })))))), /*#__PURE__*/_react.default.createElement(_editFilter.default, {
    visible: useVisible,
    onClose: onClose
  }));
};
var _default = Index;
exports.default = _default;