linkmore-design/es/lm-table/components/inputDataEdit.js

🌈 🚀lm组件库。🚀

import React, { useEffect, useRef } from 'react';
import { Input } from "../..";
var InputDataEdit = function InputDataEdit(props) {
  var value = props.value,
    onChange = props.onChange,
    onKeyDown = props.onKeyDown,
    handleSave = props.handleSave;
  var inputRef = useRef(null);
  useEffect(function () {
    setTimeout(function () {
      var _inputRef$current;
      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
    }, 150);
    return function () {
      console.log('unmounds');
      handleSave === null || handleSave === void 0 ? void 0 : handleSave(inputRef.current);
    };
  }, []);
  var handleChange = function handleChange(e) {
    onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
  };
  return /*#__PURE__*/React.createElement(Input, {
    ref: inputRef,
    className: "data-editor",
    value: value,
    size: "small",
    bordered: false,
    onChange: handleChange,
    onKeyDown: onKeyDown,
    onPressEnter: handleSave,
    onBlur: handleSave
  });
};
export default InputDataEdit;