GT2/Ejectable/node_modules/react-native-web/dist/exports/UIManager/index.js

137 lines
3.7 KiB
JavaScript
Raw Normal View History

2021-08-16 00:14:59 +00:00
/**
* Copyright (c) Nicolas Gallagher.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
*
*/
import getBoundingClientRect from '../../modules/getBoundingClientRect';
import setValueForStyles from '../../vendor/react-dom/setValueForStyles';
var getRect = function getRect(node) {
// Unlike the DOM's getBoundingClientRect, React Native layout measurements
// for "height" and "width" ignore scale transforms.
// https://developer.mozilla.org/en-US/docs/Web/API/CSS_Object_Model/Determining_the_dimensions_of_elements
var _getBoundingClientRec = getBoundingClientRect(node),
x = _getBoundingClientRec.x,
y = _getBoundingClientRec.y,
top = _getBoundingClientRec.top,
left = _getBoundingClientRec.left;
var width = node.offsetWidth;
var height = node.offsetHeight;
return {
x: x,
y: y,
width: width,
height: height,
top: top,
left: left
};
};
var _measureLayout = function measureLayout(node, relativeToNativeNode, callback) {
var relativeNode = relativeToNativeNode || node && node.parentNode;
if (node && relativeNode) {
setTimeout(function () {
var relativeRect = getBoundingClientRect(relativeNode);
var _getRect = getRect(node),
height = _getRect.height,
left = _getRect.left,
top = _getRect.top,
width = _getRect.width;
var x = left - relativeRect.left;
var y = top - relativeRect.top;
callback(x, y, width, height, left, top);
}, 0);
}
};
var focusableElements = {
A: true,
INPUT: true,
SELECT: true,
TEXTAREA: true
};
var UIManager = {
blur: function blur(node) {
try {
node.blur();
} catch (err) {}
},
focus: function focus(node) {
try {
var name = node.nodeName; // A tabIndex of -1 allows element to be programmatically focused but
// prevents keyboard focus, so we don't want to set the value on elements
// that support keyboard focus by default.
if (node.getAttribute('tabIndex') == null && focusableElements[name] == null) {
node.setAttribute('tabIndex', '-1');
}
node.focus();
} catch (err) {}
},
measure: function measure(node, callback) {
_measureLayout(node, null, callback);
},
measureInWindow: function measureInWindow(node, callback) {
if (node) {
setTimeout(function () {
var _getRect2 = getRect(node),
height = _getRect2.height,
left = _getRect2.left,
top = _getRect2.top,
width = _getRect2.width;
callback(left, top, width, height);
}, 0);
}
},
measureLayout: function measureLayout(node, relativeToNativeNode, onFail, onSuccess) {
_measureLayout(node, relativeToNativeNode, onSuccess);
},
updateView: function updateView(node, props) {
for (var prop in props) {
if (!Object.prototype.hasOwnProperty.call(props, prop)) {
continue;
}
var value = props[prop];
switch (prop) {
case 'style':
{
setValueForStyles(node, value);
break;
}
case 'class':
case 'className':
{
node.setAttribute('class', value);
break;
}
case 'text':
case 'value':
// native platforms use `text` prop to replace text input value
node.value = value;
break;
default:
node.setAttribute(prop, value);
}
}
},
configureNextLayoutAnimation: function configureNextLayoutAnimation(config, onAnimationDidEnd) {
onAnimationDidEnd();
},
// mocks
setLayoutAnimationEnabledExperimental: function setLayoutAnimationEnabledExperimental() {}
};
export default UIManager;