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

🌈 🚀lm组件库。🚀

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireWildcard(require("react"));
var _ = require("../..");
const InputDataEdit = props => {
  const {
    value,
    onChange,
    onKeyDown,
    handleSave
  } = props;
  const inputRef = (0, _react.useRef)(null);
  (0, _react.useEffect)(() => {
    setTimeout(() => {
      inputRef.current?.focus();
    }, 150);
    return () => {
      console.log('unmounds');
      handleSave?.(inputRef.current);
    };
  }, []);
  const handleChange = e => {
    onChange?.(e.target.value);
  };
  return /*#__PURE__*/_react.default.createElement(_.Input, {
    ref: inputRef,
    className: "data-editor",
    value: value,
    size: "small",
    bordered: false,
    onChange: handleChange,
    onKeyDown: onKeyDown,
    onPressEnter: handleSave,
    onBlur: handleSave
  });
};
var _default = InputDataEdit;
exports.default = _default;