c91a14ef000ddebbbc34953f781c21c4.json 11.4 KB
{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport EnterOutlined from '@ant-design/icons/EnterOutlined';\nimport TextArea from '../input/TextArea';\n\nvar Editable = function Editable(_ref) {\n  var prefixCls = _ref.prefixCls,\n      ariaLabel = _ref['aria-label'],\n      className = _ref.className,\n      style = _ref.style,\n      direction = _ref.direction,\n      maxLength = _ref.maxLength,\n      _ref$autoSize = _ref.autoSize,\n      autoSize = _ref$autoSize === void 0 ? true : _ref$autoSize,\n      value = _ref.value,\n      onSave = _ref.onSave,\n      onCancel = _ref.onCancel;\n  var ref = React.useRef();\n  var inComposition = React.useRef(false);\n  var lastKeyCode = React.useRef();\n\n  var _React$useState = React.useState(value),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      current = _React$useState2[0],\n      setCurrent = _React$useState2[1];\n\n  React.useEffect(function () {\n    setCurrent(value);\n  }, [value]);\n  React.useEffect(function () {\n    if (ref.current && ref.current.resizableTextArea) {\n      var textArea = ref.current.resizableTextArea.textArea;\n      textArea.focus();\n      var length = textArea.value.length;\n      textArea.setSelectionRange(length, length);\n    }\n  }, [ref.current]);\n\n  var onChange = function onChange(_ref2) {\n    var target = _ref2.target;\n    setCurrent(target.value.replace(/[\\n\\r]/g, ''));\n  };\n\n  var onCompositionStart = function onCompositionStart() {\n    inComposition.current = true;\n  };\n\n  var onCompositionEnd = function onCompositionEnd() {\n    inComposition.current = false;\n  };\n\n  var onKeyDown = function onKeyDown(_ref3) {\n    var keyCode = _ref3.keyCode; // We don't record keyCode when IME is using\n\n    if (inComposition.current) return;\n    lastKeyCode.current = keyCode;\n  };\n\n  var confirmChange = function confirmChange() {\n    onSave(current.trim());\n  };\n\n  var onKeyUp = function onKeyUp(_ref4) {\n    var keyCode = _ref4.keyCode,\n        ctrlKey = _ref4.ctrlKey,\n        altKey = _ref4.altKey,\n        metaKey = _ref4.metaKey,\n        shiftKey = _ref4.shiftKey; // Check if it's a real key\n\n    if (lastKeyCode.current === keyCode && !inComposition.current && !ctrlKey && !altKey && !metaKey && !shiftKey) {\n      if (keyCode === KeyCode.ENTER) {\n        confirmChange();\n      } else if (keyCode === KeyCode.ESC) {\n        onCancel();\n      }\n    }\n  };\n\n  var onBlur = function onBlur() {\n    confirmChange();\n  };\n\n  var textAreaClassName = classNames(prefixCls, \"\".concat(prefixCls, \"-edit-content\"), _defineProperty({}, \"\".concat(prefixCls, \"-rtl\"), direction === 'rtl'), className);\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: textAreaClassName,\n    style: style\n  }, /*#__PURE__*/React.createElement(TextArea, {\n    ref: ref,\n    maxLength: maxLength,\n    value: current,\n    onChange: onChange,\n    onKeyDown: onKeyDown,\n    onKeyUp: onKeyUp,\n    onCompositionStart: onCompositionStart,\n    onCompositionEnd: onCompositionEnd,\n    onBlur: onBlur,\n    \"aria-label\": ariaLabel,\n    autoSize: autoSize\n  }), /*#__PURE__*/React.createElement(EnterOutlined, {\n    className: \"\".concat(prefixCls, \"-edit-content-confirm\")\n  }));\n};\n\nexport default Editable;","map":{"version":3,"sources":["C:/Users/kkwan_000/Desktop/git/2017110269/minsung/node_modules/antd/es/typography/Editable.js"],"names":["_defineProperty","_slicedToArray","React","classNames","KeyCode","EnterOutlined","TextArea","Editable","_ref","prefixCls","ariaLabel","className","style","direction","maxLength","_ref$autoSize","autoSize","value","onSave","onCancel","ref","useRef","inComposition","lastKeyCode","_React$useState","useState","_React$useState2","current","setCurrent","useEffect","resizableTextArea","textArea","focus","length","setSelectionRange","onChange","_ref2","target","replace","onCompositionStart","onCompositionEnd","onKeyDown","_ref3","keyCode","confirmChange","trim","onKeyUp","_ref4","ctrlKey","altKey","metaKey","shiftKey","ENTER","ESC","onBlur","textAreaClassName","concat","createElement"],"mappings":"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","sourcesContent":["import _defineProperty from \"@babel/runtime/helpers/defineProperty\";\nimport _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport KeyCode from \"rc-util/es/KeyCode\";\nimport EnterOutlined from '@ant-design/icons/EnterOutlined';\nimport TextArea from '../input/TextArea';\n\nvar Editable = function Editable(_ref) {\n  var prefixCls = _ref.prefixCls,\n      ariaLabel = _ref['aria-label'],\n      className = _ref.className,\n      style = _ref.style,\n      direction = _ref.direction,\n      maxLength = _ref.maxLength,\n      _ref$autoSize = _ref.autoSize,\n      autoSize = _ref$autoSize === void 0 ? true : _ref$autoSize,\n      value = _ref.value,\n      onSave = _ref.onSave,\n      onCancel = _ref.onCancel;\n  var ref = React.useRef();\n  var inComposition = React.useRef(false);\n  var lastKeyCode = React.useRef();\n\n  var _React$useState = React.useState(value),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      current = _React$useState2[0],\n      setCurrent = _React$useState2[1];\n\n  React.useEffect(function () {\n    setCurrent(value);\n  }, [value]);\n  React.useEffect(function () {\n    if (ref.current && ref.current.resizableTextArea) {\n      var textArea = ref.current.resizableTextArea.textArea;\n      textArea.focus();\n      var length = textArea.value.length;\n      textArea.setSelectionRange(length, length);\n    }\n  }, [ref.current]);\n\n  var onChange = function onChange(_ref2) {\n    var target = _ref2.target;\n    setCurrent(target.value.replace(/[\\n\\r]/g, ''));\n  };\n\n  var onCompositionStart = function onCompositionStart() {\n    inComposition.current = true;\n  };\n\n  var onCompositionEnd = function onCompositionEnd() {\n    inComposition.current = false;\n  };\n\n  var onKeyDown = function onKeyDown(_ref3) {\n    var keyCode = _ref3.keyCode;\n    // We don't record keyCode when IME is using\n    if (inComposition.current) return;\n    lastKeyCode.current = keyCode;\n  };\n\n  var confirmChange = function confirmChange() {\n    onSave(current.trim());\n  };\n\n  var onKeyUp = function onKeyUp(_ref4) {\n    var keyCode = _ref4.keyCode,\n        ctrlKey = _ref4.ctrlKey,\n        altKey = _ref4.altKey,\n        metaKey = _ref4.metaKey,\n        shiftKey = _ref4.shiftKey;\n\n    // Check if it's a real key\n    if (lastKeyCode.current === keyCode && !inComposition.current && !ctrlKey && !altKey && !metaKey && !shiftKey) {\n      if (keyCode === KeyCode.ENTER) {\n        confirmChange();\n      } else if (keyCode === KeyCode.ESC) {\n        onCancel();\n      }\n    }\n  };\n\n  var onBlur = function onBlur() {\n    confirmChange();\n  };\n\n  var textAreaClassName = classNames(prefixCls, \"\".concat(prefixCls, \"-edit-content\"), _defineProperty({}, \"\".concat(prefixCls, \"-rtl\"), direction === 'rtl'), className);\n  return /*#__PURE__*/React.createElement(\"div\", {\n    className: textAreaClassName,\n    style: style\n  }, /*#__PURE__*/React.createElement(TextArea, {\n    ref: ref,\n    maxLength: maxLength,\n    value: current,\n    onChange: onChange,\n    onKeyDown: onKeyDown,\n    onKeyUp: onKeyUp,\n    onCompositionStart: onCompositionStart,\n    onCompositionEnd: onCompositionEnd,\n    onBlur: onBlur,\n    \"aria-label\": ariaLabel,\n    autoSize: autoSize\n  }), /*#__PURE__*/React.createElement(EnterOutlined, {\n    className: \"\".concat(prefixCls, \"-edit-content-confirm\")\n  }));\n};\n\nexport default Editable;"]},"metadata":{},"sourceType":"module"}