import React, { useState } from 'react'; import { connect } from '@formily/react-schema-renderer'; import { Popover, Button, Input } from 'antd'; import { acceptEnum, mapStyledProps, mapTextComponent } from '../shared'; import { icons, hasIcon, Icon as IconComponent } from '@/components/icons'; import { CloseOutlined } from '@ant-design/icons'; function IconField(props: any) { const { value, onChange } = props; const [visible, setVisible] = useState(false); return (
{ setVisible(val); }} content={
{[...icons.keys()].map(key => ( { onChange(key); setVisible(false); }} > ))}
} title="图标" trigger="click" >
{value && }
); } export const Icon = connect({ getProps: mapStyledProps, getComponent: mapTextComponent, })(IconField); export default Icon;