import {styled} from 'styled-components' import {ProFormList, ProFormSelect, ProFormText,ProFormGroup,ProFormSegmented} from '@ant-design/pro-components' import {memo, useState, forwardRef} from 'react' import { LOGIC_TYPE} from "../pages/IndexDefine/constants"; import useI18NPrefix from "../hooks/useI18NPrefix"; const component = forwardRef(({ type, options, value },ref) => { const t = useI18NPrefix('global'); const [count,setCount]=useState(0); const joinLogic=(index)=>{ const display = ( index !== (count-1) ) if (display){ return } } return ( setCount(c)} onAfterRemove={(e,c)=>setCount(c)} itemContainerRender={(doms,{index})=> { return <> {doms} {joinLogic(index)} }} > ) }) export const LogicPanel = memo(component) const CustomFromList=styled(ProFormList)` .ant-form-item { margin-bottom: 5px; } .ant-pro-form-list-action{ margin-block-end: 0; line-height: 0; height: 29px; } ` const Container = styled.div` width: 95%; padding-block-end: 1px; padding-block-start: 15px; padding-inline-end: 20px; padding-inline-start: 20px; background-color: #f5f5f5; min-height: 68px; `