@alifd/next
Version:
A configurable component library for web built on React.
64 lines (63 loc) • 1.97 kB
JavaScript
import React from 'react';
export var triggerEvents = {
CLICK: 'click',
HOVER: 'hover',
};
export function getOffsetWH(node, tabPosition) {
var prop = 'width';
if (tabPosition === 'left' || tabPosition === 'right') {
prop = 'height';
}
return node ? node.getBoundingClientRect()[prop] : 0;
}
export function getOffsetLT(node, tabPosition) {
var prop = 'left';
if (tabPosition === 'left' || tabPosition === 'right') {
prop = 'top';
}
return node.getBoundingClientRect()[prop];
}
export function isTransformSupported(style) {
return 'transform' in style || 'webkitTransform' in style || 'MozTransform' in style;
}
export function toArray(children) {
var ret = [];
React.Children.forEach(children, function (child, index) {
if (React.isValidElement(child)) {
var props = {
key: child.key || index,
title: child.props.title || child.props.tab,
};
ret.push(React.cloneElement(child, props));
}
});
return ret;
}
/**
* tab数组浅比较
* @param arrA - 更新后的数组
* @param arrB - 原数组
* @returns 数组浅比较是否相等
* @example
* arr.tabsArrayShallowEqual(['2','3','4'], ['2','5','4']); // false
*/
export function tabsArrayShallowEqual(arrA, arrB) {
// 相同地址的返回true，不需要更新数据（更新数据的基础是props数据与当前获取的值不同）
if (arrA === arrB) {
return true;
}
// 判断：调用的值/是否为数组/数组的长度
if (!arrA ||
!arrB ||
typeof arrA + typeof arrB !== 'objectobject' ||
arrA.length !== arrB.length) {
return false;
}
// 判断tabs的key与title是否更改
for (var i = 0; i < arrA.length; i++) {
if (arrA[i].key !== arrB[i].key || arrA[i].props.title !== arrB[i].props.title) {
return false;
}
}
return true;
}