@beisen/ethos/lib/common-func/index.js

beisencloud pc react components

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.removeResizeListener = exports.addResizeListener = undefined;

var _typeof2 = require('babel-runtime/helpers/typeof');

var _typeof3 = _interopRequireDefault(_typeof2);

exports.clearToolTipDom = clearToolTipDom;
exports.uid = uid;
exports.judgeBrowser = judgeBrowser;
exports.judgeSys = judgeSys;
exports.contains = contains;
exports.createDom = createDom;
exports.getHeightLight = getHeightLight;
exports.deepClone = deepClone;
exports.transferData = transferData;
exports.encode = encode;
exports.decode = decode;
exports.transFormat = transFormat;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function clearToolTipDom() {
  var dom_1 = document.getElementsByClassName('tooltip')[0];
  var dom_2 = document.getElementsByClassName('tooltip-arrow')[0];
  if (dom_1 && dom_2) {
    var parNode = dom_1.parentNode;
    if (parNode.parentNode && parNode.parentNode.className == 'tooltip__hidden') {
      parNode.parentNode.removeChild(parNode);
    } else {
      parNode.removeChild(dom_1);
      parNode.removeChild(dom_2);
    }
  }
} /* eslint-disable */
function uid(flag) {
  var now = +new Date();
  return flag + ('-' + now);
}

function judgeBrowser() {
  var userAgent = navigator.userAgent;
  var reIE = new RegExp("MSIE (\\d+\\.\\d+);");
  reIE.test(userAgent);
  var fIEVersion = parseFloat(RegExp["$1"]);
  var browser = {
    isEdge: /Edge/.test(userAgent),
    isOpera: /Opera/.test(userAgent),
    isFirefox: /Firefox/.test(userAgent),
    isBaidu: /bidubrowser/.test(userAgent),
    isSougo: /metasr/.test(userAgent),
    is360: /360se/.test(userAgent),
    isUc: /ucweb/.test(userAgent),
    isLB: /lbbrowser/.test(userAgent),
    isWX: /micromessenger/.test(userAgent),
    isQQ: /qqbrowser/.test(userAgent),
    isChrome: userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1,
    isSafari: userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1,
    isIe: !!window.ActiveXObject || "ActiveXObject" in window,
    isIe7: fIEVersion == 7,
    isIe8: fIEVersion == 8,
    isIe9: fIEVersion == 9,
    isIe10: fIEVersion == 10,
    isIe11: fIEVersion == 11
  };
  return browser;
}

function judgeSys() {
  var userAgent = navigator.userAgent;
  var browser = {
    isMac: /Mac OS/.test(userAgent),
    isIpad: /ipad/.test(userAgent),
    isIphone: /iphone os/.test(userAgent),
    isAndroid: /android/.test(userAgent),
    isWindowsCe: /windows ce/.test(userAgent),
    isWindowsMobile: /windows mobile/.test(userAgent),
    isWin2K: /windows nt 5.0/.test(userAgent),
    isXP: /windows nt 5.1/.test(userAgent),
    isVista: /windows nt 6.0/.test(userAgent),
    isWin7: /windows nt 6.1/.test(userAgent),
    isWin8: /windows nt 6.2/.test(userAgent),
    isWin81: /windows nt 6.3/.test(userAgent),
    isWin10: /"Windows NT 10.0/.test(userAgent)
  };
  return browser;
}

// 判断n 元素是否是 root中的子元素
function contains(root, n) {
  var node = n;
  while (node) {
    if (node === root) {
      return true;
    }
    node = node.parentNode;
  }

  return false;
}

/* Modified from https://github.com/sdecima/javascript-detect-element-resize
 * version: 0.5.3
 *
 * The MIT License (MIT)
 *
 * Copyright (c) 2013 Sebastián Décima
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of
 * this software and associated documentation files (the "Software"), to deal in
 * the Software without restriction, including without limitation the rights to
 * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 * the Software, and to permit persons to whom the Software is furnished to do so,
 * subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
 * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
 * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
 * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 *
 */
/* eslint-disable */
var isServer = typeof window === 'undefined';

/* istanbul ignore next */
var requestFrame = function () {
  if (isServer) return;
  var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || function (fn) {
    return window.setTimeout(fn, 20);
  };
  return function (fn) {
    return raf(fn);
  };
}();

/* istanbul ignore next */
var cancelFrame = function () {
  if (isServer) return;
  var cancel = window.cancelAnimationFrame || window.mozCancelAnimationFrame || window.webkitCancelAnimationFrame || window.clearTimeout;
  return function (id) {
    return cancel(id);
  };
}();

/* istanbul ignore next */
var resetTrigger = function resetTrigger(element) {
  var trigger = element.__resizeTrigger__;
  var expand = trigger.firstElementChild;
  var contract = trigger.lastElementChild;
  var expandChild = expand.firstElementChild;

  contract.scrollLeft = contract.scrollWidth;
  contract.scrollTop = contract.scrollHeight;
  expandChild.style.width = expand.offsetWidth + 1 + 'px';
  expandChild.style.height = expand.offsetHeight + 1 + 'px';
  expand.scrollLeft = expand.scrollWidth;
  expand.scrollTop = expand.scrollHeight;
};

/* istanbul ignore next */
var checkTriggers = function checkTriggers(element) {
  return element.offsetWidth !== element.__resizeLast__.width || element.offsetHeight !== element.__resizeLast__.height;
};

/* istanbul ignore next */
var scrollListener = function scrollListener(event) {
  var _this = this;

  resetTrigger(this);
  if (this.__resizeRAF__) cancelFrame(this.__resizeRAF__);
  this.__resizeRAF__ = requestFrame(function () {
    if (checkTriggers(_this)) {
      _this.__resizeLast__.width = _this.offsetWidth;
      _this.__resizeLast__.height = _this.offsetHeight;
      _this.__resizeListeners__.forEach(function (fn) {
        fn.call(_this, event);
      });
    }
  });
};

/* Detect CSS Animations support to detect element display/re-attach */
var attachEvent = isServer ? {} : document.attachEvent;
var DOM_PREFIXES = 'Webkit Moz O ms'.split(' ');
var START_EVENTS = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' ');
var RESIZE_ANIMATION_NAME = 'resizeanim';
var animation = false;
var keyFramePrefix = '';
var animationStartEvent = 'animationstart';

/* istanbul ignore next */
if (!attachEvent && !isServer) {
  var testElement = document.createElement('fakeelement');
  if (testElement.style.animationName !== undefined) {
    animation = true;
  }

  if (animation === false) {
    var prefix = '';
    for (var i = 0; i < DOM_PREFIXES.length; i++) {
      if (testElement.style[DOM_PREFIXES[i] + 'AnimationName'] !== undefined) {
        prefix = DOM_PREFIXES[i];
        keyFramePrefix = '-' + prefix.toLowerCase() + '-';
        animationStartEvent = START_EVENTS[i];
        animation = true;
        break;
      }
    }
  }
}

var stylesCreated = false;
/* istanbul ignore next */
var createStyles = function createStyles() {
  if (!stylesCreated && !isServer) {
    var animationKeyframes = '@' + keyFramePrefix + 'keyframes ' + RESIZE_ANIMATION_NAME + ' { from { opacity: 0; } to { opacity: 0; } } ';
    var animationStyle = keyFramePrefix + 'animation: 1ms ' + RESIZE_ANIMATION_NAME + ';';

    // opacity: 0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360
    var css = animationKeyframes + '\n       .resize-triggers { ' + animationStyle + ' visibility: hidden; opacity: 0; }\n       .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1 }\n       .resize-triggers > div { background: #eee; overflow: auto; }\n       .contract-trigger:before { width: 200%; height: 200%; }';

    var head = document.head || document.getElementsByTagName('head')[0];
    var style = document.createElement('style');

    style.type = 'text/css';
    if (style.styleSheet) {
      style.styleSheet.cssText = css;
    } else {
      style.appendChild(document.createTextNode(css));
    }

    head.appendChild(style);
    stylesCreated = true;
  }
};

/* istanbul ignore next */
var addResizeListener = exports.addResizeListener = function addResizeListener(element, fn) {
  if (isServer) return;
  if (attachEvent) {
    element.attachEvent('onresize', fn);
  } else {
    if (!element.__resizeTrigger__) {
      if (getComputedStyle(element).position === 'static') {
        element.style.position = 'relative';
      }
      createStyles();
      element.__resizeLast__ = {};
      element.__resizeListeners__ = [];

      var resizeTrigger = element.__resizeTrigger__ = document.createElement('div');
      resizeTrigger.className = 'resize-triggers';
      resizeTrigger.innerHTML = '<div class="expand-trigger"><div></div></div><div class="contract-trigger"></div>';
      element.appendChild(resizeTrigger);

      resetTrigger(element);
      element.addEventListener('scroll', scrollListener, true);

      /* Listen for a css animation to detect element display/re-attach */
      if (animationStartEvent) {
        resizeTrigger.addEventListener(animationStartEvent, function (event) {
          if (event.animationName === RESIZE_ANIMATION_NAME) {
            resetTrigger(element);
          }
        });
      }
    }
    element.__resizeListeners__.push(fn);
  }
};

/* istanbul ignore next */
var removeResizeListener = exports.removeResizeListener = function removeResizeListener(element, fn) {
  if (attachEvent) {
    element.detachEvent('onresize', fn);
  } else {
    // 当__resizeListeners__存在时，再进行操作，防止报错
    if (element.__resizeListeners__) {
      element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);

      if (!element.__resizeListeners__.length) {
        element.removeEventListener('scroll', scrollListener);
        element.__resizeTrigger__ = !element.removeChild(element.__resizeTrigger__);
      }
    }
  }
};

// 创建挂载容器
function createDom(id) {
  if (document.getElementById(id)) return;
  var oDiv = document.createElement('div');
  oDiv.id = id;
  document.body.appendChild(oDiv);
}

function getHeightLight(searchval, text) {
  var str = {};
  if (searchval.length > 0) {
    //获取搜索字符在字段中的位置,分两种 1.首位(index==0) 2.非首位
    var index = text.indexOf(searchval);
    var valueLength = searchval.length;

    if (index == 0) {
      str.beforeText = "";
      var subValue = text.substring(index, valueLength);
      str.searchContent = _react2.default.createElement(
        'em',
        null,
        subValue
      );
      str.lastext = text.substring(valueLength, text.length);
    } else if (index > 0) {
      str.beforeText = text.substring(0, index);
      var _subValue = text.substring(index, valueLength + index);
      str.searchContent = _react2.default.createElement(
        'em',
        null,
        _subValue
      );
      str.lastext = text.substring(valueLength + index, text.length);
    } else {
      str.beforeText = '';
      str.searchContent = _react2.default.createElement('em', null);
      str.lastext = '';
    }
  } else {
    str.beforeText = "";
    str.searchContent = "";
    str.lastext = text;
  }
  return str;
}

function deepClone(item) {
  if (!item) return item;
  var types = [Number, String, Boolean],
      result;
  types.forEach(function (type) {
    if (item instanceof type) {
      result = type(item);
    }
  });

  if (typeof result == "undefined") {
    if (Object.prototype.toString.call(item) === "[object Array]") {
      result = [];
      item.forEach(function (child, index, array) {
        result[index] = deepClone(child);
      });
    } else if ((typeof item === 'undefined' ? 'undefined' : (0, _typeof3.default)(item)) == "object") {
      if (item.nodeType && typeof item.cloneNode == "function") {
        result = item.cloneNode(true);
      } else if (!item.prototype) {
        if (item instanceof Date) {
          result = new Date(item);
        } else {
          result = {};
          for (var i in item) {
            result[i] = deepClone(item[i]);
          }
        }
      } else {
        result = item;
      }
    } else {
      result = item;
    }
  }
  return result;
}

function transferData(data) {
  var filter = [],
      getData = {},
      self = this;

  for (var _i in data) {
    if (data[_i] != undefined) getData[data[_i]["id"]] = data[_i];
  }
  for (var j in data) {
    if (data[j]) {
      var item = data[j],
          temp = getData[item["pid"]];
      if (temp && temp.id != temp.pid) {
        !temp["li"] && (temp["li"] = []);
        temp["li"].push(item);
      } else {
        filter.push(item);
      }
    }
  }
  return filter;
}

function encode(str) {
  if (!str || typeof str != 'string') {
    return str;
  }
  str = str.toString();
  return str.replace(/&/g, '&amp;').replace(/"/g, '&quot;').replace(/'/g, '&#39;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
}

function decode(str) {
  if (!str || typeof str != 'string') {
    return str;
  }
  str = str.toString();
  return str.replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&amp;/g, '&');
}

/**
 * 将字符串模板中的占位符替换为相应的变量
 * @param {String} template 字符串模板, 变量key只能为数字
 * @param  {...any} variables 对应的变量
 * 示例：(括号中的序号与翻译参数的顺序有关)
 * console.log(transFormat("{0} is {1}", 1, 2));
 * console.log(transFormat("{1} is {0}", 1, 2));
 */
function transFormat(template) {
  for (var _len = arguments.length, variables = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
    variables[_key - 1] = arguments[_key];
  }

  var bKeys = template.match(/{\s*[0-9]+\s*}/g);
  if (bKeys) {
    // 当匹配到对应格式时， 返回变量替换之后的字符串
    return bKeys.map(function (str) {
      return str.slice(1, str.length - 1).trim();
    }) // 获取相对应的序号
    .reduce(function (template, key) {
      return template.replace(/{\s*[0-9]+\s*}/, variables[key]);
    }, template); // 替换相应变量
  } else {
    // 当未匹配到相应的格式时,将变量直接拼接在模板字符串前端(此为兼容方案, 请保证所有的输入的都符合对应格式)
    return variables.join(' ') + template;
  }
}

exports.default = { clearToolTipDom: clearToolTipDom, uid: uid, judgeBrowser: judgeBrowser, judgeSys: judgeSys, contains: contains, createDom: createDom, getHeightLight: getHeightLight, deepClone: deepClone, transferData: transferData, encode: encode, decode: decode, transFormat: transFormat };