tplus-components-touch 3.54.1 → 3.55.1

package/dist/components/hotKey/hotKeyModal.js

@@ -0,0 +1,479 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.HotKeyModal = undefined;
+
+var _button = require('antd/es/button');
+
+var _button2 = _interopRequireDefault(_button);
+
+var _input = require('antd/es/input');
+
+var _input2 = _interopRequireDefault(_input);
+
+var _popover = require('antd/es/popover');
+
+var _popover2 = _interopRequireDefault(_popover);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _promise = require('babel-runtime/core-js/promise');
+
+var _promise2 = _interopRequireDefault(_promise);
+
+var _class, _temp, _initialiseProps;
+
+exports.showHotKeyModal = showHotKeyModal;
+
+require('antd/es/button/style');
+
+require('antd/es/input/style');
+
+require('antd/es/popover/style');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _tplusComponentsTouch = require('tplus-components-touch');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function showHotKeyModal(keyList, Title, defaultValue, operationType) {
+    return new _promise2.default(function (resolve, reject) {
+        var modal = (0, _tplusComponentsTouch.modalShower)({
+            maskClosable: false,
+            closable: true,
+            closeButton: true,
+            width: '400px',
+            className: "ondutywin",
+            content: _react2.default.createElement(HotKeyModal, { keyList: keyList, label: Title, operationType: operationType, defaultValue: defaultValue, onCancel: function onCancel() {
+                    modal.destroy();resolve({ state: false, value: "" });
+                }, onShift: function onShift(value) {
+                    resolve({ state: true, value: value });modal.destroy();
+                } })
+        });
+    });
+}
+
+// special keys
+var _MAP = {
+    backspace: 8, tab: 9, clear: 12,
+    enter: 13, 'return': 13,
+    esc: 27, escape: 27, space: 32,
+    left: 37, up: 38,
+    right: 39, down: 40,
+    del: 46, 'delete': 46,
+    home: 36, end: 35,
+    pageup: 33, pagedown: 34,
+    ',': 188, '.': 190, '/': 191,
+    '`': 192, '-': 189, '=': 187,
+    ';': 186, '\'': 222,
+    '[': 219, ']': 221, '\\': 220
+};
+
+var SINGLE_NUMBER_BETWEEN = [48, 57];
+var CHAR_NUMBER_BETWEEN = [65, 90];
+
+var HotKeyModal = exports.HotKeyModal = (_temp = _class = function (_React$Component) {
+    (0, _inherits3.default)(HotKeyModal, _React$Component);
+
+    function HotKeyModal(props) {
+        (0, _classCallCheck3.default)(this, HotKeyModal);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (HotKeyModal.__proto__ || (0, _getPrototypeOf2.default)(HotKeyModal)).call(this, props));
+
+        _initialiseProps.call(_this);
+
+        var defaultValue = _this.props.defaultValue;
+
+        _this.state = {
+            value: defaultValue || '',
+            stack: [],
+            canShift: false,
+            inputErrorString: "",
+            valueToString: _this.changeToTranslate(defaultValue || "")
+        };
+        return _this;
+    }
+
+    (0, _createClass3.default)(HotKeyModal, [{
+        key: 'componentWillMount',
+        value: function componentWillMount() {
+            document.addEventListener("keydown", this.keydownHandle, true);
+            document.addEventListener("keyup", this.keyupHandle, true);
+        }
+    }, {
+        key: 'componentWillUnmount',
+        value: function componentWillUnmount() {
+            document.removeEventListener("keydown", this.keydownHandle, true);
+            document.removeEventListener("keyup", this.keyupHandle, true);
+        }
+    }, {
+        key: 'componentDidMount',
+        value: function componentDidMount() {
+            var that = this;
+            setTimeout(function () {
+                that.inputTarget.input.focus();
+            }, 100);
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this2 = this;
+
+            var content = _react2.default.createElement(
+                'div',
+                { className: 'help-word-div' },
+                '\u4E00\uFF0C\u63D0\u4F9B\u4EE5\u4E0B\u53EF\u8BBE\u7F6E\u7684\u5FEB\u6377\u952E\uFF1A',
+                _react2.default.createElement('br', null),
+                '1.\u5355\u4E2A\u6309\u952E\uFF1A\uFF08F1~F12\uFF09\u3001\uFF08\u4E0A\u4E0B\u5DE6\u53F3\u7BAD\u5934\uFF09\u3001\u7A7A\u683C\u952E\u3001Tab\u3001Delete\u3001End\u3001PageUp\u3001PageDown\uFF0CHome\u952E\u7B49\u3002',
+                _react2.default.createElement('br', null),
+                '2.\u53CC\u4F4D\u7EC4\u5408\u952E\uFF1ACtrl+\u5355\u952E\u3001Alt+\u4EE5\u4E0A\u5355\u952E\u3001Shift+\u5355\u952E\u7B49\u3002',
+                _react2.default.createElement('br', null),
+                '3.\u4E09\u4F4D\u7EC4\u5408\u952E\uFF1ACtrl+Shift+\u5355\u952E\u3001Ctrl+Alt+\u5355\u952E\u7B49\u3002',
+                _react2.default.createElement('br', null),
+                '\u4E8C\uFF0C \u5F53\u60A8\u9700\u8981\u4FEE\u6539\u8BBE\u7F6E\u952E\u65F6\uFF0C\u8BF7\u5728\u4FEE\u6539\u9875\u9762\u76F4\u63A5\u6309\u4E0B\u60A8\u7684\u76EE\u6807\u5FEB\u6377\u952E\u5E76\u786E\u5B9A\u5373\u53EF\u3002',
+                _react2.default.createElement('br', null),
+                '\u4E09\uFF0C \u5982\u6709\u4E0D\u751F\u6548\u7684\u6309\u952E\u8BF7\u6362\u4E00\u4E2A\u8BD5\u8BD5\u3002'
+            );
+
+            var _state = this.state,
+                valueToString = _state.valueToString,
+                inputErrorString = _state.inputErrorString,
+                canShift = _state.canShift;
+            var label = this.props.label;
+
+            return _react2.default.createElement(
+                'div',
+                { className: 'ondutyouter quick_modle' },
+                _react2.default.createElement(
+                    'div',
+                    { className: 'hot-key-modle-title' },
+                    _react2.default.createElement(
+                        'h4',
+                        { className: 'hot-key-title-h4' },
+                        '\u7F16\u8F91\u5FEB\u6377\u952E'
+                    ),
+                    _react2.default.createElement(
+                        _popover2.default,
+                        { overlayClassName: 'hot-key-popover', placement: 'bottomLeft', trigger: "click", content: content, arrowPointAtCenter: true },
+                        _react2.default.createElement(_tplusComponentsTouch.Ticon, { type: 'bangzhu', className: 'bangzhu primary-color' })
+                    )
+                ),
+                _react2.default.createElement(
+                    'div',
+                    { className: 'body' },
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'onduty' },
+                        _react2.default.createElement(
+                            'div',
+                            { className: 'row' },
+                            _react2.default.createElement(
+                                'div',
+                                { className: 'content' },
+                                _react2.default.createElement(
+                                    'div',
+                                    { className: 'input_content' },
+                                    _react2.default.createElement(
+                                        'span',
+                                        { className: 'input_content_label' },
+                                        label + '\uFF1A'
+                                    ),
+                                    _react2.default.createElement(
+                                        'div',
+                                        { className: 'input_content_right' },
+                                        _react2.default.createElement(_input2.default, {
+                                            type: 'text',
+                                            value: valueToString,
+                                            autoFocus: true,
+                                            ref: function ref(_ref) {
+                                                return _this2.inputTarget = _ref;
+                                            }
+                                        }),
+                                        _react2.default.createElement(
+                                            'div',
+                                            { className: 'input_error' },
+                                            inputErrorString ? _react2.default.createElement(
+                                                'span',
+                                                { className: 'input_error_span error-color' },
+                                                inputErrorString
+                                            ) : null,
+                                            _react2.default.createElement(
+                                                'span',
+                                                { className: 'input_error_mark' },
+                                                '\u6CE8\uFF1A\u8BF7\u76F4\u63A5\u6309\u4E0B\u6240\u9700\u5FEB\u6377\u952E'
+                                            )
+                                        )
+                                    )
+                                )
+                            )
+                        )
+                    )
+                ),
+                _react2.default.createElement(
+                    'div',
+                    { className: 'footer' },
+                    _react2.default.createElement(
+                        'div',
+                        { className: 'onduty' },
+                        _react2.default.createElement(
+                            _button2.default,
+                            { onClick: this.onCancel },
+                            '\u53D6\u6D88'
+                        ),
+                        canShift ? _react2.default.createElement(
+                            _button2.default,
+                            { type: 'primary', onClick: this.onShift },
+                            '\u786E\u5B9A'
+                        ) : _react2.default.createElement(
+                            _button2.default,
+                            { disabled: true, onClick: this.onShift },
+                            '\u786E\u5B9A'
+                        )
+                    )
+                )
+            );
+        }
+    }]);
+    return HotKeyModal;
+}(_react2.default.Component), _class.defaultProps = {
+    defaultValue: '',
+    keyList: [],
+    label: "",
+    operationType: 1,
+    onSuccess: function onSuccess() {},
+    onCancel: function onCancel() {},
+    onShift: function onShift() {}
+
+}, _initialiseProps = function _initialiseProps() {
+    var _this3 = this;
+
+    this.keydownHandle = function (e) {
+        var value = _this3.getKeyEventString(e);
+
+        // let keyString = "";
+        // // 替换上下左右
+        // if(keyString.indexOf("ARROWLEFT") !== -1 && keyString.indexOf("PAGE") == -1){
+        //     keyString = keyString.replace(/ARROWLEFT/g,"LEFT")
+        // }
+        // if(keyString.indexOf("ARROWRIGHT") !== -1 && keyString.indexOf("PAGE") == -1){
+        //     keyString = keyString.replace(/ARROWRIGHT/g,"RIGHT")
+        // }
+        // if(keyString.indexOf("ARROWDOWN") !== -1 && keyString.indexOf("PAGE") == -1){
+        //     keyString = keyString.replace(/ARROWDOWN/g,"DOWN")
+        // }
+        // if(keyString.indexOf("ARROWUP") !== -1 && keyString.indexOf("PAGE") == -1){
+        //     keyString = keyString.replace(/ARROWUP/g,"UP")
+        // }
+
+        var _checkKeyValueCanSave = _this3.checkKeyValueCanSave(value, e.keyCode),
+            result = _checkKeyValueCanSave.result,
+            message = _checkKeyValueCanSave.message;
+
+        _this3.setState({
+            value: value,
+            valueToString: _this3.changeToTranslate(value)
+        });
+        if (result && !_this3.state.canShift) {
+            _this3.setState({
+                canShift: true,
+                inputErrorString: ""
+            });
+        }
+        if (!result) {
+            _this3.setState({
+                canShift: false,
+                inputErrorString: message
+            });
+        }
+        return;
+    };
+
+    this.checkKeyValueCanSave = function (keyValue, keyCode) {
+        var _props = _this3.props,
+            defaultValue = _props.defaultValue,
+            keyList = _props.keyList;
+
+        if (keyValue === "") return { result: false, message: "快捷键不能为空" };
+
+        if (keyValue.toLocaleUpperCase() == 'INSERT'.toLocaleUpperCase()) return { result: false, message: "INSERT不支持快捷键设置,请重新输入" };
+
+        if (keyValue.toLocaleUpperCase() == 'SHIFT'.toLocaleUpperCase()) return { result: false, message: "SHIFT不可单键设置,请重新输入" };
+
+        if (keyValue.toLocaleUpperCase() == 'CTRL+SHIFT'.toLocaleUpperCase()) return { result: false, message: "CTRL+SHIFT不可单组合设置,请重新输入" };
+
+        if (keyValue.toLocaleUpperCase() == 'SHIFT+ALT'.toLocaleUpperCase()) return { result: false, message: "SHIFT+ALT不可单组合设置,请重新输入" };
+
+        if (keyValue.toLocaleUpperCase() == 'ALT+CAPSLOCK'.toLocaleUpperCase()) return { result: false, message: "ALT+CAPSLOCK不可单组合设置,请重新输入" };
+
+        if (keyValue.toLocaleUpperCase() == 'CTRL+CAPSLOCK'.toLocaleUpperCase()) return { result: false, message: "CTRL+CAPSLOCK不可单组合设置,请重新输入" };
+
+        if (keyValue.toLocaleUpperCase() == 'CTRL'.toLocaleUpperCase()) return { result: false, message: "CTRL不可单键设置,请重新输入" };
+
+        if (keyValue.toLocaleUpperCase() == 'ALT'.toLocaleUpperCase()) return { result: false, message: "ALT不可单键设置,请重新输入" };
+
+        if (keyValue.toLocaleUpperCase() == 'CAPSLOCK'.toLocaleUpperCase()) return { result: false, message: "CAPSLOCK不可单键设置,请重新输入" };
+
+        if (keyValue.toLocaleUpperCase() == 'ENTER'.toLocaleUpperCase()) return { result: false, message: "ENTER不可单键设置,请重新输入" };
+
+        if (keyValue.toLocaleUpperCase() == 'PROCESS'.toLocaleUpperCase()) return { result: false, message: "请切换英文输入法再次尝试或者您也可以换一个快捷键" };
+
+        if (keyValue.toLocaleUpperCase() === (defaultValue ? defaultValue.toLocaleUpperCase() : "")) return { result: false, message: "快捷键未发生改变,重新输入" };
+
+        if (keyValue && (keyValue + "").split('+').length <= 1) {
+            if (keyCode >= SINGLE_NUMBER_BETWEEN[0] && keyCode <= SINGLE_NUMBER_BETWEEN[1]) {
+                return { result: false, message: "数字键不可单键设置,重新输入" };
+            }
+            if (keyCode >= CHAR_NUMBER_BETWEEN[0] && keyCode <= CHAR_NUMBER_BETWEEN[1]) {
+                return { result: false, message: "字母不可单键设置,重新输入" };
+            }
+        }
+
+        // 检查快捷键是否重复，  应该按照不同的页面查找
+        var ishaveCommon = false;
+        keyList.forEach(function (element) {
+            //  获取页面所属
+            var operationType = element.operationType;
+            // 判断是否是相同所属页面  如果是 则 相同键不能设置
+
+            if (operationType == _this3.props.operationType) {
+                if (element.keyValue.toLocaleUpperCase() === keyValue.toLocaleUpperCase()) {
+                    ishaveCommon = true;
+                }
+            }
+        });
+        if (ishaveCommon) return { result: false, message: "当前快捷键已存在，请重新输入" };
+        return { result: true };
+    };
+
+    this.getKeyEventString = function (keyEvent) {
+        var keyString = '';
+        // command key
+        if (keyEvent.metaKey) {
+            keyString = '';
+        }
+
+        if (keyEvent.ctrlKey) {
+            keyString += keyString !== '' ? '+ctrl' : 'ctrl';
+        }
+
+        if (keyEvent.shiftKey) {
+            keyString += keyString !== '' ? '+shift' : 'shift';
+        }
+
+        if (keyEvent.altKey) {
+            keyString += keyString !== '' ? '+alt' : 'alt';
+            if (keyEvent.keyCode >= SINGLE_NUMBER_BETWEEN[0] && keyEvent.keyCode <= SINGLE_NUMBER_BETWEEN[1]) {
+                // alt key down && current Pressed key  is number key
+                keyString += '+';
+                keyString += keyEvent.keyCode - SINGLE_NUMBER_BETWEEN[0];
+                return keyString;
+            } else if (keyEvent.keyCode >= CHAR_NUMBER_BETWEEN[0] && keyEvent.keyCode <= CHAR_NUMBER_BETWEEN[1]) {
+                // alt key down && current Pressed key  is char key   'a'.charCodeAt() -  65 = 32;
+                keyString += '+';
+                keyString += String.fromCharCode(keyEvent.keyCode + 32);
+                return keyString;
+            }
+        }
+        if (keyEvent.keyCode != 16 && keyEvent.keyCode != 17 && keyEvent.keyCode != 18 && keyEvent.keyCode != 91) {
+            keyString += keyString == '' ? '' : '+';
+
+            if (keyEvent.keyCode == 37) {
+                keyString += 'LEFT';
+                return keyString;
+            }
+            if (keyEvent.keyCode == 38) {
+                keyString += 'UP';
+                return keyString;
+            }
+            if (keyEvent.keyCode == 39) {
+                keyString += 'RIGHT';
+                return keyString;
+            }
+            if (keyEvent.keyCode == 40) {
+                keyString += 'DOWN';
+                return keyString;
+            }
+            // 空格
+            if (keyEvent.keyCode == 32) {
+                keyString += 'SPACE';
+                return keyString;
+            }
+            if (keyEvent.keyCode >= SINGLE_NUMBER_BETWEEN[0] && keyEvent.keyCode <= SINGLE_NUMBER_BETWEEN[1]) {
+                keyString += keyEvent.keyCode - SINGLE_NUMBER_BETWEEN[0];
+                return keyString;
+            }
+
+            if (keyEvent.keyCode >= CHAR_NUMBER_BETWEEN[0] && keyEvent.keyCode <= CHAR_NUMBER_BETWEEN[1]) {
+                // alt key down && current Pressed key  is char key   'a'.charCodeAt() -  65 = 32;
+                keyString += String.fromCharCode(keyEvent.keyCode + 32);
+                return keyString;
+            }
+
+            // shift+char 特殊组合键  keyCode恒定为229
+            if (keyEvent.keyCode == 229) {
+                keyString += keyEvent.key.toLocaleUpperCase();
+                return keyString;
+            }
+
+            keyString += keyEvent.code.toLocaleUpperCase();
+        }
+        return keyString;
+    };
+
+    this.onCancel = function () {
+        _this3.props.onCancel();
+    };
+
+    this.onShift = function () {
+        _this3.props.onShift(_this3.state.value ? _this3.state.value.toLocaleLowerCase() : "");
+    };
+
+    this.changeToTranslate = function (stateValue) {
+        if (stateValue !== undefined) {
+            var valueToString = void 0;
+            if (stateValue.toLocaleLowerCase() !== "pagedown" && stateValue.toLocaleLowerCase() !== "pageup") {
+                _tplusComponentsTouch.hotKey.keyReplaceStringList.forEach(function (_ref2) {
+                    var key = _ref2.key,
+                        value = _ref2.value;
+
+                    if (stateValue.toLocaleLowerCase().indexOf(key.toLocaleLowerCase()) !== -1) {
+                        var newRe = new RegExp(key.toLocaleLowerCase(), "g");
+                        valueToString = typeof valueToString !== "undefined" ? valueToString.toLocaleLowerCase().replace(newRe, value) : stateValue.toLocaleLowerCase().replace(newRe, value);
+                    }
+                });
+                if (typeof valueToString === "undefined") {
+                    valueToString = stateValue;
+                }
+            } else {
+                valueToString = stateValue;
+            }
+            valueToString = valueToString.toLocaleUpperCase();
+            return valueToString;
+        }
+        return "";
+    };
+}, _temp);
+//# sourceMappingURL=hotKeyModal.js.map

package/dist/components/hotKey/hotKeyModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["tplus-components-touch/components/hotKey/hotKeyModal.js"],"names":["showHotKeyModal","keyList","Title","defaultValue","operationType","resolve","reject","modal","maskClosable","closable","closeButton","width","className","content","destroy","state","value","_MAP","backspace","tab","clear","enter","esc","escape","space","left","up","right","down","del","home","end","pageup","pagedown","SINGLE_NUMBER_BETWEEN","CHAR_NUMBER_BETWEEN","HotKeyModal","props","stack","canShift","inputErrorString","valueToString","changeToTranslate","document","addEventListener","keydownHandle","keyupHandle","removeEventListener","that","setTimeout","inputTarget","input","focus","label","ref","onCancel","onShift","React","Component","defaultProps","onSuccess","e","getKeyEventString","checkKeyValueCanSave","keyCode","result","message","setState","keyValue","toLocaleUpperCase","split","length","ishaveCommon","forEach","element","keyEvent","keyString","metaKey","ctrlKey","shiftKey","altKey","String","fromCharCode","key","code","toLocaleLowerCase","stateValue","undefined","hotKey","keyReplaceStringList","indexOf","newRe","RegExp","replace"],"mappings":"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","file":"hotKeyModal.js","sourcesContent":["import React from 'react';\nimport { modalShower ,hotKey, Ticon} from 'tplus-components-touch'\nimport { Popover, Button, Input } from 'antd';\n\nexport function showHotKeyModal(keyList,Title,defaultValue,operationType){\n    return new Promise((resolve,reject)=>{\n        const modal = modalShower({\n            maskClosable: false,\n            closable: true,\n            closeButton:true,\n            width: '400px',\n            className:\"ondutywin\",\n            content: <HotKeyModal keyList={keyList} label={Title} operationType={operationType}  defaultValue={defaultValue}  onCancel={()=>{modal.destroy();resolve({state:false,value:\"\"})}} onShift={(value)=>{resolve({state:true,value});modal.destroy();}}></HotKeyModal>\n          })\n    })\n\n}\n\n// special keys\nconst  _MAP = {\n    backspace: 8, tab: 9, clear: 12,\n    enter: 13, 'return': 13,\n    esc: 27, escape: 27, space: 32,\n    left: 37, up: 38,\n    right: 39, down: 40,\n    del: 46, 'delete': 46,\n    home: 36, end: 35,\n    pageup: 33, pagedown: 34,\n    ',': 188, '.': 190, '/': 191,\n    '`': 192, '-': 189, '=': 187,\n    ';': 186, '\\'': 222,\n    '[': 219, ']': 221, '\\\\': 220\n  };\n\nconst SINGLE_NUMBER_BETWEEN = [48,57];\nconst CHAR_NUMBER_BETWEEN = [65,90];\n\n\n\n\nexport class HotKeyModal extends React.Component {\n    static defaultProps = {\n        defaultValue : '',\n        keyList : [],\n        label : \"\",\n        operationType : 1,\n        onSuccess : () =>{},\n        onCancel : () =>{},\n        onShift : () =>{}\n\n    }\n\n    constructor(props){\n        super(props)\n        const { defaultValue } = this.props;\n        this.state = {\n            value: defaultValue || '',\n            stack:[],\n            canShift:false,\n            inputErrorString:\"\",\n            valueToString: this.changeToTranslate(defaultValue || \"\")\n        }\n    }\n    componentWillMount(){\n        document.addEventListener(\"keydown\",this.keydownHandle,true);\n        document.addEventListener(\"keyup\",this.keyupHandle,true);\n    }\n    componentWillUnmount(){\n        document.removeEventListener(\"keydown\",this.keydownHandle,true);\n        document.removeEventListener(\"keyup\",this.keyupHandle,true);\n    }\n\n    componentDidMount(){\n        const that = this;\n        setTimeout(() => {\n            that.inputTarget.input.focus()\n        }, 100);\n    }\n\n    keydownHandle = (e) => {\n        const value  = this.getKeyEventString(e);\n\n        // let keyString = \"\";\n        // // 替换上下左右\n        // if(keyString.indexOf(\"ARROWLEFT\") !== -1 && keyString.indexOf(\"PAGE\") == -1){\n        //     keyString = keyString.replace(/ARROWLEFT/g,\"LEFT\")\n        // }\n        // if(keyString.indexOf(\"ARROWRIGHT\") !== -1 && keyString.indexOf(\"PAGE\") == -1){\n        //     keyString = keyString.replace(/ARROWRIGHT/g,\"RIGHT\")\n        // }\n        // if(keyString.indexOf(\"ARROWDOWN\") !== -1 && keyString.indexOf(\"PAGE\") == -1){\n        //     keyString = keyString.replace(/ARROWDOWN/g,\"DOWN\")\n        // }\n        // if(keyString.indexOf(\"ARROWUP\") !== -1 && keyString.indexOf(\"PAGE\") == -1){\n        //     keyString = keyString.replace(/ARROWUP/g,\"UP\")\n        // }\n\n        const {result,message} = this.checkKeyValueCanSave(value,e.keyCode );\n        this.setState({\n            value,\n            valueToString: this.changeToTranslate(value)\n        })\n        if(result && !this.state.canShift){\n            this.setState({\n                canShift:true,\n                inputErrorString:\"\"\n            })\n        }\n        if(!result){\n            this.setState({\n                canShift:false,\n                inputErrorString:message\n            })\n        }\n        return;\n    }\n    checkKeyValueCanSave = (keyValue,keyCode) => {\n        const {defaultValue,keyList} = this.props;\n        if (keyValue === \"\")\n            return { result: false, message: \"快捷键不能为空\" };\n\n        if (keyValue.toLocaleUpperCase() == 'INSERT'.toLocaleUpperCase())\n            return { result: false, message: \"INSERT不支持快捷键设置,请重新输入\" };\n\n        if (keyValue.toLocaleUpperCase() == 'SHIFT'.toLocaleUpperCase())\n            return { result: false, message: \"SHIFT不可单键设置,请重新输入\" };\n\n        if (keyValue.toLocaleUpperCase() == 'CTRL+SHIFT'.toLocaleUpperCase())\n            return { result: false, message: \"CTRL+SHIFT不可单组合设置,请重新输入\" };\n\n        if (keyValue.toLocaleUpperCase() == 'SHIFT+ALT'.toLocaleUpperCase())\n            return { result: false, message: \"SHIFT+ALT不可单组合设置,请重新输入\" };\n\n        if (keyValue.toLocaleUpperCase() == 'ALT+CAPSLOCK'.toLocaleUpperCase())\n            return { result: false, message: \"ALT+CAPSLOCK不可单组合设置,请重新输入\" };\n\n        if (keyValue.toLocaleUpperCase() == 'CTRL+CAPSLOCK'.toLocaleUpperCase())\n            return { result: false, message: \"CTRL+CAPSLOCK不可单组合设置,请重新输入\" };\n\n        if (keyValue.toLocaleUpperCase() == 'CTRL'.toLocaleUpperCase())\n            return { result: false, message: \"CTRL不可单键设置,请重新输入\" };\n\n        if (keyValue.toLocaleUpperCase() == 'ALT'.toLocaleUpperCase())\n            return { result: false, message: \"ALT不可单键设置,请重新输入\" };\n\n        if (keyValue.toLocaleUpperCase() == 'CAPSLOCK'.toLocaleUpperCase())\n            return { result: false, message: \"CAPSLOCK不可单键设置,请重新输入\" };\n\n        if (keyValue.toLocaleUpperCase() == 'ENTER'.toLocaleUpperCase())\n            return { result: false, message: \"ENTER不可单键设置,请重新输入\" };\n\n        if (keyValue.toLocaleUpperCase() == 'PROCESS'.toLocaleUpperCase())\n            return { result: false, message: \"请切换英文输入法再次尝试或者您也可以换一个快捷键\" };\n\n        if (keyValue.toLocaleUpperCase() === (defaultValue ? defaultValue.toLocaleUpperCase() : \"\"))\n            return { result: false, message: \"快捷键未发生改变,重新输入\" };\n\n        if (keyValue && (keyValue + \"\").split('+').length <= 1) {\n            if (keyCode >= SINGLE_NUMBER_BETWEEN[0] && keyCode <= SINGLE_NUMBER_BETWEEN[1]) {\n                return { result: false, message: \"数字键不可单键设置,重新输入\" };\n            }\n            if (keyCode >= CHAR_NUMBER_BETWEEN[0] && keyCode <= CHAR_NUMBER_BETWEEN[1]) {\n                return { result: false, message: \"字母不可单键设置,重新输入\" };\n            }\n        }\n\n\n        // 检查快捷键是否重复，  应该按照不同的页面查找\n        let ishaveCommon = false\n        keyList.forEach(element => {\n            //  获取页面所属\n            const { operationType } = element;\n            // 判断是否是相同所属页面  如果是 则 相同键不能设置\n            if(operationType == this.props.operationType){\n                if(element.keyValue.toLocaleUpperCase() === keyValue.toLocaleUpperCase()){\n                    ishaveCommon =  true;\n                }\n            }\n        });\n        if(ishaveCommon) return {result:false,message:\"当前快捷键已存在，请重新输入\"};\n        return {result:true};\n    }\n    getKeyEventString  = (keyEvent) => {\n        let  keyString = '';\n        // command key\n        if(keyEvent.metaKey){\n            keyString = ''\n        }\n\n        if(keyEvent.ctrlKey){\n            keyString += keyString!== ''?'+ctrl':'ctrl'\n        }\n\n        if(keyEvent.shiftKey){\n            keyString += keyString!== ''?'+shift':'shift'\n        }\n\n        if(keyEvent.altKey){\n            keyString += keyString!== ''?'+alt':'alt'\n            if(keyEvent.keyCode >= SINGLE_NUMBER_BETWEEN[0] && keyEvent.keyCode <= SINGLE_NUMBER_BETWEEN[1]){\n                 // alt key down && current Pressed key  is number key\n                keyString += '+'\n                keyString += keyEvent.keyCode - SINGLE_NUMBER_BETWEEN[0];\n                return keyString;\n\n            }else if(keyEvent.keyCode >= CHAR_NUMBER_BETWEEN[0] && keyEvent.keyCode <= CHAR_NUMBER_BETWEEN[1]){\n                 // alt key down && current Pressed key  is char key   'a'.charCodeAt() -  65 = 32;\n                 keyString += '+'\n                 keyString += String.fromCharCode(keyEvent.keyCode + 32);\n                 return keyString;\n            }\n        }\n        if(keyEvent.keyCode != 16 && keyEvent.keyCode != 17 && keyEvent.keyCode != 18 && keyEvent.keyCode != 91){\n            keyString += keyString==''?'':'+';\n\n            if(keyEvent.keyCode == 37){\n                keyString += 'LEFT';\n                return  keyString\n            }\n            if(keyEvent.keyCode == 38){\n                keyString += 'UP';\n                return  keyString\n            }\n            if(keyEvent.keyCode == 39){\n                keyString += 'RIGHT';\n                return  keyString\n            }\n            if(keyEvent.keyCode == 40){\n                keyString += 'DOWN';\n                return  keyString\n            }\n            // 空格\n            if(keyEvent.keyCode == 32){\n                keyString += 'SPACE';\n                return  keyString\n            }\n            if(keyEvent.keyCode >=SINGLE_NUMBER_BETWEEN[0] && keyEvent.keyCode <=SINGLE_NUMBER_BETWEEN[1]){\n                keyString +=  keyEvent.keyCode - SINGLE_NUMBER_BETWEEN[0];\n                return keyString\n            }\n\n            if(keyEvent.keyCode >= CHAR_NUMBER_BETWEEN[0] && keyEvent.keyCode <= CHAR_NUMBER_BETWEEN[1]){\n                // alt key down && current Pressed key  is char key   'a'.charCodeAt() -  65 = 32;\n                keyString += String.fromCharCode(keyEvent.keyCode + 32);\n                return keyString;\n            }\n\n            // shift+char 特殊组合键  keyCode恒定为229\n            if(keyEvent.keyCode == 229){\n                keyString +=  keyEvent.key.toLocaleUpperCase();\n                return keyString;\n            }\n\n            keyString += keyEvent.code.toLocaleUpperCase();\n        }\n        return  keyString\n    }\n\n    onCancel = () =>{\n        this.props.onCancel();\n    }\n\n    onShift = () =>{\n        this.props.onShift(this.state.value?this.state.value.toLocaleLowerCase():\"\");\n    }\n\n    changeToTranslate = (stateValue) =>{\n        if(stateValue !== undefined) {\n            let valueToString\n            if(stateValue.toLocaleLowerCase() !== \"pagedown\" && stateValue.toLocaleLowerCase() !== \"pageup\"){\n                hotKey.keyReplaceStringList.forEach(({key,value})=>{\n                    if(stateValue.toLocaleLowerCase().indexOf(key.toLocaleLowerCase()) !== -1){\n                        const newRe = new RegExp(key.toLocaleLowerCase(),\"g\");\n                        valueToString =\n                        typeof valueToString !== \"undefined\"\n                        ? valueToString.toLocaleLowerCase().replace(newRe,value)\n                        :stateValue.toLocaleLowerCase().replace(newRe,value);\n                    }\n                })\n                if(typeof valueToString  === \"undefined\"){\n                    valueToString = stateValue\n                }\n\n            }else{\n                valueToString = stateValue;\n            }\n            valueToString = valueToString.toLocaleUpperCase();\n            return valueToString\n        }\n        return \"\"\n    }\n\n    render(){\n\n        let content = (\n            <div className=\"help-word-div\">\n                {`一，提供以下可设置的快捷键：` }\n                <br/>\n                {`1.单个按键：（F1~F12）、（上下左右箭头）、空格键、Tab、Delete、End、PageUp、PageDown，Home键等。` }\n                <br/>\n                {`2.双位组合键：Ctrl+单键、Alt+以上单键、Shift+单键等。` }\n                <br/>\n                {`3.三位组合键：Ctrl+Shift+单键、Ctrl+Alt+单键等。` }\n                <br/>\n                {`二， 当您需要修改设置键时，请在修改页面直接按下您的目标快捷键并确定即可。` }\n                <br/>\n                {`三， 如有不生效的按键请换一个试试。` }\n            </div>\n        )\n\n        const {valueToString,inputErrorString,canShift} = this.state;\n        const {label} = this.props;\n        return (<div className=\"ondutyouter quick_modle\">\n            <div className=\"hot-key-modle-title\">\n                <h4 className=\"hot-key-title-h4\">编辑快捷键</h4>\n                <Popover overlayClassName=\"hot-key-popover\" placement=\"bottomLeft\" trigger={\"click\"} content={content} arrowPointAtCenter>\n                        <Ticon  type='bangzhu' className='bangzhu primary-color' />\n                </Popover>\n            </div>\n            <div className=\"body\">\n                <div className=\"onduty\">\n                    <div className=\"row\">\n                        <div className=\"content\">\n                            <div className=\"input_content\">\n                                <span className=\"input_content_label\">\n                                        {`${label}：`}\n                                </span>\n                                <div className=\"input_content_right\">\n                                    <Input\n                                        type='text'\n                                        value={valueToString}\n                                        autoFocus = {true}\n                                        ref={ref => this.inputTarget = ref}\n                                    />\n                                    <div className=\"input_error\">\n                                        {inputErrorString?<span className=\"input_error_span error-color\">{inputErrorString}</span>:null}\n                                        <span className=\"input_error_mark\">注：请直接按下所需快捷键</span>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div className=\"footer\">\n                    <div className=\"onduty\">\n                        <Button onClick={this.onCancel}>取消</Button>\n                        {\n                            canShift?<Button type='primary' onClick={this.onShift}>确定</Button>:<Button disabled  onClick={this.onShift}>确定</Button>\n                        }\n\n                    </div>\n            </div>\n        </div>);\n\n    }\n}"]}