rc-virtual-keyboard
Version:
58 lines • 2.96 kB
JavaScript
import React from 'react';
import "./style.css";
import { backgroundAudioKeys, positionKeys, themeKeys } from "../keys";
var SettingKeyboard = function SettingKeyboard(_ref) {
var themeMode = _ref.themeMode,
positionMode = _ref.positionMode,
vkbKeydownAudio = _ref.vkbKeydownAudio,
_onClick = _ref.onClick;
return /*#__PURE__*/React.createElement("div", {
className: "setting-keyboard"
}, /*#__PURE__*/React.createElement("div", {
className: "setting-keyboard-item"
}, /*#__PURE__*/React.createElement("div", null, "\u4E3B\u9898\u914D\u7F6E\uFF1A"), /*#__PURE__*/React.createElement("div", {
className: "setting-keyboard-box"
}, themeKeys === null || themeKeys === void 0 ? void 0 : themeKeys.map(function (item) {
return /*#__PURE__*/React.createElement("div", {
className: "setting-keyboard-wrapper",
key: item.keyCode
}, /*#__PURE__*/React.createElement("div", {
className: "setting-keyboard-box-item ".concat(item.code === themeMode ? 'setting-keyboard-box-item-active' : ''),
onClick: function onClick() {
return _onClick(item);
},
title: item.description
}, item.renderKey || item.key), /*#__PURE__*/React.createElement("div", null, item.description));
}))), /*#__PURE__*/React.createElement("div", {
className: "setting-keyboard-item"
}, /*#__PURE__*/React.createElement("div", null, "\u952E\u76D8\u4F4D\u7F6E\uFF1A"), /*#__PURE__*/React.createElement("div", {
className: "setting-keyboard-box"
}, positionKeys === null || positionKeys === void 0 ? void 0 : positionKeys.map(function (item) {
return /*#__PURE__*/React.createElement("div", {
className: "setting-keyboard-wrapper",
key: item.keyCode
}, /*#__PURE__*/React.createElement("div", {
className: "setting-keyboard-box-item ".concat(item.code === positionMode ? 'setting-keyboard-box-item-active' : ''),
onClick: function onClick() {
return _onClick(item);
},
title: item.description
}, item.renderKey || item.key), /*#__PURE__*/React.createElement("div", null, item.description));
}))), /*#__PURE__*/React.createElement("div", {
className: "setting-keyboard-item"
}, /*#__PURE__*/React.createElement("div", null, "\u6309\u952E\u97F3\u6548\uFF1A"), /*#__PURE__*/React.createElement("div", {
className: "setting-keyboard-box"
}, backgroundAudioKeys === null || backgroundAudioKeys === void 0 ? void 0 : backgroundAudioKeys.map(function (item) {
return /*#__PURE__*/React.createElement("div", {
className: "setting-keyboard-wrapper",
key: item.keyCode
}, /*#__PURE__*/React.createElement("div", {
className: "setting-keyboard-box-item ".concat(vkbKeydownAudio === 'Y' ? 'setting-keyboard-box-item-active' : ''),
onClick: function onClick() {
return _onClick(item);
},
title: item.description
}, item.renderKey || item.key));
}))));
};
export default SettingKeyboard;