@beisen-platform/lookup-v2/lib/index.js

import _extends from "@babel/runtime/helpers/extends";
import "core-js/modules/es6.object.assign";
import "core-js/modules/es6.regexp.to-string";
import "core-js/modules/es6.object.to-string";
import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
import _createClass from "@babel/runtime/helpers/createClass";
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
import _inherits from "@babel/runtime/helpers/inherits";
import React, { Component } from 'react';
import { findDOMNode } from 'react-dom';
import './index.css';
import CommonMount from '@beisen-platform/common-mount';
import Edit from './edit';
import Search from './search';
import contains from './contains';
import getUid from './uid';

function empty() {}

var LookUpV2 =
/*#__PURE__*/
function (_Component) {
  _inherits(LookUpV2, _Component);

  function LookUpV2(props) {
    var _this;

    _classCallCheck(this, LookUpV2);

    _this = _possibleConstructorReturn(this, _getPrototypeOf(LookUpV2).call(this, props));

    _this.setComState = function (key, value) {
      _this.setState({
        isShowDoropList: value
      });
    };

    _this.handlerMouseDown = function (event) {
      if (_this.props.readOnly) return;

      if (!_this.isClickValid(event)) {
        _this.setState({
          isShowDoropList: false
        });

        _this.commonMount.unmountBox();

        _this.props.onEditMouseDown(event);
      }
    };

    _this.isClickValid = function (event) {
      var mountContainer = document.getElementById('BS_lookupV2_container__' + _this.state.uid);
      var lookupContainer = findDOMNode(_this.refs.edit.refs.input);

      if (mountContainer && !contains(mountContainer, event.target) && lookupContainer && !contains(lookupContainer, event.target)) {
        return false;
      }

      return true;
    };

    _this.setListHeight = function () {
      var height = 0,
          listHeight = 0;

      if (Array.isArray(_this.props.listValue) && _this.props.listValue.length) {
        if (_this.props.listValue[0][1]) {
          listHeight = 46;
        } else {
          if (_this.props.listValue[0][0] && _this.props.listValue[0][0]['avatars']) {
            listHeight = 40;
          } else {
            listHeight = 32;
          }
        } // let _length = this.props.listValue.length > 8 ? 8 : this.props.listValue.length;


        height = _this.props.listValue.length * listHeight;
        height = height > 300 ? 300 : height;
        height = height + 40;

        if (!_this.props.isShowFindAll) {
          height = height - 32;
        } // 高度计算

      } else {
        // no-data
        height = 320;
      }

      if (_this.props.isFetching) {
        height = 360;
      }

      return {
        itemHeight: listHeight,
        listHeight: height
      };
    };

    _this.handlerFindAll = function (event) {
      _this.commonMount.unmountBox();

      _this.props.onFindAll();
    };

    _this.clearDom = function () {
      var doms = document.getElementsByClassName('BS_lookupV2_wrapper_common');
      var parDoms;

      for (var i = 0; i < doms.length; i++) {
        if (doms[i]) {
          parDoms = doms[i].parentNode;
          parDoms.removeChild(doms[i]);
        }
      }
    };

    _this.onBlurChange = function (event) {
      if (_this.props.onBlur) {
        _this.props.onBlur(event);
      }
    };

    _this.setClassName = function (id) {
      var dom = document.getElementById(id);
      dom.className = 'BS_lookupV2_wrapper_common';
    };

    _this.state = {
      uid: getUid(),
      isShowDoropList: false
    };

    if (!Array.isArray) {
      Array.isArray = function (arg) {
        return Object.prototype.toString.call(arg) === '[object Array]';
      };
    }

    return _this;
  }

  _createClass(LookUpV2, [{
    key: "componentDidUpdate",
    value: function componentDidUpdate(prevProps, prevState) {
      var props = Object.assign({}, this.props);

      if (props.disabled || props.readOnly) {
        this.commonMount.unmountBox();
      }
    }
  }, {
    key: "componentWillMount",
    value: function componentWillMount() {
      this.commonMount = new CommonMount({
        containerId: 'BS_lookupV2_wrapper__' + this.state.uid,
        follow: true,
        // 是否滚动跟随，默认true
        fixed: true // 定位：fixed，false时为absolute

      });
      this.setClassName('BS_lookupV2_wrapper__' + this.state.uid);
    }
  }, {
    key: "componentDidMount",
    value: function componentDidMount() {
      if (this.props.status === 'edit') {
        document.removeEventListener('mousedown', this.handlerMouseDown);
        document.addEventListener('mousedown', this.handlerMouseDown);
      }
    }
  }, {
    key: "componentWillUnmount",
    value: function componentWillUnmount() {
      if (this.props.status === 'edit') {
        document.removeEventListener('mousedown', this.handlerMouseDown); //由于弹窗关闭后会卸载组件导致其它的组件卸载而找不到id进行渲染

        this.commonMount.unmountBox();
      }
    }
  }, {
    key: "render",
    value: function render() {
      var props = this.props;

      if (props.status === 'edit') {
        return React.createElement(Edit, _extends({
          ref: "edit"
        }, props, {
          setListHeight: this.setListHeight,
          uid: this.state.uid,
          isShowDoropList: this.state.isShowDoropList,
          setComState: this.setComState,
          onBlur: this.onBlurChange,
          commonMount: this.commonMount,
          handlerFindAll: this.handlerFindAll
        }));
      } else {
        return React.createElement(Search, _extends({
          ref: "search"
        }, props, {
          setListHeight: this.setListHeight,
          isShowDoropList: this.state.isShowDoropList,
          setComState: this.setComState,
          commonMount: this.commonMount,
          handlerFindAll: this.handlerFindAll
        }));
      }
    }
  }]);

  return LookUpV2;
}(Component);

LookUpV2.defaultProps = {
  status: 'edit',
  isShowFindAll: true,
  onFindAll: empty,
  onEditMouseDown: empty
};
export { LookUpV2 as default };