Function SelectMode

agent-flow/src/components/end/SelectMode.jsx:20–56

({mode, disabled})

 * @constructor
 */
export const SelectMode = ({mode, disabled}) => {
    const dispatch = useDispatch();
    const {t} = useTranslation();

    /**
     * 模式切换后的回调
     *
     * @param value 模式的值
     */
    const onChange = (value) => {
        if (value === mode) {
            return;
        }
        dispatch({type: 'changeMode', value});
    };

    return (<>
        <div style={{display: 'flex', alignItems: 'center'}}>
            <div className='mode-select-title jade-panel-header-font'>{t('modeSelect')}</div>
            <JadeStopPropagationSelect
                disabled={disabled}
                className={'jade-select'}
                showSearch
                optionFilterProp='children'
                onChange={onChange}
                defaultValue='mode-variables'
                value={mode}
                options={[
                    {value: 'variables', label: t('directlyOutputTheResult')},
                    {value: 'manualCheck', label: t('intelligentFormShowResult')},
                ]}
                style={{width: '70%', marginLeft: 'auto'}}
            >
            </JadeStopPropagationSelect>
        </div>
    </>);
};

SelectMode.propTypes = {
    mode: PropTypes.string,