@txdfe/at/lib/select/util.js

一个设计体系组件库

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.escapeForReg = escapeForReg;
exports.filter = filter;
exports.filterDataSource = filterDataSource;
exports.flattingDataSource = flattingDataSource;
exports.getValueDataSource = getValueDataSource;
exports.isNull = isNull;
exports.isSingle = isSingle;
exports.loopMap = loopMap;
exports.normalizeDataSource = normalizeDataSource;
exports.parseDataSourceFromChildren = parseDataSourceFromChildren;
exports.valueToSelectKey = valueToSelectKey;

var _react = require("react");

var _excluded = ["value", "label", "title", "disabled"];

function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }

function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }

function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }

function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }

function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }

function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

/**
 * util module
 */

/**
 * 是否是单选模式
 * @param {string} mode
 * @return {boolean} is single mode
 */
function isSingle(mode) {
  return !mode || mode === 'single' || mode === 'combobox';
}
/**
 * 在 Select 中，认为 null 和 undefined 都是空值
 * @param {*} n any object
 * @return {boolean}
 */


function isNull(n) {
  return n === null || n === undefined;
}
/**
 * 将字符串中的正则表达式关键字符添加转义
 * @param {string} str
 * @return {string}
 */


function escapeForReg(str) {
  return str.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
}
/**
 * filter by key
 * @param {string} key filter key
 * @param {object} item item object
 * @return {boolean} it's filtered
 */


function filter(key, item) {
  var _key = escapeForReg("".concat(key));

  var regExp = new RegExp("(".concat(_key, ")"), 'ig');
  return regExp.test("".concat(item.value)) || regExp.test("".concat(item.label));
}
/**
 * loop map
 * @param {Array} dataSource
 * @param {function} callback
 * @return {Array}
 * ----
 * @callback ~loopCallback
 * @param {object} option
 */


function loopMap(dataSource, callback) {
  var result = [];
  dataSource.forEach(function (option) {
    if (option.children) {
      var children = loopMap(option.children, callback);
      children.length && result.push(_objectSpread(_objectSpread({}, option), {}, {
        children: children
      }));
    } else {
      // eslint-disable-next-line callback-return
      var tmp = callback(option);
      tmp && result.push(tmp);
    }
  });
  return result;
}
/**
 * Parse dataSource from MenuItem
 * @static
 * @param {Array<Element>} children
 * @param {number} [deep=0] recursion deep level
 */


function parseDataSourceFromChildren(children) {
  var deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
  var source = [];

  _react.Children.forEach(children, function (child, index) {
    if (!child) {
      return;
    }

    var type = child.type,
        childProps = child.props;
    var item2 = {
      deep: deep
    };
    var isOption = false;
    var isOptionGroup = false;

    if (typeof type === 'function' && type._typeMark === 'next_select_option' || type === 'option') {
      isOption = true;
    }

    if (typeof type === 'function' && type._typeMark === 'next_select_option_group' || type === 'optgroup') {
      isOptionGroup = true;
    }

    if (!isOption && !isOptionGroup) {
      return;
    }

    if (isOption) {
      // option
      // If children is a string, it can be used as value
      var isStrChild = typeof childProps.children === 'string'; // value > key > string children > index

      item2.value = 'value' in childProps ? childProps.value : 'key' in childProps ? childProps.key : isStrChild ? childProps.children : "".concat(index);
      item2.label = childProps.label || childProps.children || "".concat(item2.value);
      item2.title = childProps.title;
      childProps.disabled === true && (item2.disabled = true); // You can put your extra data here, and use it in `itemRender` or `labelRender`

      _extends(item2, childProps['data-extra'] || {});
    } else if (isOptionGroup && deep < 1) {
      // option group
      item2.label = childProps.label || 'Group'; // parse children nodes

      item2.children = parseDataSourceFromChildren(childProps.children, deep + 1);
    }

    source.push(item2);
  });

  return source;
}
/**
 * Normalize dataSource
 * @static
 * @param {Array} dataSource
 * @param {number} [deep=0] recursion deep level
 * ----
 * value priority: value > 'index'
 * label priority: label > 'value' > 'index'
 * disabled: disabled === true
 */


function normalizeDataSource(dataSource) {
  var deep = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
  var source = [];
  dataSource.forEach(function (item, index) {
    // enable array of basic type
    if (/string|boolean|number/.test(_typeof(item))) {
      item = {
        label: "".concat(item),
        value: item
      };
    } // filter off addon item


    if (item.__isAddon) {
      return;
    }

    var item2 = {
      deep: deep
    }; // deep < 1: only 2 level allowed

    if (Array.isArray(item.children) && deep < 1) {
      // handle group
      item2.label = item.label || item.value || "Group ".concat(index); // parse children

      item2.children = normalizeDataSource(item.children, deep + 1);
    } else {
      var _item = item,
          value = _item.value,
          label = _item.label,
          title = _item.title,
          disabled = _item.disabled,
          others = _objectWithoutProperties(_item, _excluded);

      item2.value = !isNull(value) ? value : "".concat(index);
      item2.label = label || "".concat(item2.value);
      item2.title = title;
      disabled === true && (item2.disabled = true);

      _extends(item2, others);
    }

    source.push(item2);
  });
  return source;
}
/**
 * Get flatten dataSource
 * @static
 * @param  {Array} dataSource structured dataSource
 * @return {Array}
 */


function flattingDataSource(dataSource) {
  var source = [];
  dataSource.forEach(function (item) {
    if (Array.isArray(item.children)) {
      source.push.apply(source, _toConsumableArray(flattingDataSource(item.children)));
    } else {
      source.push(item);
    }
  });
  return source;
}

function filterDataSource(dataSource, key, filter, addonKey) {
  if (!Array.isArray(dataSource)) {
    return [];
  }

  if (typeof key === 'undefined' || key === null) {
    return [].concat(dataSource);
  }

  var addKey = true;
  var menuDataSource = loopMap(dataSource, function (option) {
    if (key === "".concat(option.value)) {
      addKey = false;
    }

    return filter(key, option) && !option.__isAddon && option;
  }); // if key not in menuDataSource, add key to dataSource

  if (addonKey && key && addKey) {
    menuDataSource.unshift({
      value: key,
      label: key,
      title: key,
      __isAddon: true
    });
  }

  return menuDataSource;
}

function getKeyItemByValue(value, valueMap) {
  var item;

  if (_typeof(value) === 'object' && value.hasOwnProperty('value')) {
    item = value;
  } else {
    item = valueMap["".concat(value)] || {
      value: value,
      label: value
    };
  }

  return item;
}
/**
 * compute valueDataSource by new value
 * @param {Array/String} value 数据
 * @param {Object} mapValueDS   上个value的缓存数据 value => {value,label} 的映射关系表
 * @param {*} mapMenuDS  通过 dataSource 建立 value => {value,label} 的映射关系表
 * @returns {Object} value: [value]; valueDS: [{value,label}]; mapValueDS: {value: {value,label}}
 */


function getValueDataSource(value, mapValueDS, mapMenuDS) {
  if (isNull(value)) {
    return {};
  }

  var newValue = [];
  var newValueDS = [];
  var newMapValueDS = {};

  var _newMapDS = _extends({}, mapValueDS, mapMenuDS);

  if (Array.isArray(value)) {
    value.forEach(function (v) {
      var item = getKeyItemByValue(v, _newMapDS);
      newValueDS.push(item);
      newMapValueDS["".concat(item.value)] = item;
      newValue.push(item.value);
    });
    return {
      value: newValue,
      // [value]
      valueDS: newValueDS,
      // [{value,label}]
      mapValueDS: newMapValueDS // {value: {value,label}}

    };
  } else {
    var item = getKeyItemByValue(value, _newMapDS);
    return {
      value: item.value,
      valueDS: item,
      mapValueDS: _defineProperty({}, "".concat(item.value), item)
    };
  }
}
/**
 * Get flatten dataSource
 * @static
 * @param  {any} value structured dataSource
 * @return {String}
 */


function valueToSelectKey(value) {
  var val;

  if (_typeof(value) === 'object' && value.hasOwnProperty('value')) {
    val = value.value;
  } else {
    val = value;
  }

  return "".concat(val);
}
/**
 * UP Down 改进双向链表方法
 */
// function DoubleLinkList(element){
//     this.prev = null;
//     this.next = null;
//     this.element = element;
// }
//
// export function mapDoubleLinkList(dataSource){
//
//     const mapDS = {};
//     let doubleLink = null;
//
//     let head = null;
//     let tail = null;
//
//     function  append(element) {
//         if (!doubleLink) {
//             doubleLink = new DoubleLinkList(element);
//             head = doubleLink;
//             tail = doubleLink;
//             return doubleLink;
//         }
//
//         const node = new DoubleLinkList(element);
//         tail.next = node;
//         node.prev = tail;
//         tail = node;
//
//         return tail;
//     }
//
//     dataSource.forEach((item => {
//         if (item.disabled) {
//             return;
//         }
//         mapDS[`${item.value}`] = append(item);
//     }));
//
//     return mapDS;
// }
//