@douyinfe/semi-foundation 2.24.2 → 2.25.0-alpha.0

package/lib/es/tree/treeUtil.js

@@ -1,3 +1,4 @@
+import _omit from "lodash/omit";
 import _get from "lodash/get";
 import _pick from "lodash/pick";
 import _isEmpty from "lodash/isEmpty";
@@ -7,12 +8,14 @@ import _isObject from "lodash/isObject";
 import _max from "lodash/max";
 import _uniq from "lodash/uniq";
 import _difference from "lodash/difference";
+/**
+ * Part of the utils function implementation process reference
+ * https://github.com/react-component/tree/blob/master/src/util.tsx
+ */
 const DRAG_OFFSET = 0.45;
-
 function getPosition(level, index) {
-  return "".concat(level, "-").concat(index);
+  return `${level}-${index}`;
 }
-
 function isValid(val) {
   return !_isNull(val) && !_isUndefined(val);
 }
@@ -23,51 +26,52 @@ function isValid(val) {
  * @param filteredShownKeys
  * need expanded keys, provides `true` means all expanded
  */
-// eslint-disable-next-line max-len
-
-
-export function flattenTreeData(treeNodeList, expandedKeys) {
-  let filteredShownKeys = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+export function flattenTreeData(treeNodeList, expandedKeys, keyMaps) {
+  let filteredShownKeys = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
   const flattenList = [];
   const filterSearch = Boolean(filteredShownKeys);
-
+  const realKeyName = _get(keyMaps, 'key', 'key');
+  const realChildrenName = _get(keyMaps, 'children', 'children');
   function flatten(list) {
     let parent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
     return list.map((treeNode, index) => {
       const pos = getPosition(parent ? parent.pos : '0', index);
-      const mergedKey = treeNode.key; // Add FlattenDataNode into list
-
-      const flattenNode = Object.assign(Object.assign({}, _pick(treeNode, ['key', 'label', 'value', 'icon', 'disabled', 'isLeaf'])), {
+      const mergedKey = treeNode[realKeyName];
+      const otherData = {};
+      if (keyMaps) {
+        Object.entries(_omit(keyMaps, 'children')).forEach(_ref => {
+          let [key, value] = _ref;
+          const result = treeNode[value];
+          !_isUndefined(result) && (otherData[key] = result);
+        });
+      }
+      // Add FlattenDataNode into list
+      const flattenNode = Object.assign(Object.assign(Object.assign({}, _pick(treeNode, ['key', 'label', 'value', 'icon', 'disabled', 'isLeaf'])), otherData), {
         parent,
         pos,
         children: null,
         data: treeNode,
-        _innerDataTag: true
+        _innerDataTag: true,
+        isEnd: [...(parent ? parent.isEnd : []), index === list.length - 1]
       });
       const isBooleanFilteredShownKeys = typeof filteredShownKeys === 'boolean';
-
       if (!filterSearch || !isBooleanFilteredShownKeys && filteredShownKeys.has(mergedKey)) {
         flattenList.push(flattenNode);
-      } // Loop treeNode children
-      // eslint-disable-next-line max-len
-
-
+      }
+      // Loop treeNode children
       if (expandedKeys.has(mergedKey) && (!filterSearch || !isBooleanFilteredShownKeys && filteredShownKeys.has(mergedKey))) {
-        flattenNode.children = flatten(treeNode.children || [], flattenNode);
+        flattenNode.children = flatten(treeNode[realChildrenName] || [], flattenNode);
       } else {
         flattenNode.children = [];
       }
-
       return flattenNode;
     });
   }
-
   flatten(treeNodeList);
   return flattenList;
 }
 export function convertJsonToData(treeJson) {
   const treeData = [];
-
   const traverseNode = (key, children, path, res) => {
     const currPath = [...path, key];
     const itemKey = currPath.join('-');
@@ -76,7 +80,6 @@ export function convertJsonToData(treeJson) {
       label: key,
       value: children
     };
-
     if (_isObject(children)) {
       const newChildren = [];
       Object.entries(children).forEach(c => {
@@ -84,35 +87,34 @@ export function convertJsonToData(treeJson) {
       });
       newNode.children = newChildren;
     }
-
     res.push(newNode);
   };
-
   Object.entries(treeJson).forEach(item => traverseNode(item[0], item[1], [], treeData));
   return treeData;
 }
 /**
  * Traverse all the data by `treeData`.
  */
-
-export function traverseDataNodes(treeNodes, callback) {
+export function traverseDataNodes(treeNodes, callback, keyMaps) {
+  const realKeyName = _get(keyMaps, 'key', 'key');
+  const realChildrenName = _get(keyMaps, 'children', 'children');
   const processNode = (node, ind, parent) => {
-    const children = node ? node.children : treeNodes;
-    const pos = node ? getPosition(parent.pos, ind) : '0'; // Process node if is not root
-
+    const children = node ? node[realChildrenName] : treeNodes;
+    const pos = node ? getPosition(parent.pos, ind) : '0';
+    // Process node if is not root
     if (node) {
+      const nodeKey = _get(node, realKeyName, null);
       const data = {
         data: Object.assign({}, node),
         ind,
         pos,
-        key: node.key !== null ? node.key : pos,
+        key: nodeKey !== null ? nodeKey : pos,
         parentPos: parent.node ? parent.pos : null,
         level: Number(parent.level) + 1
       };
       callback(data);
-    } // Process children node
-
-
+    }
+    // Process children node
     if (children) {
       children.forEach((subNode, subIndex) => {
         processNode(subNode, subIndex, {
@@ -123,12 +125,10 @@ export function traverseDataNodes(treeNodes, callback) {
       });
     }
   };
-
   processNode(null);
 }
 /* Convert data to entities map */
-
-export function convertDataToEntities(dataNodes) {
+export function convertDataToEntities(dataNodes, keyMaps) {
   const posEntities = {};
   const keyEntities = {};
   const valueEntities = {};
@@ -137,6 +137,7 @@ export function convertDataToEntities(dataNodes) {
     keyEntities,
     valueEntities
   };
+  const realValueName = _get(keyMaps, 'value', 'value');
   traverseDataNodes(dataNodes, data => {
     const {
       pos,
@@ -144,48 +145,42 @@ export function convertDataToEntities(dataNodes) {
       parentPos
     } = data;
     const entity = Object.assign({}, data);
-
-    const value = _get(entity, 'data.value', null);
-
+    const value = _get(entity, `data.${realValueName}`, null);
     if (value !== null) {
       valueEntities[value] = key;
     }
-
     posEntities[pos] = entity;
-    keyEntities[key] = entity; // Fill children
-
+    keyEntities[key] = entity;
+    // Fill children
     entity.parent = posEntities[parentPos];
-
     if (entity.parent) {
       entity.parent.children = entity.parent.children || [];
       entity.parent.children.push(entity);
     }
-  });
+  }, keyMaps);
   return wrapper;
 }
 /* Get key by value */
-
 export function findKeysForValues(valueList, valueEntities) {
   let isMultiple = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-
   if (!isValid(valueList)) {
     return [];
   }
-
   if (!isMultiple && Array.isArray(valueList)) {
     valueList = valueList.length ? [valueList[0]] : [];
   } else if (!Array.isArray(valueList)) {
     valueList = [valueList];
   }
-
   if (_isEmpty(valueEntities)) {
     return valueList;
   }
-
   const res = [];
   valueList.forEach(val => {
     if (val in valueEntities) {
       res.push(valueEntities[val]);
+    } else {
+      // if val not in valueEntities, then value push to keys array
+      val && res.push(val);
     }
   });
   return res;
@@ -193,17 +188,14 @@ export function findKeysForValues(valueList, valueEntities) {
 export function findDescendantKeys(selectedKeys, options) {
   let self = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   const res = [];
-
   const findChild = item => {
     if (!item) {
       return;
     }
-
     const {
       children
     } = item;
     const hasChildren = isValid(children);
-
     if (hasChildren) {
       children.forEach(child => {
         res.push(child.key);
@@ -211,12 +203,10 @@ export function findDescendantKeys(selectedKeys, options) {
       });
     }
   };
-
   selectedKeys.forEach(item => {
     if (self) {
       res.push(item);
     }
-
     findChild(options[item]);
   });
   return res;
@@ -235,20 +225,16 @@ export function findChildKeys(keys, options) {
   return res;
 }
 /* istanbul ignore next */
-
 export function findLeafKeys(keys, options) {
   const res = [];
-
   const findChild = item => {
     if (!item) {
       return;
     }
-
     const {
       children
     } = item;
     const isLeaf = !isValid(children);
-
     if (isLeaf) {
       res.push(item.key);
     } else {
@@ -257,7 +243,6 @@ export function findLeafKeys(keys, options) {
       });
     }
   };
-
   keys.forEach(item => {
     findChild(options[item]);
   });
@@ -276,36 +261,31 @@ export function findSiblingKeys(selectedKeys, options) {
 }
 export function findAncestorKeys(selectedKeys, options) {
   let self = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  const res = []; // Recursively find the parent element
-
+  const res = [];
+  // Recursively find the parent element
   const findPar = item => {
     if (item.parent) {
       res.push(item.parent.key);
       findPar(item.parent);
     }
   };
-
   selectedKeys.forEach(item => {
     options[item] && findPar(options[item]);
-
     if (self) {
       res.push(item);
     }
   });
   return res;
 }
-
 function getSortedKeyList(keyList, keyEntities) {
   const levelMap = {};
   keyList.forEach(key => {
     if (!keyEntities[key]) {
       return;
     }
-
     const {
       level
     } = keyEntities[key];
-
     if (levelMap[level]) {
       levelMap[level].push(key);
     } else {
@@ -314,7 +294,6 @@ function getSortedKeyList(keyList, keyEntities) {
   });
   return levelMap;
 }
-
 export function calcCheckedKeys(values, keyEntities) {
   const keyList = Array.isArray(values) ? values : [values];
   const descendantKeys = findDescendantKeys(keyList, keyEntities, true);
@@ -323,76 +302,63 @@ export function calcCheckedKeys(values, keyEntities) {
    * their descendants must be checked. That is to say, if the descendant nodes have
    *  disabled+unchecked nodes, their ancestor nodes will definitely not be checked
    */
-
   const checkedKeys = new Set([...descendantKeys]);
   let halfCheckedKeys = new Set([]);
   let visited = [];
   const levelMap = getSortedKeyList(keyList, keyEntities);
-
   const calcCurrLevel = node => {
     const {
       key,
       parent,
       level
-    } = node; // If the node does not have a parent node, or the node has been processed just now, no processing is done
-
+    } = node;
+    // If the node does not have a parent node, or the node has been processed just now, no processing is done
     if (!parent || visited.includes(key)) {
       return;
     }
-
-    const siblingKeys = findSiblingKeys([key], keyEntities); // visited for caching to avoid double counting
-
+    const siblingKeys = findSiblingKeys([key], keyEntities);
+    // visited for caching to avoid double counting
     visited = [...visited, ...siblingKeys];
     const allChecked = siblingKeys.every(siblingKey => checkedKeys.has(siblingKey));
-
     if (!allChecked) {
       const ancestorKeys = findAncestorKeys([key], keyEntities, false);
       halfCheckedKeys = new Set([...halfCheckedKeys, ...ancestorKeys]);
     } else {
-      checkedKeys.add(parent.key); // IMPORTANT! parent level may not exist in original level map; if add to the end directly may destroy the hierarchical order
-
+      checkedKeys.add(parent.key);
+      // IMPORTANT! parent level may not exist in original level map; if add to the end directly may destroy the hierarchical order
       if (level - 1 in levelMap && level) {
         levelMap[level - 1].push(parent.key);
       } else {
         levelMap[level - 1] = [parent.key];
       }
     }
-  }; // Loop keyList from deepest Level to topLevel, bottom up
-
-
+  };
+  // Loop keyList from deepest Level to topLevel, bottom up
   while (!_isEmpty(levelMap)) {
     const maxLevel = _max(Object.keys(levelMap).map(key => Number(key)));
-
     levelMap[maxLevel].forEach(key => calcCurrLevel(keyEntities[key]));
     delete levelMap[maxLevel];
   }
-
   return {
     checkedKeys,
     halfCheckedKeys
   };
 }
 /* Calculate the expanded node by key */
-
 export function calcExpandedKeys() {
   let keyList = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   let keyEntities = arguments.length > 1 ? arguments[1] : undefined;
   let autoExpandParent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
   if (!Array.isArray(keyList)) {
     keyList = [keyList];
   }
-
   if (autoExpandParent) {
     const ancestorKeys = findAncestorKeys(keyList, keyEntities, true);
     return new Set(ancestorKeys);
   }
-
   return new Set(keyList);
 }
 /* Calculate the expanded node by value */
-// eslint-disable-next-line max-len
-
 export function calcExpandedKeysForValues(value, keyEntities, isMultiple, valueEntities) {
   const keys = findKeysForValues(value, valueEntities, isMultiple);
   return new Set(findAncestorKeys(keys, keyEntities, false));
@@ -401,23 +367,19 @@ export function calcMotionKeys(oldKeySet, newKeySet, keyEntities) {
   let motionType = 'show';
   const oldKeys = [...oldKeySet];
   const newKeys = [...newKeySet];
-
   if (Math.abs(oldKeys.length - newKeys.length) !== 1) {
     return {
       motionType,
       motionKeys: []
     };
   }
-
   let diffKeys = [];
-
   if (oldKeys.length > newKeys.length) {
     motionType = 'hide';
     diffKeys = _difference(oldKeys, newKeys);
   } else {
     diffKeys = _difference(newKeys, oldKeys);
   }
-
   return {
     motionType: diffKeys.length === 1 ? motionType : 'show',
     motionKeys: diffKeys.length === 1 ? findDescendantKeys(diffKeys, keyEntities, false) : []
@@ -425,29 +387,24 @@ export function calcMotionKeys(oldKeySet, newKeySet, keyEntities) {
 }
 /**
  * @returns whether option includes sugInput.
- * When filterTreeNode is a function,returns the result of filterTreeNode which called with (sugInput, option).
+ * When filterTreeNode is a function,returns the result of filterTreeNode which called with (sugInput, target, option).
  */
-
 export function filter(sugInput, option, filterTreeNode, filterProps) {
   if (!filterTreeNode) {
     return true;
   }
-
   let filterFn = filterTreeNode;
   let target = option;
-
   if (typeof filterTreeNode === 'boolean') {
     filterFn = (targetVal, val) => {
       const input = targetVal.toLowerCase();
       return val.toString().toLowerCase().includes(input);
     };
   }
-
   if (filterProps) {
     target = option[filterProps];
   }
-
-  return filterFn(sugInput, target);
+  return filterFn(sugInput, target, option);
 }
 export function normalizedArr(val) {
   if (!Array.isArray(val)) {
@@ -456,25 +413,27 @@ export function normalizedArr(val) {
     return val;
   }
 }
+// flag is used to determine whether to return when the key does not belong to the keys in keyEntities
+// export function normalizeKeyList(keyList: any, keyEntities: KeyEntities, leafOnly = false) {
 export function normalizeKeyList(keyList, keyEntities) {
   let leafOnly = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  let flag = arguments.length > 3 ? arguments[3] : undefined;
   const res = [];
   const keyListSet = new Set(keyList);
-
   if (!leafOnly) {
     keyList.forEach(key => {
       if (!keyEntities[key]) {
+        if (flag) {
+          res.push(key);
+        }
         return;
       }
-
       const {
         parent
       } = keyEntities[key];
-
       if (parent && keyListSet.has(parent.key)) {
         return;
       }
-
       res.push(key);
     });
   } else {
@@ -482,49 +441,43 @@ export function normalizeKeyList(keyList, keyEntities) {
       if (keyEntities[key] && !isValid(keyEntities[key].children)) {
         res.push(key);
       }
+      // when key is not in keyEntities, if flag is true, key should be push in res
+      if (!keyEntities[key] && flag) {
+        res.push(key);
+      }
     });
   }
-
   return res;
 }
 export function getMotionKeys(eventKey, expandedKeys, keyEntities) {
   const res = [];
-
   const getChild = itemKey => {
     keyEntities[itemKey].children && keyEntities[itemKey].children.forEach(item => {
       const {
         key
       } = item;
       res.push(key);
-
       if (expandedKeys.has(key)) {
         getChild(key);
       }
     });
   };
-
   getChild(eventKey);
   return res;
-} // eslint-disable-next-line max-len
-
+}
 export function calcCheckedKeysForChecked(key, keyEntities, checkedKeys, halfCheckedKeys) {
   const descendantKeys = findDescendantKeys([key], keyEntities, true);
   const nodeItem = keyEntities[key];
   checkedKeys = new Set([...checkedKeys, key]);
-
   const calcCurrLevel = node => {
     if (!node.parent) {
       return;
-    } // eslint-disable-next-line @typescript-eslint/no-shadow
-
-
+    }
     const {
       key
     } = node;
-    const siblingKeys = findSiblingKeys([key], keyEntities); // eslint-disable-next-line @typescript-eslint/no-shadow
-
+    const siblingKeys = findSiblingKeys([key], keyEntities);
     const allChecked = siblingKeys.every(key => checkedKeys.has(key));
-
     if (!allChecked) {
       const ancestorKeys = findAncestorKeys([key], keyEntities, false);
       halfCheckedKeys = new Set([...halfCheckedKeys, ...ancestorKeys]);
@@ -534,14 +487,12 @@ export function calcCheckedKeysForChecked(key, keyEntities, checkedKeys, halfChe
       calcCurrLevel(par);
     }
   };
-
   calcCurrLevel(nodeItem);
   return {
     checkedKeys: new Set([...checkedKeys, ...descendantKeys]),
     halfCheckedKeys
   };
-} // eslint-disable-next-line max-len
-
+}
 export function calcCheckedKeysForUnchecked(key, keyEntities, checkedKeys, halfCheckedKeys) {
   const descendantKeys = findDescendantKeys([key], keyEntities, true);
   const nodeItem = keyEntities[key];
@@ -549,55 +500,47 @@ export function calcCheckedKeysForUnchecked(key, keyEntities, checkedKeys, halfC
     if (checkedKeys.has(descendantKey)) {
       checkedKeys.delete(descendantKey);
     }
-
     if (halfCheckedKeys.has(descendantKey)) {
       halfCheckedKeys.delete(descendantKey);
     }
   });
-
   const calcCurrLevel = node => {
-    const par = node.parent; // no parent
-
+    const par = node.parent;
+    // no parent
     if (!par) {
       return;
-    } // Has a parent node, and the parent node is not checked or halfChecked
-
-
+    }
+    // Has a parent node, and the parent node is not checked or halfChecked
     if (!checkedKeys.has(par.key) && !halfCheckedKeys.has(par.key)) {
       return;
-    } // Has a parent node, and the parent node is checked or halfChecked
-    // eslint-disable-next-line @typescript-eslint/no-shadow
-
-
+    }
+    // Has a parent node, and the parent node is checked or halfChecked
     const {
       key
     } = node;
-    const siblingKeys = findSiblingKeys([key], keyEntities); // eslint-disable-next-line @typescript-eslint/no-shadow
-
+    const siblingKeys = findSiblingKeys([key], keyEntities);
     const anyChecked = siblingKeys.some(key => checkedKeys.has(key) || halfCheckedKeys.has(key));
-    const ancestorKeys = findAncestorKeys([key], keyEntities, false); // If there is checked or halfChecked in the sibling node, you need to change the parent node to halfChecked
-
+    const ancestorKeys = findAncestorKeys([key], keyEntities, false);
+    // If there is checked or halfChecked in the sibling node, you need to change the parent node to halfChecked
     if (anyChecked) {
       ancestorKeys.forEach(itemKey => {
         if (checkedKeys.has(itemKey)) {
           checkedKeys.delete(itemKey);
           halfCheckedKeys.add(itemKey);
         }
-      }); // If there is no checked or halfChecked in the sibling node, you need to change the parent node to unchecked
+      });
+      // If there is no checked or halfChecked in the sibling node, you need to change the parent node to unchecked
     } else {
       if (checkedKeys.has(par.key)) {
         checkedKeys.delete(par.key);
       }
-
       if (halfCheckedKeys.has(par.key)) {
         halfCheckedKeys.delete(par.key);
       }
-
       calcCurrLevel(par);
     }
   };
-
-  calcCurrLevel(nodeItem);
+  nodeItem && calcCurrLevel(nodeItem);
   return {
     checkedKeys,
     halfCheckedKeys
@@ -611,40 +554,39 @@ export function filterTreeData(info) {
     treeData,
     filterTreeNode,
     filterProps,
-    prevExpandedKeys
+    prevExpandedKeys,
+    keyMaps
   } = info;
   let filteredOptsKeys = [];
   filteredOptsKeys = Object.values(keyEntities).filter(item => filter(inputValue, item.data, filterTreeNode, filterProps)).map(item => item.key);
   let expandedOptsKeys = findAncestorKeys(filteredOptsKeys, keyEntities, false);
-
   if (prevExpandedKeys.length) {
     const prevExpandedValidKeys = prevExpandedKeys.filter(key => Boolean(keyEntities[key]));
     expandedOptsKeys = expandedOptsKeys.concat(prevExpandedValidKeys);
   }
-
   const shownChildKeys = findDescendantKeys(filteredOptsKeys, keyEntities, true);
   const filteredShownKeys = new Set([...shownChildKeys, ...expandedOptsKeys]);
-  const flattenNodes = flattenTreeData(treeData, new Set(expandedOptsKeys), showFilteredOnly && filteredShownKeys);
+  const flattenNodes = flattenTreeData(treeData, new Set(expandedOptsKeys), keyMaps, showFilteredOnly && filteredShownKeys);
   return {
     flattenNodes,
     filteredKeys: new Set(filteredOptsKeys),
     filteredExpandedKeys: new Set(expandedOptsKeys),
     filteredShownKeys
   };
-} // return data.value if data.value exist else fall back to key
-
-export function getValueOrKey(data) {
+}
+// return data.value if data.value exist else fall back to key
+export function getValueOrKey(data, keyMaps) {
+  const valueName = _get(keyMaps, 'value', 'value');
+  const keyName = _get(keyMaps, 'key', 'key');
   if (Array.isArray(data)) {
-    return data.map(item => _get(item, 'value', item.key));
+    return data.map(item => _get(item, valueName, item[keyName]));
   }
-
-  return _get(data, 'value', data.key);
+  return _get(data, valueName, data[keyName]);
 }
 /* Convert value to string */
-
-export function normalizeValue(value, withObject) {
+export function normalizeValue(value, withObject, keyMaps) {
   if (withObject && isValid(value)) {
-    return getValueOrKey(value);
+    return getValueOrKey(value, keyMaps);
   } else {
     return value;
   }
@@ -653,8 +595,9 @@ export function updateKeys(keySet, keyEntities) {
   const keyArr = [...keySet];
   return keyArr.filter(key => key in keyEntities);
 }
-export function calcDisabledKeys(keyEntities) {
-  const disabledKeys = Object.keys(keyEntities).filter(key => keyEntities[key].data.disabled);
+export function calcDisabledKeys(keyEntities, keyMaps) {
+  const disabledName = _get(keyMaps, 'disabled', 'disabled');
+  const disabledKeys = Object.keys(keyEntities).filter(key => keyEntities[key].data[disabledName]);
   const {
     checkedKeys
   } = calcCheckedKeys(disabledKeys, keyEntities);
@@ -668,23 +611,21 @@ export function calcDropRelativePosition(event, treeNode) {
     top,
     bottom,
     height
-  } = treeNode.nodeInstance.getBoundingClientRect(); // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
-
+  } = treeNode.nodeInstance.getBoundingClientRect();
+  // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
   if (clientY <= top + height * DRAG_OFFSET) {
     return -1;
   }
-
   if (clientY >= bottom - height * DRAG_OFFSET) {
     return 1;
   }
-
   return 0;
 }
 export function getDragNodesKeys(key, keyEntities) {
   return findDescendantKeys([key], keyEntities, true);
 }
 export function calcDropActualPosition(pos, relativeDropPos) {
-  const posArr = pos.split('-'); // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
-
+  const posArr = pos.split('-');
+  // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
   return relativeDropPos + Number(posArr[posArr.length - 1]);
 }