linkmore-design/lib/lm-filter/complexFilter/index.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 _classnames = _interopRequireDefault(require("classnames"));
var _iconFont = _interopRequireDefault(require("../../icon-font"));
var _drawer = _interopRequireDefault(require("./drawer"));
var _utils = require("../utils");
const LmFilterComplex = ({
  instance
}) => {
  const {
    state,
    dispatch,
    size,
    locale
  } = instance;
  const expand = (0, _react.useMemo)(() => {
    return state.complexDrawer.visible;
  }, [state.complexDrawer.visible]);
  const active = (0, _react.useMemo)(() => {
    return (0, _utils.getIsHas)(state.complexFilter);
  }, [state.complexFilter]);
  const handleClick = () => {
    dispatch({
      type: 'changeComplexDrawer',
      complexDrawer: {
        ...state.complexDrawer,
        visible: true
      }
    });
  };
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "lm_filter_complex"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _classnames.default)('lm_filter_basic_item lm_filter_complex_item', size, {
      expand,
      active
    }),
    onClick: handleClick
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "filter_item_icon addon_before"
  }, /*#__PURE__*/_react.default.createElement(_iconFont.default, {
    type: "icon-a-tongyonga5shaixuan"
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "filter_item_label"
  }, locale.complexDrawerTitle)), /*#__PURE__*/_react.default.createElement(_drawer.default, {
    instance: instance
  }));
};
var _default = LmFilterComplex;
exports.default = _default;