cloud-b2b 1.1.59 → 1.1.61

package/es/Search2/Search.js

@@ -0,0 +1,597 @@
+import _Reflect$construct from "@babel/runtime-corejs3/core-js-stable/reflect/construct";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _Row from "antd/es/row";
+import _toConsumableArray from "@babel/runtime-corejs3/helpers/toConsumableArray";
+import _Col from "antd/es/col";
+import _Icon from "antd/es/icon";
+import _Button from "antd/es/button";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _classCallCheck from "@babel/runtime-corejs3/helpers/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime-corejs3/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime-corejs3/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime-corejs3/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime-corejs3/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime-corejs3/helpers/defineProperty";
+import _Form from "antd/es/form";
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context21, _context22; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context21 = ownKeys(Object(t), !0)).call(_context21, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context22 = ownKeys(Object(t))).call(_context22, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _reduceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/reduce";
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
+import _bindInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/bind";
+import _sortInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/sort";
+import _Array$isArray from "@babel/runtime-corejs3/core-js-stable/array/is-array";
+import _JSON$stringify from "@babel/runtime-corejs3/core-js-stable/json/stringify";
+import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/splice";
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = _Reflect$construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !_Reflect$construct) return false; if (_Reflect$construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(_Reflect$construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+import React from 'react';
+import PropTypes from 'prop-types';
+import ReactDOM from 'react-dom';
+import withStyles from 'isomorphic-style-loader/withStyles';
+import Control, { getTitle, makeString } from '../Control';
+// import helper from '../../common/common';
+// import s from './Search.less';
+import { getPathValue } from "../helper";
+// import showAddDialog from './AddDialog';
+// import showDeleteDialog from './DeleteDialog';
+import variables from "../variables";
+var FormItem = _Form.Item;
+var defaultSize = 'small';
+var defaultColNum = 6;
+var insertTimeKeyMap = {
+  from: ["insertTimeTo", "insertTimeFrom"],
+  start: ["insertTimeStart", "insertTimeEnd"]
+};
+var TYPE = ['text', 'search', 'searchText', 'select', 'number', 'date', 'readonly', 'selectSearch', 'cascader' //级联选择下拉
+];
+
+/**
+ * search: 搜索按钮的标题
+ * more：更多按钮的标题
+ * reset：重置按钮的标题
+ * sort：排序按钮的标题
+ */
+var ConfigType = {
+  search: PropTypes.string.isRequired,
+  reset: PropTypes.string,
+  sort: PropTypes.string,
+  more: PropTypes.string
+};
+
+/**
+ * key: 唯一标识一个表单元素
+ * title：表单元素旁边的标题
+ * type：表单元素的类型
+ * props：传递给表单元素的额外属性
+ */
+var FilterType = {
+  key: PropTypes.string.isRequired,
+  title: PropTypes.string.isRequired,
+  type: PropTypes.oneOf(TYPE).isRequired,
+  options: PropTypes.array,
+  props: PropTypes.object
+};
+
+/**
+ * data：传递给filters的默认值，为key:value的形式，此处的key为FilterType中的key
+ * isSort：是否需要排序按钮，默认false，当设置为true时，onClick函数需要实现key为sort的响应函数
+ * options: 作用同FilterType.options类似，但优先级高于它
+ * onClick：按钮点击事件，原型为func(key)
+ * onChange：表单控件内容改变时触发，原型为func(key, value)
+ * onSearch：search控件发出的事件，原型为func(key, value)
+ * displayRow：折叠时需要展示的行数，整数，默认为2
+ */
+var Search2 = /*#__PURE__*/function (_React$Component) {
+  _inherits(Search2, _React$Component);
+  var _super = _createSuper(Search2);
+  function Search2() {
+    var _context;
+    var _this;
+    _classCallCheck(this, Search2);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, _concatInstanceProperty(_context = [this]).call(_context, args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      more: false
+    });
+    _defineProperty(_assertThisInitialized(_this), "getPathFun", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(key) {
+        var _context2, _context8;
+        var pathArr, _global$store$getStat, sidebars, navigation, title, body, url;
+        return _regeneratorRuntime.wrap(function _callee$(_context9) {
+          while (1) switch (_context9.prev = _context9.next) {
+            case 0:
+              pathArr = global.location.pathname.split('/');
+              _global$store$getStat = global.store.getState().layout, sidebars = _global$store$getStat.sidebars, navigation = _global$store$getStat.navigation;
+              title = _reduceInstanceProperty(_context2 = _Object$keys(sidebars)).call(_context2, function (t, i) {
+                var _context3;
+                _mapInstanceProperty(_context3 = sidebars[i]).call(_context3, function (item) {
+                  if (item.children) {
+                    var _context4;
+                    var filterArr = _filterInstanceProperty(_context4 = item.children).call(_context4, function (c) {
+                      return c.href === global.location.pathname;
+                    });
+                    if (filterArr.length !== 0) {
+                      var _context5, _context6;
+                      t = _concatInstanceProperty(_context5 = _filterInstanceProperty(navigation).call(navigation, function (n) {
+                        return n.key === i;
+                      })[0].title).call(_context5, _concatInstanceProperty(_context6 = "-".concat(item.title, "-")).call(_context6, filterArr[0].title));
+                    }
+                  } else {
+                    if (item.href === global.location.pathname) {
+                      var _context7;
+                      t = _concatInstanceProperty(_context7 = _filterInstanceProperty(navigation).call(navigation, function (n) {
+                        return n.key === i;
+                      })[0].title).call(_context7, "-".concat(item.title));
+                    }
+                  }
+                  return item;
+                });
+                return t;
+              }, '');
+              body = {
+                action: _concatInstanceProperty(_context8 = "".concat(pathArr[pathArr.length - 1], "_")).call(_context8, key),
+                actionName: "".concat(title, "-\u641C\u7D22"),
+                menuName: title
+              };
+              url = '/api/standard/log'; // await helper.fetchJson(url, helper.postOption(body))
+            case 5:
+            case "end":
+              return _context9.stop();
+          }
+        }, _callee);
+      }));
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+    _defineProperty(_assertThisInitialized(_this), "onClick", function (key) {
+      var onClick = _this.props.onClick;
+      if (key === 'search') {
+        // this.getPathFun(key);
+      }
+      onClick && onClick(key);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onMore", function () {
+      var onHeightChange = _this.props.onHeightChange;
+      _this.setState({
+        more: !_this.state.more
+      });
+      onHeightChange && onHeightChange(_this.calHeight(!_this.state.more));
+    });
+    _defineProperty(_assertThisInitialized(_this), "onChange", function (dictionary, key, value) {
+      var _context10, _context11;
+      var onChange = _this.props.onChange;
+      if (value && key === 'queryGroup' && dictionary && global.dictionary && global.dictionary[dictionary] && !_includesInstanceProperty(_context10 = _mapInstanceProperty(_context11 = global.dictionary[dictionary]).call(_context11, function (item) {
+        return item.value;
+      })).call(_context10, value)) {
+        var _context12;
+        var realValue = JSON.parse(value);
+        _this.onClick('reset');
+        _mapInstanceProperty(_context12 = _Object$keys(realValue)).call(_context12, function (objectKey) {
+          onChange && objectKey !== 'queryId' && onChange(objectKey, realValue[objectKey]);
+        });
+      }
+      onChange && onChange(key, value);
+    });
+    _defineProperty(_assertThisInitialized(_this), "onPressEnter", function () {
+      ReactDOM.findDOMNode(_this.refs.search).click();
+    });
+    _defineProperty(_assertThisInitialized(_this), "toButton", function (key) {
+      var _context13;
+      var props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+      var config = _this.props.config;
+      var onClick = _bindInstanceProperty(_context13 = _this.onClick).call(_context13, _assertThisInitialized(_this), key);
+      return /*#__PURE__*/React.createElement(_Button, _extends({
+        size: defaultSize,
+        onClick: onClick
+      }, props), config[key]);
+    });
+    _defineProperty(_assertThisInitialized(_this), "toMore", function () {
+      return /*#__PURE__*/React.createElement("a", {
+        role: "more",
+        onClick: _this.onMore
+      }, _this.props.config.more, /*#__PURE__*/React.createElement(_Icon, {
+        type: "down",
+        "data-status": !_this.state.more ? 'down' : 'up'
+      }));
+    });
+    _defineProperty(_assertThisInitialized(_this), "toButtons", function () {
+      var config = _this.props.config;
+      return /*#__PURE__*/React.createElement("div", {
+        role: "buttons"
+      }, _this.toButton('search', {
+        ref: 'search',
+        type: 'primary'
+      }), config.reset ? _this.toButton('reset') : null, _this.isSort() ? _this.toButton('sort') : null, _this.isMore() ? _this.toMore() : null);
+    });
+    _defineProperty(_assertThisInitialized(_this), "isSort", function () {
+      var _this$props = _this.props,
+        config = _this$props.config,
+        _this$props$colNum = _this$props.colNum,
+        colNum = _this$props$colNum === void 0 ? defaultColNum : _this$props$colNum,
+        filters = _this$props.filters,
+        _this$props$isSort = _this$props.isSort,
+        isSort = _this$props$isSort === void 0 ? false : _this$props$isSort;
+      return isSort && _sortInstanceProperty(config) && filters.length > colNum;
+    });
+    _defineProperty(_assertThisInitialized(_this), "isMore", function () {
+      var _this$props2 = _this.props,
+        config = _this$props2.config,
+        _this$props2$colNum = _this$props2.colNum,
+        colNum = _this$props2$colNum === void 0 ? defaultColNum : _this$props2$colNum,
+        filters = _this$props2.filters,
+        _this$props2$displayR = _this$props2.displayRow,
+        displayRow = _this$props2$displayR === void 0 ? filters.length > 4 ? 2 : 1 : _this$props2$displayR;
+      return config.more && _filterInstanceProperty(filters).call(filters, function (item) {
+        return !item.hide;
+      }).length > colNum * displayRow;
+    });
+    _defineProperty(_assertThisInitialized(_this), "getOptions", function (filter) {
+      var options = _this.props.options;
+      if (options && _Array$isArray(options[filter.key])) {
+        return options[filter.key];
+      } else {
+        return filter.options || filter.typeRelated || [];
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "getContainer", function () {
+      return _this.props.getContainer;
+    });
+    _defineProperty(_assertThisInitialized(_this), "getControlProps", function (control) {
+      var _context14;
+      var _this$props$data = _this.props.data,
+        data = _this$props$data === void 0 ? {} : _this$props$data;
+      return _objectSpread(_objectSpread({}, control.props || {}), {}, {
+        size: defaultSize,
+        type: control.type,
+        value: makeString(data[control.key]),
+        onChange: _bindInstanceProperty(_context14 = _this.onChange).call(_context14, _assertThisInitialized(_this), control.dictionary, control.key)
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "validDate", function (_ref2) {
+      var key = _ref2.key,
+        type = _ref2.type;
+      return function (date) {
+        var _this$props$data2 = _this.props.data,
+          data = _this$props$data2 === void 0 ? {} : _this$props$data2;
+        if (!date || !data[key]) {
+          return false;
+        } else {
+          if (type === '>') {
+            return date.format('YYYY-MM-DD HH:mm:ss') <= data[key].valueOf();
+          } else if (type === '<') {
+            return date.format('YYYY-MM-DD HH:mm:ss') >= data[key].valueOf();
+          } else {
+            return false;
+          }
+        }
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "toText", function (props) {
+      props.onPressEnter = _this.onPressEnter;
+      return /*#__PURE__*/React.createElement(Control, props);
+    });
+    _defineProperty(_assertThisInitialized(_this), "toNumber", function (props) {
+      props.defaultValue = props.value;
+      delete props.value;
+      return /*#__PURE__*/React.createElement(Control, props);
+    });
+    _defineProperty(_assertThisInitialized(_this), "getQueryGroupOptions", function (_ref3) {
+      var dictionary = _ref3.dictionary,
+        _ref3$configCode = _ref3.configCode,
+        configCode = _ref3$configCode === void 0 ? 'unknown' : _ref3$configCode;
+      var realOptions = [];
+      if (dictionary && global.dictionary) {
+        var dicOptions = global.dictionary[dictionary] || [];
+        realOptions = _concatInstanceProperty(realOptions).call(realOptions, dicOptions);
+      }
+      var state = global.store.getState();
+      var path = ['layout', 'tableColsSetting', configCode];
+      var _ref4 = getPathValue(state, path) || {},
+        _ref4$queryList = _ref4.queryList,
+        queryList = _ref4$queryList === void 0 ? [] : _ref4$queryList;
+      return _concatInstanceProperty(realOptions).call(realOptions, _mapInstanceProperty(queryList).call(queryList, function (item) {
+        return {
+          title: item.name,
+          value: _JSON$stringify(item.query)
+        };
+      }));
+    });
+    _defineProperty(_assertThisInitialized(_this), "toSelect", function (props, filter) {
+      var container = _this.getContainer();
+      container && (props.getPopupContainer = container);
+      props.options = filter.key === 'queryGroup' ? _this.getQueryGroupOptions(filter) : _this.getOptions(filter);
+      props.dropdownMatchSelectWidth = false;
+      return /*#__PURE__*/React.createElement(Control, props);
+    });
+    _defineProperty(_assertThisInitialized(_this), "createSearchEvent", function (filter) {
+      if (_this.props.onSearch) {
+        return function (value) {
+          return _this.props.onSearch(filter.key, value, filter);
+        };
+      } else {
+        return null;
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "toSearch", function (props, filter) {
+      var container = _this.getContainer();
+      container && (props.getPopupContainer = container);
+      props.options = _this.getOptions(filter);
+      props.onSearch = _this.createSearchEvent(filter);
+      props.dropdownMatchSelectWidth = false;
+      return /*#__PURE__*/React.createElement(Control, props);
+    });
+    _defineProperty(_assertThisInitialized(_this), "selectSearch", function (props, filter) {
+      var container = _this.getContainer();
+      container && (props.getPopupContainer = container);
+      props.options = _this.getOptions(filter);
+      props.onSearch = _this.createSearchEvent(filter);
+      props.dropdownMatchSelectWidth = false;
+      return /*#__PURE__*/React.createElement(Control, props);
+    });
+    _defineProperty(_assertThisInitialized(_this), "toDate", function (props, _ref5) {
+      var rule = _ref5.rule;
+      var container = _this.getContainer();
+      container && (props.getCalendarContainer = container);
+      rule && (props.disabledDate = _this.validDate(rule));
+      props.style = {
+        width: '100%'
+      };
+      return /*#__PURE__*/React.createElement(Control, props);
+    });
+    _defineProperty(_assertThisInitialized(_this), "toReadonly", function (props, filter) {
+      props.value = getTitle(props.value, _this.getOptions(filter));
+      return /*#__PURE__*/React.createElement(Control, props);
+    });
+    _defineProperty(_assertThisInitialized(_this), "toCascader", function (props, filter) {
+      var container = _this.getContainer();
+      container && (props.getPopupContainer = container);
+      props.options = _this.getOptions(filter);
+      props.onSearch = _this.createSearchEvent(filter);
+      props.placeholder = filter.placeholder || '';
+      return /*#__PURE__*/React.createElement(Control, props);
+    });
+    _defineProperty(_assertThisInitialized(_this), "toControl", function (control) {
+      var props = _this.getControlProps(control);
+      switch (control.type) {
+        case 'text':
+          return _this.toText(props, control);
+        case 'number':
+          return _this.toNumber(props, control);
+        case 'select':
+          return _this.toSelect(props, control);
+        case 'selectSearch':
+          return _this.selectSearch(props, control);
+        case 'search':
+        case 'searchText':
+          return _this.toSearch(props, control);
+        case 'date':
+          return _this.toDate(props, control);
+        case 'readonly':
+          return _this.toReadonly(props, control);
+        case 'cascader':
+          return _this.toCascader(props, control);
+        default:
+          return 'type error';
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "toLabel", function (_ref6) {
+      var title = _ref6.title,
+        key = _ref6.key,
+        dictionary = _ref6.dictionary,
+        _ref6$configCode = _ref6.configCode,
+        configCode = _ref6$configCode === void 0 ? 'unknown' : _ref6$configCode;
+      if (key === 'queryGroup') {
+        var _context15, _context16;
+        //查询组合
+        return /*#__PURE__*/React.createElement("span", null, title, /*#__PURE__*/React.createElement(_Icon, {
+          role: "icon",
+          type: "plus-circle-o",
+          onClick: _bindInstanceProperty(_context15 = _this.onAddQueryGroup).call(_context15, _assertThisInitialized(_this), configCode, _this.props.data, dictionary)
+        }), /*#__PURE__*/React.createElement(_Icon, {
+          role: "icon",
+          type: "minus-circle-o",
+          onClick: _bindInstanceProperty(_context16 = _this.onDelQueryGroup).call(_context16, _assertThisInitialized(_this), configCode, _this.props.data, dictionary)
+        }));
+      } else {
+        return title;
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "toCol", function (span, control, more) {
+      var factor = control.span || 1;
+      return /*#__PURE__*/React.createElement(_Col, {
+        span: span * factor,
+        key: control.key,
+        onFocus: more ? function () {
+          _this.setState({
+            more: true
+          });
+        } : undefined
+      }, /*#__PURE__*/React.createElement(FormItem, {
+        label: _this.toLabel(control),
+        required: control.required
+      }, _this.toControl(control)));
+    });
+    _defineProperty(_assertThisInitialized(_this), "toCols", function () {
+      var _this$props3 = _this.props,
+        _this$props3$insertTi = _this$props3.insertTimeKey,
+        insertTimeKey = _this$props3$insertTi === void 0 ? 'from' : _this$props3$insertTi,
+        _this$props3$colNum = _this$props3.colNum,
+        colNum = _this$props3$colNum === void 0 ? defaultColNum : _this$props3$colNum,
+        filters = _this$props3.filters,
+        _this$props3$displayR = _this$props3.displayRow,
+        displayRow = _this$props3$displayR === void 0 ? filters.length > defaultColNum ? 2 : 1 : _this$props3$displayR;
+      var span = 24 / Math.min(colNum, _filterInstanceProperty(filters).call(filters, function (item) {
+        return !item.hide;
+      }).length);
+      var newFilters = _filterInstanceProperty(filters).call(filters, function (item) {
+        return !item.hide;
+      });
+      var insertKeys = insertTimeKeyMap[insertTimeKey];
+      var insertTimeCols = _filterInstanceProperty(newFilters).call(newFilters, function (x) {
+        return _includesInstanceProperty(insertKeys).call(insertKeys, x.key);
+      });
+      var otherCols = _filterInstanceProperty(newFilters).call(newFilters, function (x) {
+        return !_includesInstanceProperty(insertKeys).call(insertKeys, x.key);
+      });
+      if (insertTimeCols.length > 0) {
+        if (otherCols.length >= defaultColNum) {
+          var _context17;
+          _spliceInstanceProperty(otherCols).apply(otherCols, _concatInstanceProperty(_context17 = [6, 0]).call(_context17, _toConsumableArray(insertTimeCols)));
+          newFilters = otherCols;
+        } else {
+          newFilters = _concatInstanceProperty(otherCols).call(otherCols, insertTimeCols);
+        }
+      }
+      if (span == 4.8) {
+        //特殊处理filters为5的时候,span不能为小数
+        return _mapInstanceProperty(newFilters).call(newFilters, function (control, index) {
+          return _this.toCol(index == 0 ? 4 : 5, control, index >= colNum * displayRow);
+        });
+      } else {
+        return _mapInstanceProperty(newFilters).call(newFilters, function (control, index) {
+          return _this.toCol(span, control, index >= colNum * displayRow);
+        });
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "calWidth", function () {
+      var _this$props4 = _this.props,
+        _this$props4$colNum = _this$props4.colNum,
+        colNum = _this$props4$colNum === void 0 ? defaultColNum : _this$props4$colNum,
+        filters = _this$props4.filters;
+      var length = _filterInstanceProperty(filters).call(filters, function (item) {
+        return !item.hide;
+      }).length;
+      if (length < colNum) {
+        return "".concat(length * 13.6, "%");
+      } else {
+        return "".concat(defaultColNum * 13.6, "%");
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "calHeight", function (more) {
+      var _this$props5 = _this.props,
+        _this$props5$colNum = _this$props5.colNum,
+        colNum = _this$props5$colNum === void 0 ? defaultColNum : _this$props5$colNum,
+        filters = _this$props5.filters,
+        _this$props5$displayR = _this$props5.displayRow,
+        displayRow = _this$props5$displayR === void 0 ? filters.length > defaultColNum ? 2 : 1 : _this$props5$displayR;
+      if (more) {
+        var row = Math.ceil(_filterInstanceProperty(filters).call(filters, function (item) {
+          return !item.hide;
+        }).length / colNum);
+        return row * 36 + (row - 1) * 10;
+      } else {
+        return displayRow * 36 + (displayRow - 1) * 10;
+      }
+    });
+    return _this;
+  }
+  _createClass(Search2, [{
+    key: "onAddQueryGroup",
+    value: function () {
+      var _onAddQueryGroup = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(configCode, searchData, dictionary) {
+        var _context18;
+        var filter, dicOptionNameArr, dicOptions;
+        return _regeneratorRuntime.wrap(function _callee2$(_context19) {
+          while (1) switch (_context19.prev = _context19.next) {
+            case 0:
+              filter = _reduceInstanceProperty(_context18 = _Object$keys(searchData)).call(_context18, function (state, key) {
+                if (searchData[key] && key !== 'queryGroup') {
+                  state[key] = searchData[key];
+                }
+                return state;
+              }, {}); // if (Object.keys(filter).length < 1) return helper.showError(`查询条件不能为空`);
+              dicOptionNameArr = [];
+              if (dictionary && global.dictionary) {
+                dicOptions = global.dictionary[dictionary] || [];
+                dicOptionNameArr = _mapInstanceProperty(dicOptions).call(dicOptions, function (item) {
+                  return item.title;
+                });
+              }
+              // if (true === await showAddDialog(configCode, filter, dicOptionNameArr)) {
+              //   this.onChange(undefined, 'queryGroup', '');
+              // }
+            case 3:
+            case "end":
+              return _context19.stop();
+          }
+        }, _callee2);
+      }));
+      function onAddQueryGroup(_x2, _x3, _x4) {
+        return _onAddQueryGroup.apply(this, arguments);
+      }
+      return onAddQueryGroup;
+    }()
+  }, {
+    key: "onDelQueryGroup",
+    value: function () {
+      var _onDelQueryGroup = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(configCode, searchData, dictionary) {
+        var queryGroup, dicOptions, _JSON$parse, queryId;
+        return _regeneratorRuntime.wrap(function _callee3$(_context20) {
+          while (1) switch (_context20.prev = _context20.next) {
+            case 0:
+              queryGroup = searchData.queryGroup; // if (!queryGroup) return helper.showError(`请先选择要删除的查询组合`);
+              if (dictionary && global.dictionary) {
+                dicOptions = global.dictionary[dictionary] || []; // if (dicOptions.map(item => item.value).includes(queryGroup)) return helper.showError(`系统固定查询组合不允许删除`);
+              }
+              _JSON$parse = JSON.parse(queryGroup), queryId = _JSON$parse.queryId; // if(true === await showDeleteDialog(configCode, queryId)) {
+              //   this.onClick('reset');
+              // }
+            case 3:
+            case "end":
+              return _context20.stop();
+          }
+        }, _callee3);
+      }));
+      function onDelQueryGroup(_x5, _x6, _x7) {
+        return _onDelQueryGroup.apply(this, arguments);
+      }
+      return onDelQueryGroup;
+    }()
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement("div", {
+        className: variables('Search2'),
+        style: {
+          height: this.calHeight(this.state.more)
+        }
+      }, /*#__PURE__*/React.createElement(_Form, {
+        layout: "vertical",
+        style: {
+          width: this.calWidth()
+        }
+      }, /*#__PURE__*/React.createElement(_Row, {
+        gutter: 20
+      }, this.toCols())), this.toButtons());
+    }
+  }]);
+  return Search2;
+}(React.Component);
+_defineProperty(Search2, "propTypes", {
+  config: PropTypes.shape(ConfigType).isRequired,
+  filters: PropTypes.arrayOf(PropTypes.shape(FilterType)).isRequired,
+  data: PropTypes.object,
+  options: PropTypes.object,
+  getContainer: PropTypes.func,
+  onClick: PropTypes.func,
+  onChange: PropTypes.func,
+  onSearch: PropTypes.func,
+  onHeightChange: PropTypes.func,
+  displayRow: PropTypes.number
+});
+export default Search2;

package/{src → es}/Search2/Search.less

@@ -2,7 +2,6 @@
 
 .@{cloudlink-prefix}-Search2 {
   transition: all 0.3s;
-
   > *:first-child {
     display: inline-block;
     vertical-align: top;