@bytedance/mona-client-web
Version:
web for mona
35 lines • 1.82 kB
JavaScript
import React from 'react';
import { formatTouchEvent } from '../utils';
import styles from './index.module.less';
var stopPropagation = function (e) {
e.stopPropagation();
};
var maskStyle = {
bottom: 0,
position: 'absolute',
left: 0,
right: 0,
background: 'white',
};
var PickerMask = function (_a) {
var visible = _a.visible, children = _a.children, onConfirm = _a.onConfirm, onCancel = _a.onCancel;
if (visible) {
return (React.createElement("div", { className: styles.monaPickerModal, onTouchStart: function (e) {
stopPropagation(e);
onCancel === null || onCancel === void 0 ? void 0 : onCancel(formatTouchEvent({ event: e, type: 'change' }));
}, onClick: stopPropagation, onMouseDown: stopPropagation },
React.createElement("div", { style: maskStyle, onTouchStart: stopPropagation },
React.createElement("div", { className: styles.pickerWrapper },
React.createElement("div", { className: styles.pickerWrapperHeader },
React.createElement("div", { className: styles.pickerWrapperHeaderCancel, onTouchStart: function (e) {
onCancel === null || onCancel === void 0 ? void 0 : onCancel(formatTouchEvent({ event: e, type: 'change' }));
} }, "\u53D6\u6D88"),
React.createElement("div", { className: styles.pickerWrapperHeaderConfirm, onTouchStart: function (e) {
onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(formatTouchEvent({ event: e, type: 'change' }));
} }, "\u786E\u5B9A")),
children))));
}
return null;
};
export default PickerMask;
//# sourceMappingURL=mask.js.map