choerodon-ui/pro/lib/lov/Lov.js

An enterprise-class UI design language and React-based implementation

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));

var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));

var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));

var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));

var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));

var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));

var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));

var _tslib = require("tslib");

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _mobxReact = require("mobx-react");

var _classnames = _interopRequireDefault(require("classnames"));

var _omit = _interopRequireDefault(require("lodash/omit"));

var _isEqual = _interopRequireDefault(require("lodash/isEqual"));

var _isString = _interopRequireDefault(require("lodash/isString"));

var _noop = _interopRequireDefault(require("lodash/noop"));

var _mobx = require("mobx");

var _UnitConvertor = require("../../../lib/_util/UnitConvertor");

var _KeyCode = _interopRequireDefault(require("../../../lib/_util/KeyCode"));

var _enum = require("../../../lib/_util/enum");

var _configure = require("../../../lib/configure");

var _icon = _interopRequireDefault(require("../icon"));

var _ModalContainer = require("../modal-container/ModalContainer");

var _LovView = _interopRequireDefault(require("./LovView"));

var _DataSet = _interopRequireDefault(require("../data-set/DataSet"));

var _Record = _interopRequireDefault(require("../data-set/Record"));

var _spin = _interopRequireDefault(require("../spin"));

var _LovCodeStore = _interopRequireDefault(require("../stores/LovCodeStore"));

var _autobind = _interopRequireDefault(require("../_util/autobind"));

var _EventManager = require("../_util/EventManager");

var _Select2 = require("../select/Select");

var _enum2 = require("../data-set/enum");

var _enum3 = require("./enum");

var _Button = _interopRequireDefault(require("../button/Button"));

var _enum4 = require("../button/enum");

var _localeContext = require("../locale-context");

var _utils = require("../stores/utils");

var _isIE = _interopRequireDefault(require("../_util/isIE"));

function _createSuper(Derived) {
  function isNativeReflectConstruct() {
    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
    if (Reflect.construct.sham) return false;
    if (typeof Proxy === "function") return true;

    try {
      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
      return true;
    } catch (e) {
      return false;
    }
  }

  return function () {
    var Super = (0, _getPrototypeOf2["default"])(Derived),
        result;

    if (isNativeReflectConstruct()) {
      var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
      result = Reflect.construct(Super, arguments, NewTarget);
    } else {
      result = Super.apply(this, arguments);
    }

    return (0, _possibleConstructorReturn2["default"])(this, result);
  };
}

var Lov =
/*#__PURE__*/
function (_Select) {
  (0, _inherits2["default"])(Lov, _Select);

  var _super = _createSuper(Lov);

  function Lov() {
    var _this;

    (0, _classCallCheck2["default"])(this, Lov);
    _this = _super.apply(this, arguments);
    _this.openModal = (0, _mobx.action)(function (fetchSingle) {
      _this.collapse();

      var _this$props = _this.props,
          viewMode = _this$props.viewMode,
          onBeforeSelect = _this$props.onBeforeSelect;

      if (viewMode === 'modal') {
        var config = _this.getConfig();

        _this.autoCreate();

        var _assertThisInitialize = (0, _assertThisInitialized2["default"])(_this),
            options = _assertThisInitialize.options;

        if (!_this.modal && config && options) {
          var modalProps = _this.getModalProps();

          var tableProps = _this.getTableProps();

          var width = config.width,
              title = config.title;

          var lovViewProps = _this.beforeOpen(options);

          _this.modal = (0, _ModalContainer.open)((0, _objectSpread2["default"])({
            title: title,
            children: _react["default"].createElement(_LovView["default"], (0, _extends2["default"])({}, lovViewProps, {
              dataSet: options,
              config: config,
              tableProps: (0, _objectSpread2["default"])({}, lovViewProps && lovViewProps.tableProps, {}, tableProps),
              onSelect: _this.handleLovViewSelect,
              onBeforeSelect: onBeforeSelect,
              multiple: _this.multiple,
              values: _this.getValues()
            })),
            onClose: _this.handleLovViewClose,
            destroyOnClose: true,
            closable: true,
            autoFocus: false,
            bodyStyle: {
              minHeight: (0, _isIE["default"])() ? (0, _UnitConvertor.pxToRem)(Math.min(350, window.innerHeight)) : 'min(3.5rem, 100vh)'
            }
          }, modalProps, {
            style: (0, _objectSpread2["default"])({
              width: (0, _UnitConvertor.pxToRem)(width)
            }, modalProps && modalProps.style),
            afterClose: _this.handleLovViewAfterClose
          }));

          _this.afterOpen(options, fetchSingle);
        }
      }
    });
    return _this;
  }

  (0, _createClass2["default"])(Lov, [{
    key: "getSearchFieldProps",
    value: function getSearchFieldProps() {
      var searchFieldProps = (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "getSearchFieldProps", this).call(this);
      var viewMode = this.props.viewMode;

      if (viewMode === 'popup') {
        return (0, _objectSpread2["default"])({
          multiple: true
        }, searchFieldProps);
      }

      return searchFieldProps;
    }
  }, {
    key: "isSearchFieldInPopup",
    value: function isSearchFieldInPopup() {
      var searchFieldInPopup = (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "isSearchFieldInPopup", this).call(this);

      if (searchFieldInPopup === undefined) {
        var viewMode = this.props.viewMode;
        return viewMode === 'popup';
      }

      return searchFieldInPopup;
    }
  }, {
    key: "isEditable",
    value: function isEditable() {
      var viewMode = this.props.viewMode;
      return viewMode !== 'popup' && (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "isEditable", this).call(this);
    }
  }, {
    key: "getPopupLovView",
    value: function getPopupLovView() {
      var _this2 = this;

      var config = this.getConfig();
      this.autoCreate();
      var options = this.options;

      if (config && options) {
        var lovViewProps;

        if (this.popup && !this.fetched) {
          (0, _mobx.runInAction)(function () {
            lovViewProps = _this2.beforeOpen(options);

            _this2.afterOpen(options);

            _this2.fetched = true;
          });
        }

        var tableProps = this.getTableProps();
        var mergedTableProps = (0, _objectSpread2["default"])({}, lovViewProps && lovViewProps.tableProps, {}, tableProps, {
          style: (0, _objectSpread2["default"])({}, tableProps.style, {
            maxHeight: 250
          }),
          pagination: {
            showSizeChanger: false
          },
          queryBar: this.renderSearchField,
          border: false,
          size: _enum.Size.small
        });
        var onBeforeSelect = this.props.onBeforeSelect;
        return _react["default"].createElement(_LovView["default"], (0, _extends2["default"])({}, lovViewProps, {
          popup: true,
          dataSet: options,
          config: config,
          tableProps: mergedTableProps,
          onSelect: this.handleLovViewSelect,
          onBeforeSelect: onBeforeSelect,
          multiple: this.multiple,
          values: this.getValues(),
          popupHidden: !this.popup
        }));
      }
    }
  }, {
    key: "getPopupContent",
    value: function getPopupContent() {
      var _this$props2 = this.props,
          searchAction = _this$props2.searchAction,
          viewMode = _this$props2.viewMode;

      if (viewMode === 'popup') {
        return this.getPopupLovView();
      }

      if (searchAction === _enum3.SearchAction.input) {
        return (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "getPopupContent", this).call(this);
      }

      return null;
    }
  }, {
    key: "beforeOpen",
    value: function beforeOpen(options) {
      var multiple = this.multiple,
          primitive = this.primitive,
          valueField = this.valueField;

      if (multiple) {
        options.selectionStrategy = this.getProp('showCheckedStrategy') || _enum2.CheckedStrategy.SHOW_ALL;
      }

      var viewMode = this.props.viewMode;
      var selected = options.selected;

      if (viewMode === 'modal') {
        options.unSelectAll(); // TODO：lovEvents deprecated

        var lovEvents = this.props.lovEvents;

        if (lovEvents) {
          Object.keys(lovEvents).forEach(function (event) {
            return options.addEventListener(event, lovEvents[event]);
          });
        }
      }

      if (multiple) {
        var needToFetch = new Map();
        options.clearCachedSelected();
        options.setCachedSelected(this.getValues().map(function (value) {
          var primitiveValue = primitive ? value : value[valueField];
          var oldSelected = selected.find(function (r) {
            return r.get(valueField) === primitiveValue;
          });

          if (oldSelected) {
            oldSelected.isSelected = true;
            return oldSelected;
          }

          var newSelected = new _Record["default"](primitive ? (0, _defineProperty2["default"])({}, valueField, value) : (0, _mobx.toJS)(value), options, _enum2.RecordStatus.sync);
          newSelected.isSelected = true;
          newSelected.isCached = true;
          needToFetch.set(primitiveValue, newSelected);
          return newSelected;
        }));
        var lovCode = this.lovCode;

        if (lovCode) {
          var lovQueryCachedSelected = (0, _configure.getConfig)('lovQueryCachedSelected');

          if (lovQueryCachedSelected) {
            var fetchCachedSelected = function fetchCachedSelected() {
              if (needToFetch.size) {
                lovQueryCachedSelected(lovCode, needToFetch).then((0, _mobx.action)(function (results) {
                  results.forEach(function (data) {
                    var record = needToFetch.get(data[valueField]);

                    if (record) {
                      record.init(data);
                    }
                  });
                  needToFetch.clear();
                }));
              }
            };

            if (viewMode === 'popup') {
              fetchCachedSelected();
            } else {
              return {
                tableProps: {
                  onShowCachedSelectionChange: function onShowCachedSelectionChange(visible) {
                    if (visible) {
                      fetchCachedSelected();
                    }
                  }
                }
              };
            }
          }
        }
      }
    }
  }, {
    key: "afterOpen",
    value: function afterOpen(options, fetchSingle) {
      var noCache = this.getProp('noCache');

      if (this.resetOptions(noCache) && fetchSingle !== true && !this.multiple) {
        options.query();
      } else if (this.multiple) {
        if (this.resetOptions(noCache)) {
          options.query();
        }

        options.releaseCachedSelected();
      }
    }
  }, {
    key: "setText",
    value: function setText(text) {
      this.searching = true;
      (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "setText", this).call(this, text);
    }
    /**
     * 处理 Lov input 查询参数
     * @param text
     */

  }, {
    key: "searchRemote",
    value: function searchRemote(text) {
      var _this3 = this;

      var options = this.options,
          searchMatcher = this.searchMatcher;

      if ((0, _isString["default"])(searchMatcher) && !(0, _Select2.isSearchTextEmpty)(text)) {
        this.resetOptions(true);
        var searchPara = this.getSearchPara(searchMatcher, text);
        Object.keys(searchPara).forEach(function (key) {
          var value = searchPara[key];
          options.setQueryParameter(key, value === '' ? undefined : value);
        });

        if (this.isSearchFieldInPopup() || this.props.searchAction === _enum3.SearchAction.input) {
          options.query().then(function () {
            return delete _this3.searching;
          });
        }
      }
    }
  }, {
    key: "handlePopupHiddenChange",
    value: function handlePopupHiddenChange(hidden) {
      (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "handlePopupHiddenChange", this).call(this, hidden);

      if (hidden) {
        delete this.fetched;
      }
    }
  }, {
    key: "handleLovViewClose",
    value: function handleLovViewClose() {
      this.focus();
    }
    /**
     * 关闭弹窗移除时间监听 后续废弃
     */

  }, {
    key: "handleLovViewAfterClose",
    value: function handleLovViewAfterClose() {
      // TODO：lovEvents deprecated
      var options = this.options,
          lovEvents = this.props.lovEvents;

      var _this$getModalProps = this.getModalProps(),
          _this$getModalProps$a = _this$getModalProps.afterClose,
          afterClose = _this$getModalProps$a === void 0 ? _noop["default"] : _this$getModalProps$a;

      afterClose();

      if (lovEvents) {
        Object.keys(lovEvents).forEach(function (event) {
          return options.removeEventListener(event, lovEvents[event]);
        });
      }

      this.setPopup(false);
      this.modal = undefined;
    }
  }, {
    key: "handleLovViewSelect",
    value: function handleLovViewSelect(records) {
      var _this4 = this;

      var viewMode = this.props.viewMode;

      if (viewMode === 'popup' && !this.multiple) {
        this.collapse();
      }

      if ((0, _mobx.isArrayLike)(records)) {
        this.setValue(records.map(function (record) {
          return _this4.processRecordToObject(record);
        }));
      } else {
        this.setValue(records && this.processRecordToObject(records) || this.emptyValue);
      }
    }
  }, {
    key: "resetOptions",
    value: function resetOptions() {
      var noCache = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
      var field = this.field,
          record = this.record,
          options = this.options;
      var queryDataSet = options.queryDataSet,
          pageSize = options.props.pageSize;
      var dirty = noCache;

      if (noCache) {
        options.pageSize = pageSize || 10;
      }

      if (queryDataSet && noCache) {
        var current = queryDataSet.current;

        if (current && current.dirty) {
          dirty = true;
          current.reset();
        }
      }

      if (field) {
        var lovPara = (0, _utils.getLovPara)(field, record);

        if (!(0, _isEqual["default"])(lovPara, options.queryParameter)) {
          options.queryParameter = lovPara;
          return true;
        }

        options.first();

        if (!options.length) {
          return true;
        }
      }

      return dirty;
    }
  }, {
    key: "handleKeyDown",
    value: function handleKeyDown(e) {
      if (!this.popup && e.keyCode === _KeyCode["default"].DOWN) {
        (0, _EventManager.stopEvent)(e);
        this.openModal();
      }

      if (e.keyCode === _KeyCode["default"].ENTER && this.props.searchAction === _enum3.SearchAction.blur) {
        (0, _EventManager.stopEvent)(e);
        this.blur();
      }

      if (!(e.keyCode === _KeyCode["default"].ENTER && this.searching)) {
        (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "handleKeyDown", this).call(this, e);
      }
    }
  }, {
    key: "handleBlur",
    value: function handleBlur(e) {
      if (this.modal) {
        e.preventDefault();
      }

      (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "handleBlur", this).call(this, e);
    }
  }, {
    key: "getWrapperProps",
    value: function getWrapperProps() {
      return (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "getWrapperProps", this).call(this, {
        onDoubleClick: this.disabled || this.readOnly ? undefined : this.handleOpenModal,
        // Support ued to distinguish between select and lov
        className: this.getWrapperClassNames("".concat(this.prefixCls, "-lov"))
      });
    }
  }, {
    key: "getPopupClassName",
    value: function getPopupClassName(defaultClassName) {
      var viewMode = this.props.viewMode;
      return (0, _classnames["default"])(defaultClassName, (0, _defineProperty2["default"])({}, "".concat(this.prefixCls, "-lov-popup"), viewMode === 'popup'));
    }
  }, {
    key: "syncValueOnBlur",
    value: function syncValueOnBlur(value) {
      var _this5 = this;

      var textField = this.textField;
      var _this$props3 = this.props,
          mode = _this$props3.mode,
          searchAction = _this$props3.searchAction,
          fetchSingle = _this$props3.fetchSingle;

      if (mode !== _enum3.ViewMode.button) {
        var hasRecord = false;

        if (this.getValue()) {
          hasRecord = this.getValue()[textField] === value;
        }

        if (searchAction === _enum3.SearchAction.blur && value && !hasRecord) {
          var options = this.options;
          options.query().then(function () {
            var length = options.length;

            if (length > 1 && !fetchSingle || length === 1) {
              _this5.choose(options.get(0));
            } else if (length && fetchSingle) {
              _this5.openModal(fetchSingle);
            }
          });
        } else {
          (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "syncValueOnBlur", this).call(this, value);
        }
      }
    }
  }, {
    key: "getConfig",
    value: function getConfig() {
      var lovCode = this.lovCode;

      if (lovCode) {
        return _LovCodeStore["default"].getConfig(lovCode);
      }
    }
  }, {
    key: "getPlaceholders",
    value: function getPlaceholders() {
      var placeholder = (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "getPlaceholders", this).call(this);

      if (placeholder.length) {
        return placeholder;
      }

      var config = this.getConfig();

      if (config) {
        var holder = config.placeholder;
        var holders = [];
        return holder ? holders.concat(holder) : holders;
      }

      return [];
    }
  }, {
    key: "getModalProps",
    value: function getModalProps() {
      var modalProps = this.props.modalProps;
      return (0, _objectSpread2["default"])({}, (0, _configure.getConfig)('lovModalProps'), {}, modalProps);
    }
  }, {
    key: "getTableProps",
    value: function getTableProps() {
      var tableProps = this.props.tableProps;
      return (0, _objectSpread2["default"])({}, (0, _configure.getConfig)('lovTableProps'), {}, tableProps);
    }
  }, {
    key: "selectSingle",
    value: function selectSingle() {
      var _this6 = this;

      var options = this.options;
      this.resetOptions(options.length === 1);
      options.query().then(function () {
        if (options.length === 1) {
          _this6.choose(_this6.options.get(0));
        } else {
          _this6.openModal();
        }
      });
    }
  }, {
    key: "handleOpenModal",
    value: function handleOpenModal() {
      if (!this.disabled && !this.readOnly) {
        return this.autoSelectSingle ? this.selectSingle() : this.openModal();
      }
    }
  }, {
    key: "getOmitPropsKeys",
    value: function getOmitPropsKeys() {
      return (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "getOmitPropsKeys", this).call(this).concat(['modalProps', 'noCache', 'tableProps', 'lovEvents', 'searchAction', 'fetchSingle', 'autoSelectSingle', 'showCheckedStrategy', 'onBeforeSelect']);
    }
  }, {
    key: "getButtonProps",
    value: function getButtonProps() {
      var _this$props4 = this.props,
          className = _this$props4.className,
          type = _this$props4.type;
      var options = this.options;
      var props = (0, _objectSpread2["default"])({}, _Button["default"].defaultProps, {}, (0, _omit["default"])(this.getOtherProps(), ['name']), {
        dataSet: options,
        className: (0, _classnames["default"])(className, "".concat(this.prefixCls, "-lov")),
        type: type
      });

      if (!this.isValid) {
        props.color = _enum4.ButtonColor.red;
      }

      return props;
    }
  }, {
    key: "getSuffix",
    value: function getSuffix() {
      var _this$props5 = this.props,
          suffix = _this$props5.suffix,
          viewMode = _this$props5.viewMode;

      if (viewMode === 'popup') {
        return (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "getSuffix", this).call(this);
      }

      var icon = this.loading ? _react["default"].createElement(_spin["default"], {
        className: "".concat(this.prefixCls, "-lov-spin")
      }) : _react["default"].createElement(_icon["default"], {
        type: "search"
      });
      return this.wrapperSuffix(suffix || icon, {
        onClick: this.disabled || this.readOnly ? undefined : this.handleOpenModal
      });
    }
  }, {
    key: "componentWillUnmount",
    value: function componentWillUnmount() {
      (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "componentWillUnmount", this).call(this);

      if (this.modal) {
        this.modal.close();
      }
    }
  }, {
    key: "select",
    value: function select() {
      var mode = this.props.mode;

      if (mode !== _enum3.ViewMode.button) {
        (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "select", this).call(this);
      }
    }
  }, {
    key: "handleButtonClick",
    value: function handleButtonClick(e) {
      this.handleOpenModal();
      var _this$props$onClick = this.props.onClick,
          onClick = _this$props$onClick === void 0 ? _noop["default"] : _this$props$onClick;
      onClick(e);
    }
  }, {
    key: "renderWrapper",
    value: function renderWrapper() {
      var _this$props6 = this.props,
          mode = _this$props6.mode,
          children = _this$props6.children,
          clearButton = _this$props6.clearButton;

      if (mode === _enum3.ViewMode.button) {
        var elements = [_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
          key: "lov_button"
        }, this.getButtonProps(), {
          disabled: this.disabled,
          onClick: this.handleButtonClick
        }), children || this.getTextNode() || this.getPlaceholders()[0] || (0, _localeContext.$l)('Lov', 'choose'))];

        if (clearButton) {
          elements.push(_react["default"].createElement(_Button["default"], {
            key: "lov_clear_button",
            size: _enum.Size.small,
            funcType: _enum4.FuncType.flat,
            icon: "close",
            onClick: this.handleClearButtonClick
          }));
        }

        return elements;
      }

      return (0, _get2["default"])((0, _getPrototypeOf2["default"])(Lov.prototype), "renderWrapper", this).call(this);
    }
  }, {
    key: "searchMatcher",
    get: function get() {
      var searchMatcher = this.observableProps.searchMatcher;

      if ((0, _isString["default"])(searchMatcher)) {
        return searchMatcher;
      }

      return this.textField;
    }
  }, {
    key: "searchable",
    get: function get() {
      var searchable = this.observableProps.searchable;

      if (searchable === false) {
        return searchable;
      }

      var config = this.getConfig();

      if (config) {
        return config.editableFlag === 'Y';
      }

      return true;
    }
  }, {
    key: "lovCode",
    get: function get() {
      var field = this.field;

      if (field) {
        return field.get('lovCode');
      }

      return undefined;
    }
  }, {
    key: "popup",
    get: function get() {
      return this.modal || !this.isSearchFieldInPopup() && !this.searchText ? false : this.statePopup;
    }
    /**
     * 点击查询仅存在一条数据时自动选中
     */

  }, {
    key: "autoSelectSingle",
    get: function get() {
      if ('autoSelectSingle' in this.props) {
        return this.props.autoSelectSingle;
      }

      var autoSelectSingle = (0, _configure.getConfig)('lovAutoSelectSingle');

      if (typeof autoSelectSingle !== 'undefined') {
        return autoSelectSingle;
      }

      return false;
    }
  }, {
    key: "options",
    get: function get() {
      var field = this.field,
          lovCode = this.lovCode;

      if (field) {
        var options = field.options;

        if (options) {
          return options;
        }
      }

      if (lovCode) {
        var lovDataSet = _LovCodeStore["default"].getLovDataSet(lovCode, field, field && field.get('optionsProps'));

        if (lovDataSet) {
          return lovDataSet;
        }
      }

      return new _DataSet["default"]();
    }
  }, {
    key: "loading",
    get: function get() {
      var options = this.options,
          searchAction = this.props.searchAction;
      return (searchAction === _enum3.SearchAction.blur || Boolean(this.autoSelectSingle)) && options.status === _enum2.DataSetStatus.loading && !this.popup;
    }
  }]);
  return Lov;
}(_Select2.Select);

Lov.displayName = 'Lov';
Lov.propTypes = (0, _objectSpread2["default"])({}, _Select2.Select.propTypes, {}, _Button["default"].propTypes, {
  modalProps: _propTypes["default"].object,
  tableProps: _propTypes["default"].object,
  noCache: _propTypes["default"].bool,
  fetchSingle: _propTypes["default"].bool,
  autoSelectSingle: _propTypes["default"].bool,

  /**
   * 触发查询变更的动作， default: input
   */
  searchAction: _propTypes["default"].oneOf([_enum3.SearchAction.blur, _enum3.SearchAction.input]),
  showCheckedStrategy: _propTypes["default"].string
});
Lov.defaultProps = (0, _objectSpread2["default"])({}, _Select2.Select.defaultProps, {
  clearButton: true,
  checkValueOnOptionsChange: false,
  dropdownMatchSelectWidth: false,
  searchAction: _enum3.SearchAction.input,
  fetchSingle: false,
  viewMode: 'modal'
});
(0, _tslib.__decorate)([_mobx.observable], Lov.prototype, "modal", void 0);
(0, _tslib.__decorate)([_mobx.computed], Lov.prototype, "searchMatcher", null);
(0, _tslib.__decorate)([_mobx.computed], Lov.prototype, "searchable", null);
(0, _tslib.__decorate)([_mobx.computed], Lov.prototype, "lovCode", null);
(0, _tslib.__decorate)([_mobx.computed], Lov.prototype, "options", null);
(0, _tslib.__decorate)([_autobind["default"]], Lov.prototype, "getPopupContent", null);
(0, _tslib.__decorate)([_mobx.action], Lov.prototype, "beforeOpen", null);
(0, _tslib.__decorate)([_mobx.action], Lov.prototype, "afterOpen", null);
(0, _tslib.__decorate)([_mobx.action], Lov.prototype, "setText", null);
(0, _tslib.__decorate)([_mobx.action], Lov.prototype, "searchRemote", null);
(0, _tslib.__decorate)([_autobind["default"]], Lov.prototype, "handlePopupHiddenChange", null);
(0, _tslib.__decorate)([_autobind["default"]], Lov.prototype, "handleLovViewClose", null);
(0, _tslib.__decorate)([_autobind["default"], _mobx.action], Lov.prototype, "handleLovViewAfterClose", null);
(0, _tslib.__decorate)([_autobind["default"]], Lov.prototype, "handleLovViewSelect", null);
(0, _tslib.__decorate)([_autobind["default"]], Lov.prototype, "handleKeyDown", null);
(0, _tslib.__decorate)([_autobind["default"]], Lov.prototype, "handleBlur", null);
(0, _tslib.__decorate)([_autobind["default"], _mobx.action], Lov.prototype, "selectSingle", null);
(0, _tslib.__decorate)([_autobind["default"]], Lov.prototype, "handleOpenModal", null);
(0, _tslib.__decorate)([_mobx.computed], Lov.prototype, "loading", null);
(0, _tslib.__decorate)([_autobind["default"]], Lov.prototype, "handleButtonClick", null);
Lov = (0, _tslib.__decorate)([_mobxReact.observer], Lov);
var _default = Lov;
exports["default"] = _default;
//# sourceMappingURL=Lov.js.map