import React from 'react'; import { useApp } from '@tachybase/client'; import { connect, mapReadPretty } from '@tachybase/schema'; import { Input as AntdInput } from 'antd'; const ReadPretty = (props) => { const app = useApp(); const content = props.value && ( {props.value} ); return (
{props.addonBefore} {props.prefix} {content} {props.suffix} {props.addonAfter}
); }; export const AppNameInput = connect(AntdInput, mapReadPretty(ReadPretty));