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

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _button = _interopRequireDefault(require("../../../button"));
var _form = _interopRequireDefault(require("../../../form"));
var _iconFont = _interopRequireDefault(require("../../../icon-font"));
var _ComplexForm = _interopRequireDefault(require("./ComplexForm"));
const ComplexRender = ({
  instance,
  title,
  onCancel
}) => {
  const {
    onQuery,
    locale
  } = instance;
  const [form] = _form.default.useForm();
  const handleQuery = () => {
    const complexFilter = form.getFieldsValue();
    onQuery({
      type: 'complex',
      complexFilter
    });
    onCancel?.();
  };
  return /*#__PURE__*/_react.default.createElement("div", {
    className: "filter_dropdown_complex complex_container"
  }, /*#__PURE__*/_react.default.createElement(_form.default, {
    name: "dynamic_form_item",
    form: form,
    component: false,
    initialValues: {
      relation: 'and',
      ...instance.state.complexFilter
    }
  }, /*#__PURE__*/_react.default.createElement(_ComplexForm.default, {
    form: form,
    instance: instance,
    title: title
  })), /*#__PURE__*/_react.default.createElement("div", {
    className: "complex_footer"
  }, /*#__PURE__*/_react.default.createElement(_button.default, {
    onClick: () => onCancel?.()
  }, locale.cancel), /*#__PURE__*/_react.default.createElement(_button.default, {
    type: "primary",
    icon: /*#__PURE__*/_react.default.createElement(_iconFont.default, {
      type: "lm-icon-sousuo"
    }),
    onClick: handleQuery
  }, locale.query)));
};
var _default = ComplexRender;
exports.default = _default;