linkmore-design/es/lm-filter/complexFilter/index.js

🌈 🚀lm组件库。🚀

import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import React, { useMemo } from 'react';
import cn from 'classnames';
import IconFont from "../../icon-font";
import ComplexFilterDrawer from "./drawer";
import { getIsHas } from "../utils";
var LmFilterComplex = function LmFilterComplex(_ref) {
  var instance = _ref.instance;
  var state = instance.state,
    dispatch = instance.dispatch,
    size = instance.size,
    locale = instance.locale;
  var expand = useMemo(function () {
    return state.complexDrawer.visible;
  }, [state.complexDrawer.visible]);
  var active = useMemo(function () {
    return getIsHas(state.complexFilter);
  }, [state.complexFilter]);
  var handleClick = function handleClick() {
    dispatch({
      type: 'changeComplexDrawer',
      complexDrawer: _objectSpread(_objectSpread({}, state.complexDrawer), {}, {
        visible: true
      })
    });
  };
  return /*#__PURE__*/React.createElement("div", {
    className: "lm_filter_complex"
  }, /*#__PURE__*/React.createElement("div", {
    className: cn('lm_filter_basic_item lm_filter_complex_item', size, {
      expand: expand,
      active: active
    }),
    onClick: handleClick
  }, /*#__PURE__*/React.createElement("div", {
    className: "filter_item_icon addon_before"
  }, /*#__PURE__*/React.createElement(IconFont, {
    type: "icon-a-tongyonga5shaixuan"
  })), /*#__PURE__*/React.createElement("div", {
    className: "filter_item_label"
  }, locale.complexDrawerTitle)), /*#__PURE__*/React.createElement(ComplexFilterDrawer, {
    instance: instance
  }));
};
export default LmFilterComplex;