choerodon-ui
Version:
An enterprise-class UI design language and React-based implementation
36 lines (35 loc) • 1.26 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import React, { isValidElement, useCallback } from 'react';
import { toJS } from 'mobx';
import { observer } from 'mobx-react-lite';
import ObserverTextField from '../../../../pro/es/text-field/TextField';
import { getHeader } from '../../utils';
var ItemTitle = observer(function ItemTitle(props) {
var record = props.record,
provided = props.provided;
var editing = record.getState('editing');
var handleEditBlur = useCallback(function () {
record.setState('editing', false);
}, []);
var handleHeaderChange = useCallback(function (value) {
record.set('title', value);
}, [record]);
var title = record.get('title');
var header = getHeader({
tab: record.get('tab'),
title: title
});
return React.createElement(React.Fragment, null, editing ? React.createElement(ObserverTextField, {
onBlur: handleEditBlur,
value: isValidElement(header) ? title : header,
onChange: handleHeaderChange,
autoFocus: true
}) : React.createElement("span", _extends({}, provided.dragHandleProps, {
style: {
cursor: 'move'
}
}), toJS(header)));
});
ItemTitle.displayName = 'ItemTitle';
export default ItemTitle;
//# sourceMappingURL=ItemTitle.js.map