linkmore-design/es/complex-filter/components/Complex/ComplexRender.js

🌈 🚀lm组件库。🚀

import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import React from 'react';
import Button from "../../../button";
import Form from "../../../form";
import IconFont from "../../../icon-font";
import ComplexForm from "./ComplexForm";
var ComplexRender = function ComplexRender(_ref) {
  var instance = _ref.instance,
    title = _ref.title,
    onCancel = _ref.onCancel;
  var onQuery = instance.onQuery,
    locale = instance.locale;
  var _Form$useForm = Form.useForm(),
    _Form$useForm2 = _slicedToArray(_Form$useForm, 1),
    form = _Form$useForm2[0];
  var handleQuery = function handleQuery() {
    var complexFilter = form.getFieldsValue();
    onQuery({
      type: 'complex',
      complexFilter: complexFilter
    });
    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
  };
  return /*#__PURE__*/React.createElement("div", {
    className: "filter_dropdown_complex complex_container"
  }, /*#__PURE__*/React.createElement(Form, {
    name: "dynamic_form_item",
    form: form,
    component: false,
    initialValues: _objectSpread({
      relation: 'and'
    }, instance.state.complexFilter)
  }, /*#__PURE__*/React.createElement(ComplexForm, {
    form: form,
    instance: instance,
    title: title
  })), /*#__PURE__*/React.createElement("div", {
    className: "complex_footer"
  }, /*#__PURE__*/React.createElement(Button, {
    onClick: function onClick() {
      return onCancel === null || onCancel === void 0 ? void 0 : onCancel();
    }
  }, locale.cancel), /*#__PURE__*/React.createElement(Button, {
    type: "primary",
    icon: /*#__PURE__*/React.createElement(IconFont, {
      type: "icon-sousuo"
    }),
    onClick: handleQuery
  }, locale.query)));
};
export default ComplexRender;