@beisen/recruit-auto-tree/lib/constant.js

import "core-js/modules/es6.function.name";
import _extends from "@babel/runtime/helpers/extends";
import "core-js/modules/es6.object.assign";
import "core-js/modules/es6.regexp.match";

/* eslint-disable */
import React from 'react';
import ToolTip from '@beisen-platform/tool-tip';
import Loading from '@beisen-platform/loading';
import Tree from '@beisen-platform/tree';
import { decode } from '@beisen-platform/common-func';
import { addResizeListener, removeResizeListener } from './resize-event';
export function getBtnData(bsStyle, bsSize, title, func) {
  var ret = {
    bsStyle: bsStyle || 'default',
    bsSize: bsSize || 'default',
    active: true,
    title: title || '确认',
    onClick: func || function (val) {}
  };
  return ret;
}
export function getSearchData(searchValue, active, placeholder) {
  var ret = {
    "placeholder": "请搜索"
    /**没有值的时候显示的内容(string)**/
    ,
    "value": searchValue || '' //搜索框中的默认值
    ,
    "active": active ? active : false //input框激活
    ,
    "hidden": false //隐藏搜索框
    ,
    "readonly": false //搜索框只读
    ,
    "disabled": false //搜索框禁用
    ,
    useInputPlaceHolder: placeholder,
    "onClick": function onClick(val) {},
    "onBlur": function onBlur(val) {},
    "onFocus": function onFocus(val) {}
  };
  return ret;
}
export function getCommonInputData(isActive, placeholder, _defaultValue, disabled, errorStatus, errorMsg, resultsData, _itemClose, onChange, addClass, removeClass) {
  var ret = {
    "status": "show",
    "isActive": isActive //蓝线是否出现
    ,
    "placeHolder": placeholder //input中的placeholder
    ,
    "defaultValue": _defaultValue //input中的defaultvalue
    ,
    "readonly": disabled || '' //只读态
    ,
    "errorStatus": errorStatus //报错
    ,
    "errorMsg": errorMsg //报错信息，为空时不显示
    ,
    "selectDate": resultsData,
    'istips': false,
    'hasInput': true //数据
    ,
    handlerClick: function handlerClick() {},
    itemClose: function itemClose(event, item, index) {
      _itemClose(event, item, index);
    } //删除按钮回调
    ,
    inputChange: function inputChange(event, status, value) {
      onChange(event);
    } //input的change事件
    ,
    inputClick: function inputClick(event, status, value) {
      addClass(event);
    } //input的点击事件
    ,
    inputBlur: function inputBlur(event, status, value) {
      removeClass(event);
    } //input的blur事件

  };
  return ret;
}
export function getSysVersion() {
  //判断浏览器版本
  var Sys = {};
  var ua = navigator.userAgent.toLowerCase();
  var s;
  (s = ua.match(/rv:([\d.]+)\) like gecko/)) ? Sys.ie = s[1] : (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] : (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] : (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0; // if (Sys.chrome) document.write('Chrome: ' + Sys.chrome);

  return Sys;
}
export function getElByClass(classN) {
  return document.getElementsByClassName(classN)[0];
}
export function setMaskStyle() {
  var mask = getElByClass('AutoTree-mask');

  if (mask != undefined) {
    mask.style.height = window.innerHeight + 'px';
    mask.style.width = window.innerWidth + 'px';
  }
}
export function setRealNode(event) {
  var node = event.target;
  var toLowerCase = node.tagName.toLowerCase();
  if (toLowerCase !== 'li' && toLowerCase !== 'span' && toLowerCase !== 'em' && node.className !== 'autoTree_ItemName' && node.className !== 'autoTree_ParentName') return;

  if (toLowerCase == 'span' || toLowerCase == 'em') {
    node = node.parentNode;
  }

  if (node.className == 'autoTree_ParentName') node = node.previousSibling;
  if (node.className == 'auto-tree__item ') node = node.firstChild;
  var nodeId = node.getAttribute('data-index');
  if (nodeId == null) node = node.parentNode;
  return node;
}
export function renderTree(self, temp, offset, treeItemClick, ul_Content, itemClick, searchChange, searchCom, showPanel) {
  var _self$props = self.props,
      treeData = _self$props.treeData,
      autoTreeData = _self$props.autoTreeData,
      isFetching = _self$props.isFetching,
      componentId = _self$props.componentId,
      showDropDown = _self$props.showDropDown;
  var _self$state = self.state,
      inputValue = _self$state.inputValue,
      isFocus = _self$state.isFocus,
      searchValue = _self$state.searchValue;
  var _tar = self.refs.autoForm_ref.refs.autoTreeInput;
  var autoTreeSum = autoTreeData ? autoTreeData : [];
  var assignTreeData = Object.assign({}, treeData, {
    style: {
      "height": "315px"
    }
  });
  var AutoDom = isFetching ? React.createElement("div", {
    style: {
      "maxHeight": '310px',
      'overflowY': 'scroll',
      backgroundColor: "#FFF",
      height: '310px'
    }
  }, React.createElement(Loading, {
    type: "small"
  })) : searchChange ? (inputValue.length > 0 || searchValue.length > 0) && autoTreeSum.length > 0 ? React.createElement("div", null, showPanel ? React.createElement("div", {
    className: "auto-result-container-search"
  }, React.createElement("ul", {
    className: "auto-result",
    onClick: itemClick
  }, ul_Content)) : '', searchCom) : (inputValue.length > 0 || searchValue.length > 0) && autoTreeSum.length == 0 ? React.createElement("div", {
    className: "empty-con error_page"
  }) : React.createElement("div", null, showPanel ? React.createElement(Tree, _extends({}, assignTreeData, {
    onClick: treeItemClick
  })) : '', searchCom) : React.createElement("div", null, showPanel ? React.createElement(Tree, _extends({}, assignTreeData, {
    onClick: treeItemClick
  })) : '', searchCom);
  var treeLength = treeData.treeData ? treeData.treeData.length : 0;
  var treeDOM = document.getElementsByClassName('base-tree-component')[0];
  var treeHeight = showDropDown ? 361 : 310;
  var height = isFetching ? 310 : treeHeight;
  if (!showPanel && showDropDown) height = 51; //修复点击后错位bug

  self.CommonMount.renderDom('autotree__tree-panel', // wrap's classname & id
  AutoDom, // content dom
  _tar, // 跟随目标
  [_tar, //挂载目标节点
  {
    // 挂载元素宽高 {width: '', height: ''}
    width: 340,
    // 挂载宽度
    height: height
  }], false, //labeL和input框是否为竖向结构，会留出对应的label空间
  0, //水平向左偏移量，为负数则向右
  false, //弹层靠左靠右模式，默认为false 靠左模式
  100 //window.onresize执行时间，默认100ms
  , 30);
}
export function renderAutoUl(self, temp, offset) {
  var _self$state2 = self.state,
      isFocus = _self$state2.isFocus,
      inputValue = _self$state2.inputValue,
      isShow = _self$state2.isShow,
      showTree = _self$state2.showTree,
      style = _self$state2.style,
      status = _self$state2.status,
      autoTreeItems = _self$state2.autoTreeItems,
      hasClick = _self$state2.hasClick,
      single = _self$state2.single;
  var _self$props2 = self.props,
      autoTreeData = _self$props2.autoTreeData,
      sync = _self$props2.sync,
      componentId = _self$props2.componentId,
      isFetching = _self$props2.isFetching;
  if (!isFocus && showTree == false) self['domState' + componentId] = false;
  var autoResultHeight, tempPadding, showAutoUl, findAllText, ulChild, tempStyle, ulStyle, autoLi, li_ItemHeight, tempPopStyle, findAll_style;
  autoResultHeight = setResult_Height(autoTreeItems, inputValue, isFocus, hasClick, autoTreeData, sync, componentId);
  autoLi = self.returnAutoLi(true);

  if (status == 'edit') {
    ulChild = autoLi.length == 0 && inputValue.length >= 0 ? React.createElement("div", {
      className: "findNothing empty-con"
    }) : autoLi;
    tempStyle = inputValue.length == 0 && autoLi.length == 0 ? '' : React.createElement("div", {
      className: "findAll",
      onClick: self.findAll,
      style: {
        'position': 'absolute',
        'bottom': '0',
        'right': '15px'
      }
    }, React.createElement("label", null, "\u5168\u90E8\u67E5\u627E"));
    ulStyle = tempStyle == '' ? {
      'padding': '0 0 0 0'
    } : {
      'maxHeight': '280px'
    };

    if (tempStyle == '') {
      ulStyle = {
        'padding': '0 0 0 0'
      };
    } else if (self.renderParents_Node) {
      ulStyle = {
        'maxHeight': '280px'
      };
    } else {
      ulStyle = {
        'maxHeight': '250px'
      };
    }

    findAll_style = self.renderParents_Node ? {} : {
      'bottom': '50px'
    };
    findAllText = inputValue.length >= 0 && autoLi.length == 0 && isFocus == true ? React.createElement("div", {
      style: findAll_style,
      className: "findAll-null"
    }, React.createElement("label", {
      onClick: self.findAll
    }, "\u201C\u67E5\u627E\u5168\u90E8\u201D")) : tempStyle;
    showAutoUl = isShow ? React.createElement("ul", {
      className: "auto-result",
      style: ulStyle,
      onClick: self.itemClick
    }, ulChild) : '';
  } //根据是否显示父级设置下拉最大高度


  li_ItemHeight = self.renderParents_Node ? '280px' : '250px';
  tempPadding = isShow ? '44px' : '0';
  tempPopStyle = autoLi.length > 0 ? {
    'maxHeight': li_ItemHeight,
    'paddingBottom': tempPadding,
    'lineHeight': '34px'
  } : {
    'maxHeight': '280px'
  };

  var _tar;

  if (status == 'search' && single) {
    _tar = getElByClass('autoTree-search-input');
  } else if (status == 'edit' && !single) {
    _tar = self.refs.autoForm_ref.refs.autoTree_commonInput;
  } else if (status == 'edit' && single) {
    _tar = self.refs.autoForm_ref.refs.autoTreeInput;
  }

  var tempFecthing = isFetching ? React.createElement("div", {
    style: {
      "maxHeight": '250px',
      'overflowY': 'scroll',
      backgroundColor: "#FFF",
      height: '200px'
    }
  }, React.createElement(Loading, {
    type: "small"
  })) : React.createElement("div", {
    style: {
      width: _tar.clientWidth
    }
  }, showAutoUl, isShow ? findAllText : '');
  var AutoDom = status == 'edit' ? React.createElement("div", {
    className: status == 'edit' ? 'auto-result-container' : 'auto-result-container-search',
    style: tempPopStyle
  }, tempFecthing) : ''; // AutoDom = isFetching ? tempFecthing : AutoDom;

  if (!showTree) {
    self.CommonMount.renderDom('mount-box', // wrap's classname & id
    AutoDom, // content dom
    _tar, // 跟随目标
    [_tar, //挂载目标节点
    {
      // 挂载元素宽高 {width: '', height: ''}
      width: _tar.clientWidth,
      // 挂载宽度
      height: autoResultHeight
    }]);
  }

  resetPosition(status, showTree, inputValue, autoTreeItems, componentId, autoTreeData, sync);
} //根据数据计算下拉框的实际高度 以便利用高度计算定位位置

export function setResult_Height(autoTreeItems, inputValue, isFocus, hasClick, autoTreeData, sync, componentId) {
  var autoResultHeight;
  var sessionData = JSON.parse(sessionStorage.getItem('search' + componentId));
  var dataResult = sync ? autoTreeItems : autoTreeData;
  var tempBool = (dataResult == undefined || dataResult.length == 0) && isFocus == true && sessionData != null && sessionData.length > 0 && hasClick == true || inputValue == '' && isFocus == true && sessionData != null && sessionData.length > 0 && hasClick == false; //根据数据计算下拉框的实际高度 以便利用高度计算定位位置
  // if(dataResult!=undefined || tempBool){

  var tempResult = dataResult != undefined ? tempBool ? sessionData : dataResult : sessionData;
  var maxLength, itemHeight;

  if (tempResult.length > 0) {
    maxLength = tempResult[0].pname ? 5 : 8;
    itemHeight = tempResult[0].pname ? 54 : 30;
  }

  if (tempResult.length == 0) {
    autoResultHeight = 259;
  } else if (tempResult.length > maxLength) {
    autoResultHeight = tempResult[0].pname ? 320 : 290;
  } else {
    autoResultHeight = tempResult.length * itemHeight + 56;
  } // }


  return autoResultHeight;
} //弹窗定位

export function resetPosition(status, showTree, inputValue, autoTreeItems, componentId, autoTreeData, sync) {
  var windowH = window.innerHeight;
  var windowW = window.innerWidth;
  var popAutoResult = getElByClass('pop-auto-result'); //弹窗中搜索结果节点

  var searchContainer = getElByClass('searchContainer');
  var autoResultContainer = getElByClass('auto-result-container'); //设置弹窗定位

  if (status == 'edit' && autoResultContainer != undefined && searchContainer != undefined) {
    autoResultContainer.style.left = (windowW - autoResultContainer.offsetWidth) * 0.5 + 'px';
    autoResultContainer.style.top = (windowH - autoResultContainer.offsetHeight - 50) * 0.5 + 'px';
    autoResultContainer.display = 'block';
  } else if (status == 'search' && searchContainer != undefined) {
    searchContainer.style.left = (windowW - searchContainer.offsetWidth) * 0.5 + 'px';
    searchContainer.style.top = (windowH - searchContainer.offsetHeight) * 0.5 + 'px';
  }
}
export function getSelectedData(func, dropDownData) {
  var ret = {
    defaultValue: dropDownData.defaultValue || "本级别及所有下级",
    inputItems: [{
      "value": 0,
      "text": "本级别",
      "isChecked": true
    }, {
      "value": 4,
      "text": "本级别及所有下级",
      "isChecked": false
    }],
    itemClickCallback: function itemClickCallback(event, target, val) {
      func(event, target, val);
    }
  };
  return ret;
}
export function pushLi(autoLi, itemClass, holdon_class, i, id, text, sideTip, hiddenTip, index, beforeText, searchContent, searchText, renderParents_Node, pname, props) {
  var resultText = index == -1 ? text : React.createElement("span", null, beforeText, searchContent, searchText);
  var status = props.status,
      single = props.single;

  if (status == 'edit' && !single) {
    autoLi.push(React.createElement("li", {
      className: itemClass,
      id: holdon_class,
      key: i,
      "data-index": id
    }, React.createElement("div", {
      className: "autoTree_ItemName",
      "data-index": id
    }, React.createElement(ToolTip, {
      title: text,
      side: sideTip,
      hidden: hiddenTip
    }, React.createElement("span", {
      "data-index": id
    }, resultText))), renderParents_Node == true ? React.createElement("div", {
      className: "autoTree_ParentName",
      "data-index": id
    }, React.createElement(ToolTip, {
      title: pname ? pname : '－无－',
      side: sideTip,
      hidden: hiddenTip
    }, React.createElement("span", {
      "data-index": id
    }, pname ? pname : '－无－'))) : ''));
  } else {
    autoLi.push(React.createElement("li", {
      className: itemClass,
      id: holdon_class,
      key: i,
      "data-index": id
    }, React.createElement("div", {
      className: "autoTree_ItemName",
      "data-index": id
    }, React.createElement(ToolTip, {
      title: text,
      side: sideTip,
      hidden: hiddenTip
    }, React.createElement("span", {
      "data-index": id
    }, resultText)), renderParents_Node == true ? React.createElement(ToolTip, {
      title: pname ? pname : '－无－',
      side: sideTip,
      hidden: hiddenTip
    }, React.createElement("span", {
      className: "auto-tree__item-pname",
      "data-index": id
    }, '(' + (pname ? pname : '－无－') + ')')) : '')));
  }
}
export function getText(index, text, valueLength, autoLi, itemClass, holdon_class, i, sideTip, hiddenTip, renderParents_Node, item, props) {
  var searchContent, searchText, beforeText;

  if (index != -1) {
    beforeText = index == 0 ? '' : text.substring(0, index);
    var subValue = text.substring(index, index == 0 ? valueLength : valueLength + index);
    searchContent = React.createElement("em", null, subValue);
    searchText = text.substring(index == 0 ? valueLength : valueLength + index, text.length);
  }

  pushLi(autoLi, itemClass, holdon_class, i, item.id, text, sideTip, hiddenTip, index, beforeText, searchContent, searchText, renderParents_Node, decode(item.pname), props);
}
export function getHightLightData(holdOn_index, item, value, autoLi, i, renderParents_Node, sideTip, hiddenTip, props) {
  var text;
  text = decode(item.name);
  var itemClass = renderParents_Node ? "auto-tree__item " : "auto-tree__item_notShow ";
  var holdon_class = i == holdOn_index ? 'li-hold-on' : ''; //获取搜索字符在字段中的位置,分两种 1.首位(index==0) 2.非首位

  var index = text.indexOf(value);
  var valueLength = value.length;
  getText(index, text, valueLength, autoLi, itemClass, holdon_class, i, sideTip, hiddenTip, renderParents_Node, item, props);
  return autoLi;
}