Info.tsx 775 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. import {ModalField} from '@components';
  2. import {FC} from 'react';
  3. import {useField, useFormValues} from './hooks';
  4. type Props = {
  5. id: string,
  6. };
  7. const Info: FC<Props> = function({id}) {
  8. const {control} = useField();
  9. useFormValues(id);
  10. return (
  11. <>
  12. <ModalField
  13. name='menuName'
  14. label='菜单名称'
  15. control={control}
  16. />
  17. <ModalField
  18. name='menuUrl'
  19. label='菜单路径'
  20. control={control}
  21. />
  22. <ModalField
  23. name='menuIcon'
  24. label='菜单图标'
  25. control={control}
  26. required={false}
  27. />
  28. <ModalField
  29. name='menuOrderBy'
  30. label='菜单排序'
  31. control={control}
  32. type='number'
  33. />
  34. </>
  35. );
  36. };
  37. export default Info;