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

import _extends from "@babel/runtime/helpers/extends";
import "core-js/modules/es6.object.assign";
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, PropTypes } from 'react';
import { render } from 'react-dom';
import ToolTip from '@beisen-platform/tool-tip';
import CommonLabel from '@beisen-platform/common-label';
import Input from './input';
import List from './list';

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

  function Edit(props) {
    var _this;

    _classCallCheck(this, Edit);

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

    _this.getMountSize = function () {
      var width,
          height = 0,
          heightCalc,
          listHeight;
      _this.inputDom = _this.refs.input.refs.wrapper.getElementsByClassName('list_horizontal list_wrap form-item__multi-list lookupv2__select-list')[0] || _this.refs.input.refs.wrapper;
      width = _this.inputDom.offsetWidth;
      heightCalc = _this.props.setListHeight();
      return {
        width: width,
        height: heightCalc.listHeight,
        listHeight: heightCalc.itemHeight
      };
    };

    return _this;
  }

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

      if (props.disabled || props.readOnly || props.onlyShowAdvanced) {
        return;
      }

      var self = this;

      if (props.isShowDoropList && Array.isArray(props.listValue) || props.isShowDoropList && props.isFetching || props.isShowDoropList && (props.isNotAllow || props.isNotInstall)) {
        var _size = this.getMountSize();

        var dom = document.getElementsByClassName("BS_lookupV2__mountContainer")[0];
        var height = dom && dom.offsetHeight ? dom.offsetHeight : _size.height;
        if (!props.isFetching) height = _size.height;
        this.props.commonMount.renderDom('BS_lookupV2_container__' + this.props.uid, React.createElement(List, {
          listValue: props.listValue,
          listHeight: _size.listHeight,
          value: props.value,
          isNotAllow: props.isNotAllow,
          isNotInstall: props.isNotInstall,
          isFetching: props.isFetching,
          multiple: props.multiple,
          isShowFindAll: props.isShowFindAll,
          commonMount: props.commonMount,
          handlerFindAll: props.handlerFindAll,
          listClick: props.listClick,
          setComState: props.setComState,
          onChange: props.onChange
        }), self.inputDom, [self.inputDom, {
          width: 340,
          height: height
        }], false, 0, //水平向左偏移量，为负数则向右
        false, //弹层靠左靠右模式，默认为false 靠左模式
        100, //window.onresize执行时间，默认100ms
        props.lablePos ? 33 : 50);
      }
    }
  }, {
    key: "render",
    value: function render() {
      var props = Object.assign({}, this.props);
      return React.createElement("div", {
        className: "form-item form-item-lookupv2 "
      }, React.createElement(CommonLabel, this.props), React.createElement(Input, _extends({}, props, {
        handlerFindAll: props.handlerFindAll,
        setComState: props.setComState,
        ref: "input"
      })));
    }
  }]);

  return Edit;
}(Component);

Edit.defaultProps = {
  title: "",
  hiddenTip: false,
  sideTip: false,
  isFocus: false,
  helpMsg: '',
  required: true,
  listValue: null,
  value: ''
};
export { Edit as default };