admin2 1.0.0

package/src/pages/pageComponents/mdPage/components/CreateMdForm/index.jsx

@@ -0,0 +1,1205 @@
+/* eslint-disable max-len */
+import React, {useState, useRef, useCallback, useEffect, useMemo} from 'react';
+import {Breadcrumb, message, Tabs, Input, Tooltip, Button, Switch} from 'antd';
+import {SMForm, SMModal} from 'sm-antd';
+import moment from 'moment';
+import _ from 'lodash';
+
+import {SM_ACCOUNT, ORG_LIST, REQUEST_CODE, DATE_FORMAT_TIME} from '@/contants';
+import {QuestionCircleOutlined} from '@ant-design/icons';
+import SMInputSelect from '@/components/SMInputSelect';
+import InputSelect from '@/components/InputSelect';
+import {regexSet} from '@/utils/utils';
+import UploadImg from '@/pages/pageComponents/mdPage/components/UploadImg';
+import {adminApply} from '@/pages/pageComponents/configure';
+import {useLanguage} from '@/hooks';
+import {formatUs} from '@/utils/helpers';
+import {getExtWordList} from '@/services/mingdan';
+import {SMMonthPicker, SMElementPicker} from '@/components';
+import {OPERATION_MAP, getSegmentStatusByLanguage, resolveSegmentLang} from '@/pages/pageComponents/newMdPage/NewList/configure';
+import {
+    getLangProduct,
+    MD_TIP,
+    TOOL_TIP,
+    TIME_TYPE,
+    RISK_LEVEL_TYPE,
+    SECOND_VERIFY,
+    TIP_TYPE,
+} from '../../constants';
+import SMSimpleDatePicker from '../SMDatePicker';
+import ExpansionTable from '../ExpansionTable';
+import SegmentStatusTag from '../SegmentStatusTag';
+import UploadVideo from '../UploadVideo';
+import RegexContents from '../RegexContents';
+
+import styles from './index.less';
+
+const { TabPane } = Tabs;
+const { TextArea } = Input;
+const { ModalType } = SMModal;
+
+const TabsImg = ({ fileList = [], onChange }) => {
+    const [activeKey, setActiveKey] = useState('1'); // 1 图片文件上传;2 url上传
+
+    const {t} = useLanguage();
+
+    return (
+        <div className={styles.tabsimg}>
+            <Tabs defaultActiveKey="1" onChange={setActiveKey} activeKey={activeKey}>
+                <TabPane tab={t('图片文件上传')} key="1" />
+                <TabPane tab={t('图片URL上传')} key="2" />
+            </Tabs>
+            {activeKey === '1' ? (
+                <UploadImg fileList={fileList} onChange={onChange} />
+            ) : (
+                <TextArea
+                    placeholder={t('请输入图片链接，可使用回车符号连续输入，一行一词')}
+                    onChange={e => {
+                        onChange(e.target.value);
+                    }}
+                />
+            )}
+        </div>
+    );
+};
+
+const TabsVideo = ({ fileList = [], onChange }) => {
+    const [activeKey, setActiveKey] = useState('1');
+
+    const {t} = useLanguage();
+
+    return (
+        <div className={styles.tabsimg}>
+            <Tabs defaultActiveKey="1" onChange={setActiveKey} activeKey={activeKey}>
+                <TabPane tab={t('视频文件上传')} key="1" />
+                <TabPane tab={t('视频URL上传')} key="2" />
+            </Tabs>
+            {activeKey === '1' ? (
+                <UploadVideo value={Array.isArray(fileList) ? fileList : []} onChange={onChange} />
+            ) : (
+                <TextArea
+                    placeholder={t('请输入视频链接，可使用回车符号连续输入，一行一词')}
+                    onChange={e => {
+                        onChange(e.target.value);
+                    }}
+                />
+            )}
+            <p className={styles.text}>{t('上传多个文件格式：mp4、mkv、flv、avi、wmv、mov、rmvb、ts、3gp。大小限制<300M，时长小于60分钟')}</p>
+        </div>
+    );
+};
+
+
+// 天净-文本、文本国际 原文、语义、相等显示时态扩充的功能
+const SHOW_TENSE_BTN = ['contain', 'word', 'equal'];
+
+const CreateMdForm = props => {
+    const {
+        onConfirm,
+        onCancel,
+        title,
+        type,
+        formDataList,
+        formDataConfig,
+        isSubmit,
+        isEngOrAlb,
+        listType,
+        hideLang,
+        isOcr,
+        currentGlobalFilter,
+        getRiskTypeList,
+        isVideoAsrOcr,
+        mdRiskType,
+        serviceId = 'default',
+        isTw,
+        isTextTypeWhiteList,
+        autoSegmentStatusByLang,
+    } = props;
+    const defaultSegmentStatus  = isEngOrAlb ? '1' : '0';
+    const initialValues = isEngOrAlb ? {termList: 1, segmentStatus: defaultSegmentStatus} : {termList: 1};
+    const initialDistance = [
+        'POST_IMG', 'POST_VIDEO_IMG', 'POST_VIDEOSTREAM_IMG',
+        'POST_VIDEOSTREAM_IMG_EN', 'POST_VIDEOSTREAM_IMG_AR'].includes(serviceId) ? '15' : '200';
+    const { organization } = currentGlobalFilter;
+    const hiddenAudit = !isTw && organization !== SM_ACCOUNT;
+
+    const {t} = useLanguage();
+
+    const [datas, setDatas] = useState(undefined);
+    const [isShow, setIsShow] = useState(false);
+    const [name, setName] = useState('了解详情');
+    const [segmentStatus, serSegmentStatus] = useState(defaultSegmentStatus);
+    const [product, setProduct] = useState();
+    const [form, setForm] = useState();
+    const [riskLevel, setRiskLevel] = useState();
+    const [operation, setOperation] = useState(); // 匹配方式
+    const [content, setContent] = useState(); // 名单结果
+    const [isDisabledBtn, setIsDisabledBtn] = useState(false);
+    const [hideIgnoreCase, setHideIgnoreCase] = useState(true); // 归一化选项是否隐藏
+
+    const isAddTermItem =  ['dayTimeRange', 'circleTime'].every(item => formDataList.includes(item)); // 是否追加有效期选项
+    // 新增有效期选项
+    const addTermList = [
+        {
+            name: t('每天重复生效'),
+            value: '3',
+        },
+        {
+            name: t('每年重复生效'),
+            value: 'circleTime',
+        },
+    ];
+
+    const validateImgs = () => {
+        if (Array.isArray(datas)) {
+            if (datas.some(item => item.status === 'uploading')) {
+                message.error(t('图片正在上传中'));
+                return false;
+            }
+            if (datas.some(item => item.status === 'error')) {
+                message.error(t('图片上传错误，请查看红色边框处'));
+                return false;
+            }
+        }
+
+        return true;
+    };
+
+    const onFinish = values => {
+        const timeData = {
+            startTime: isShowDate === 0
+                ? `${startRef.current}` : undefined, endTime: isShowDate === 0
+                ? `${endRef.current}` : undefined,
+            timeSpan: isShowDate === 2 ? +values.timeBased2 : undefined,
+        };
+        let timeBased = isShowDate === TIME_TYPE.TIME_QUANTUM ? '1'
+            : isShowDate === TIME_TYPE.FOREVER ? undefined : '2';
+        const timeObj = {};
+        if ([TIME_TYPE.CIRCLE_TIME, TIME_TYPE.DAY_TIME_RANGE].includes(isShowDate)) {
+            timeBased = isShowDate;
+            if (values.dayTimeRange) {
+                timeObj.startTime = moment(values.dayTimeRange[0]).unix();
+                timeObj.endTime = moment(values.dayTimeRange[1]).unix();
+            }
+            if (values.yearTimeRange) {
+                timeObj.startTime = moment(values.yearTimeRange[0]).unix();
+                timeObj.endTime = moment(values.yearTimeRange[1]).unix();
+            }
+        }
+        if (validateImgs()) {
+            let contents = values.contents;
+            if (Array.isArray(contents)) {
+                contents = contents.map(item => item.response.content.url).join('\n');
+            }
+            const isExistAll  = _.some(formDataConfig.app, item => item.value === '');
+            const isExistChannel = _.some(formDataConfig.channelEvent, item => item.value === '');
+            if (_.isArray(values.appId)
+                && isExistAll
+                && _.isArray(formDataConfig.app)
+                && _.size(values.appId) === _.size(formDataConfig.app) - 1) {
+                values.appId = [''];
+            }
+            if (_.isArray(values.channelEvent)
+                && isExistChannel
+                && _.isArray(formDataConfig.channelEvent)
+                && _.size(values.channelEvent) ===  _.size(formDataConfig.channelEvent) - 1) {
+                values.channelEvent = [''];
+            }
+            onConfirm && onConfirm({
+                ...values,
+                ...timeData,
+                timeBased,
+                contents,
+                // segmentStatus,
+                product,
+                ...timeObj,
+            }, type);
+        }
+    };
+
+    const PropertyTitle = (
+        <div className={styles.title}>
+            <span>{t('名单属性设置')}</span>
+        </div>
+    );
+    const ContentTitle = (
+        <div className={styles.title}>
+            <span>{t('添加名单内容')}</span>
+        </div>
+    );
+    const TipNote = (
+        <div className={styles['tip-note']}>
+            <span className={styles['tip-title']}>{t('温馨提示：')}</span>
+            <br />
+            <span>{t('1.您可以直接添加名单内容，提交后添加的名单内容将包含在以上创建的名单中。非必填。')}</span>
+            <br />
+            <span>{t('2.最多可添加200个，如有更多批量上传需求，可在创建名单后进入名单进行相关操作。')}</span>
+            <br />
+            <span>{t('英文字母 & 标点、常见符号，占用 1 字节')}</span>
+            <br />
+            <span>{t('中文汉字 & 标点，占用 3 字节')}</span>
+        </div>
+    );
+
+    const PromptNote = (
+        <div className={`${styles['promp-note']}`}>
+            <p className={styles['promp-title']}>
+                <span className={styles['promp-hint']}>{t('温馨提示：')}</span>
+                <span className={styles['promp-himt2']}>{t('建议使用语义匹配。')}</span>
+                <p
+                    className={styles['promp-operation']}
+                    onClick={() => {
+                        if (isShow) {
+                            setName(t('了解详情'));
+                        } else {
+                            setName(t('收起详情'));
+                        }
+                        setIsShow(!isShow);
+                    }}
+                >
+                    {name}
+                    <svg className={styles.icon_arrows} aria-hidden="true">
+                        <use xlinkHref={isShow ? '#icon-shouqixiangqing' : '#icon-zhankaixiangqing1'}></use>
+                    </svg>
+                </p>
+            </p>
+            <div className={`${styles['poromp-content']} ${isShow ? styles['promp-content-show'] : ''}`}>
+                <div className={styles['poromp-example']}>
+                    <p>{t('示例1：')}</p>
+                    <p>{t('敏感词：台独 文本内容：一台独立服务器')}</p>
+                    <p>{t('原文匹配结果：命中敏感词“台独”')} </p>
+                    <p>{t('语义匹配结果：pass')}</p>
+                    <p>{t('切词：一台|独立|服务器')}</p>
+                </div>
+
+                <p>{t('原文匹配：只要文本内容包含名单内容即命中，使用该匹配方式时可能会造成误杀，请谨慎使用。')}</p>
+                <p>
+                    {t('语义匹配：将文本内容按照切词逻辑将更有语义的词语切在一起，再进行比较，使用该匹配方式时可能会造成漏杀，请谨慎使用。')}
+                </p>
+                <p>{t('相等匹配：当文本内容与名单内容完全相同时，可以命中名单。')}</p>
+                <p>{t('英文名单：如果选择是的话，语义匹配只通过空格来进行切词')}</p>
+            </div>
+        </div>
+    );
+    const [isShowDate, setIsShowDate] = useState(1);
+    const operationRef = useRef();
+    const initStart = moment().format(DATE_FORMAT_TIME);
+    const initEnd = moment().add(7, 'day').format(DATE_FORMAT_TIME);
+
+    const toUnixTime = time => {
+        let new_str = time.replace(/:/g, '-');
+        new_str = new_str.replace(/ /g, '-');
+        let arr = new_str.split('-');
+        let datum = new Date(Date.UTC(arr[0], arr[1] - 1, arr[2], arr[3] - 8, arr[4], arr[5]));
+        return datum.getTime() / 1000;
+    };
+    const startRef = useRef(toUnixTime(initStart));
+    const endRef = useRef(toUnixTime(initEnd));
+    const handleDatePicker = (start, end) => {
+        const startTime = toUnixTime(start);
+        const endTime = toUnixTime(end);
+        startRef.current = startTime;
+        endRef.current = endTime;
+        return (startTime, endTime);
+    };
+
+    const DatePicker =  (
+        <SMSimpleDatePicker
+            dateType="day"
+            formatStr={DATE_FORMAT_TIME}
+            // customStyle={{marginLeft: 250, width: 500 }}
+            setValue={[initStart, initEnd]}
+            onChange={handleDatePicker}
+            componentProps={{showTime: true, showNow: false}}
+        />
+    );
+    const applySegmentStatusByLang = useCallback((lang, op) => {
+        const currentOp = op ?? operation ?? operationRef.current;
+        if (!autoSegmentStatusByLang || currentOp !== OPERATION_MAP.WORD) {
+            return;
+        }
+        const status = getSegmentStatusByLanguage(resolveSegmentLang(lang, serviceId));
+        serSegmentStatus(status);
+        form?.setFieldsValue({segmentStatus: status});
+    }, [autoSegmentStatusByLang, operation, form, serviceId]);
+
+    const handleChange = useCallback(value => {
+        setOperation(value);
+        operationRef.current = value;
+        if (autoSegmentStatusByLang && value === OPERATION_MAP.WORD) {
+            applySegmentStatusByLang(form?.getFieldValue?.('lang'), value);
+        }
+    }, [autoSegmentStatusByLang, form, applySegmentStatusByLang]);
+
+    const handleLangChange = useCallback((value, label) => {
+        const langProduct = getLangProduct(serviceId);
+        if (listType === '0' && (organization === SM_ACCOUNT || !hideLang)) {
+            setProduct(langProduct[value]);
+            if (isOcr) {
+                getRiskTypeList(langProduct[value]);
+                if (form) {
+                    form.setFieldsValue({riskType: undefined});
+                }
+            }
+        }
+    }, [listType, hideLang, organization, getRiskTypeList, isOcr, form, serviceId]);
+
+    // 把时态扩充选中的值按顺序加入到名单内容中
+    const handleExpansionSubmit = useCallback(list => {
+        setIsDisabledBtn(true);
+        global.modal.pop();
+        let contentList = [];
+        _.forEach(content.split('\n'), item => {
+            if (!(contentList.includes(item))) {
+                contentList.push(item);
+            }
+            _.forEach(list, expansionItem => {
+                if (
+                    !(contentList.includes(expansionItem.expansionWord))
+                    && expansionItem.isAdopt
+                    && expansionItem.word === item
+                ) {
+                    contentList.push(expansionItem.expansionWord);
+                }
+            });
+        });
+        form.setFieldsValue({
+            contents: contentList.join('\n'),
+        });
+    }, [form, content]);
+
+    // 时态扩充弹窗
+    const handTenseClick = useCallback(async () => {
+        if (content) {
+            const {code, contents} = await getExtWordList({words: content.split('\n')});
+            if (code === REQUEST_CODE.SUCCESS) {
+                global.modal.show(ModalType.MODAL_ALERT, {
+                    width: 576,
+                    modalTitle: t('时态扩充'),
+                    renderChildren: () => {
+                        return (
+                            <ExpansionTable
+                                data={contents}
+                                onCancel={() => global.modal.pop()}
+                                onSubmit={handleExpansionSubmit}
+                            />
+                        );
+                    },
+                });
+            }
+        }
+        else {
+            message.warning(t('请填写名单内容'));
+        }
+    }, [content, handleExpansionSubmit, t]);
+
+    // 修改有效期的值
+    const termListChange = useCallback(e => {
+        setIsShowDate(e.target.value);
+    }, []);
+
+    const getTermList = useMemo(() => {
+        let rawData = [
+            {
+                name: t('永久'),
+                value: 1,
+            },
+            {
+                name: t('时间段'),
+                value: 0,
+            },
+            {
+                name: t('名单内容生效周期'),
+                value: 2,
+            },
+        ];
+        if (isAddTermItem) {
+            rawData = [...rawData, ...addTermList];
+        }
+
+        return rawData;
+    }, [isAddTermItem]);
+
+    const formData = formDataList
+        .filter(item => {
+            // 如果选项是时间类型，但是有效期期的值不是时间段则不展示该选项
+            if (TIME_TYPE.DATE_PICKER === item && isShowDate !== TIME_TYPE.TIME_QUANTUM) {
+                return false;
+            }
+            if (item === TIME_TYPE.TIMEBASED_TWO && isShowDate !== TIME_TYPE.CYCLE) {
+                return false;
+            }
+            if (item === SECOND_VERIFY && (riskLevel !== RISK_LEVEL_TYPE.REVIEW || organization !== ORG_LIST.QZD)) {
+                return false;
+            }
+            // 如果选项是每天重复时间类型，但是有效期选项不一致则不展示该项
+            if ('dayTimeRange' === item && isShowDate !==  TIME_TYPE.DAY_TIME_RANGE) {
+                return false;
+            }
+            // 如果选项是每年重复时间类型，但是有效期选项不一致则不展示该项
+            if ('circleTime' === item && isShowDate !==  TIME_TYPE.CIRCLE_TIME) {
+                return false;
+            }
+            return true;
+        })
+        .map(item => {
+            let formItem = null;
+
+            switch (item) {
+
+                case 'name':
+                    formItem = {
+                        label: '名单名称',
+                        type: 'input',
+                        placeholder: '请输入名单名称',
+                        required: true,
+                        definition: {
+                            var: 'name',
+                        },
+                    };
+                    break;
+                case 'timeBased2':
+                    formItem = {
+                        label: '  ',
+                        type: 'custom',
+                        placeholder: '请输入名单内容生效时长',
+                        required: true,
+                        customDom: (
+                            <div style={{display: 'flex'}}>
+                                <Input placeholder={t('请输入名单内容生效时长')} />
+                                <div className={styles['tooltip-tishi']}>
+                                    <Tooltip
+                                        title={t('表示对于每次添加的名单内容，从添加时间至失效时间的期限，单位为小时')}
+                                    >
+                                        <QuestionCircleOutlined />
+                                    </Tooltip>
+                                </div>
+                            </div>
+                        ),
+                        definition: {
+                            var: 'timeBased2',
+                            formItemProps: {
+                                colon: false,
+                            },
+                            validator: (rule, value, callback) => {
+                                const reg = /[0-9]/;
+
+                                if (value) {
+                                    if (reg.test(value) && value > 0 && value <= 10000) {
+                                        callback();
+                                    } else {
+                                        callback(t('请输入大于0,小于等于10000的整数'));
+                                    }
+                                } else {
+                                    callback();
+                                }
+                            },
+                        },
+                    };
+                    break;
+                case 'circleTime':
+                    formItem = {
+                        label: '每年重复生效时间',
+                        type: 'custom',
+                        placeholder: '请选择每年重复生效时间',
+                        required: true,
+                        customDom: (
+                            <SMMonthPicker />
+                        ),
+                        definition: {
+                            var: 'yearTimeRange',
+                            validator: (rule, value, callback) => {
+                                if (value) {
+                                    const startTime = moment(value[0]);
+                                    const endTime = moment(value[1]);
+                                    if (startTime.isAfter(endTime) || startTime.isSame(endTime)) {
+                                        callback(t('结束时间必须大于开始时间'));
+                                    } else {
+                                        callback();
+                                    }
+                                } else {
+                                    callback(t('请选择时间'));
+                                }
+                            },
+                            formItemProps: {
+                                style: {
+                                    paddingBottom: 24,
+                                    marginBottom: 0,
+                                },
+                                wrapperCol: {
+                                    sm: {span: 20},
+                                },
+                            },
+                        },
+                    };
+                    break;
+                case 'dayTimeRange':
+                    formItem = {
+                        label: '每天重复生效时间',
+                        type: 'custom',
+                        placeholder: '请选择每天重复生效时间',
+                        required: true,
+                        customDom: (
+                            <SMElementPicker />
+                        ),
+                        definition: {
+                            var: 'dayTimeRange',
+                            validator: (rule, value, callback) => {
+                                if (value) {
+                                    const startTime = moment(value[0]);
+                                    const endTime = moment(value[1]);
+                                    if (startTime.isAfter(endTime) || startTime.isSame(endTime, 'second')) {
+                                        callback(t('结束时间必须大于开始时间'));
+                                    } else {
+                                        callback();
+                                    }
+                                } else {
+                                    callback(t('请选择时间'));
+                                }
+                            },
+                            formItemProps: {
+                                style: {
+                                    paddingBottom: 24,
+                                    marginBottom: 0,
+                                },
+                                wrapperCol: {
+                                    sm: {span: 20},
+                                },
+                            },
+                        },
+                    };
+                    break;
+                case 'checkItem':
+                    formItem = {
+                        label: '匹配字段',
+                        type: 'select',
+                        placeholder: '请选择匹配字段',
+                        required: true,
+                        definition: {
+                            var: 'checkItem',
+                            condiates: formDataConfig.checkItem || [],
+                            labelName: 'name',
+                            valueName: 'value',
+                        },
+                    };
+                    break;
+                case 'inputCheckItem':
+                    formItem = {
+                        label: '匹配字段',
+                        type: 'custom',
+                        placeholder: '请选择匹配字段',
+                        required: true,
+                        customDom: (
+                            <SMInputSelect
+                                placeholder={t('请选择匹配字段')}
+                                selectData={formatUs(formDataConfig.checkItem || [], ['name'], t)}
+                                style={{ width: '70%' }}
+                            />
+                        ),
+                        definition: {
+                            var: 'checkItem',
+                        },
+                    };
+                    break;
+                case 'TwInputCheckItem':
+                    formItem = {
+                        label: '匹配字段',
+                        type: 'custom',
+                        placeholder: '请选择匹配字段',
+                        required: true,
+                        customDom: (
+                            <InputSelect
+                                placeholder={t('请选择匹配字段')}
+                                selectData={formatUs(formDataConfig.checkItem || [], ['name'], t)}
+                                style={{ width: '70%' }}
+                            />
+                        ),
+                        definition: {
+                            var: 'checkItem',
+                        },
+                    };
+                    break;
+                case 'tempList':
+                    formItem = {
+                        label: '是否临时忽略名单',
+                        type: 'radio',
+                        placeholder: '请选择是否临时忽略名单',
+                        required: true,
+                        definition: {
+                            var: 'tempList',
+                            condiates: [
+                                {
+                                    name: t('是'),
+                                    value: 1,
+                                },
+                                {
+                                    name: t('否'),
+                                    value: 0,
+                                },
+                            ],
+                            labelName: 'name',
+                            valueName: 'value',
+                        },
+                    };
+                    break;
+                case 'termList':
+                    formItem = {
+                        label: '有效期',
+                        type: 'radio',
+                        placeholder: '请选择有效期',
+                        required: true,
+                        onChange: termListChange,
+                        definition: {
+                            var: 'termList',
+                            condiates: getTermList,
+                            labelName: 'name',
+                            valueName: 'value',
+                        },
+                    };
+                    break;
+                case 'enList':
+                    formItem = {
+                        label: '切词方式',
+                        type: 'custom',
+                        placeholder: '请选择切词方式',
+                        required: true,
+                        hidden: operation !== OPERATION_MAP.WORD || isTextTypeWhiteList, // 语义匹配且非白名单展示
+                        customDom: (
+                            <SegmentStatusTag disabled={false} />
+                        ),
+                        definition: {
+                            var: 'segmentStatus',
+                        },
+                    };
+                    break;
+                case 'app':
+                    formItem = {
+                        label: '生效应用',
+                        type: 'multipleSelect',
+                        placeholder: '请选择生效应用',
+                        required: true,
+                        definition: {
+                            var: 'appId',
+                            condiates: formatUs(formDataConfig.app || [], 'name', t),
+                            defaultValue: [],
+                            labelName: 'name',
+                            valueName: 'value',
+                            allObj: {name: '全部', value: ''},
+                            componentProps: {
+                                optionFilterProp: 'children',
+                            },
+                        },
+                    };
+                    break;
+                case 'riskLevel':
+                    formItem = {
+                        label: '处置建议',
+                        type: 'select',
+                        placeholder: '请选择处置建议',
+                        required: true,
+                        onChange: setRiskLevel,
+                        definition: {
+                            var: 'riskLevel',
+                            condiates: formatUs(formDataConfig.riskLevel || [], ['name'], t),
+                            labelName: 'name',
+                            valueName: 'value',
+                        },
+                    };
+                    break;
+                case 'secondVerify':
+                    formItem = {
+                        label: '二次验证',
+                        type: 'select',
+                        placeholder: '请选择二次验证',
+                        definition: {
+                            var: 'verifyType',
+                            isAddAll: false,
+                            condiates: formDataConfig.secondVerify || [],
+                            labelName: 'name',
+                            valueName: 'value',
+                        },
+                    };
+                    break;
+                case 'specialRiskLevel':
+                    formItem = {
+                        label: '处置建议',
+                        type: 'select',
+                        placeholder: '请选择处置建议',
+                        required: true,
+                        onChange: val => setHideIgnoreCase(val !== 'IGNORE'),
+                        definition: {
+                            var: 'riskLevel',
+                            condiates: formatUs(formDataConfig.specialRiskLevel || [], ['name'], t),
+                            labelName: 'name',
+                            valueName: 'value',
+                        },
+                    };
+                    break;
+                case 'riskType':
+                    formItem = {
+                        label: '风险类型',
+                        type: 'select',
+                        placeholder: '请选择风险类型',
+                        required: true,
+                        definition: {
+                            var: 'riskType',
+                            condiates: isOcr && listType === '0' ? mdRiskType : formDataConfig.riskType || [],
+                            labelName: 'name',
+                            valueName: 'value',
+                        },
+                    };
+                    break;
+                case 'channelEvent':
+                    formItem = {
+                        label: '生效渠道',
+                        type: 'multipleSelect',
+                        placeholder: '请选择生效渠道',
+                        required: true,
+                        definition: {
+                            var: 'channelEvent',
+                            condiates: formDataConfig.channelEvent || [],
+                            labelName: 'name',
+                            valueName: 'value',
+                            defaultValue: [],
+                            allObj: {name: '全部渠道', value: ''},
+                            componentProps: {
+                                optionFilterProp: 'children',
+                            },
+                        },
+                    };
+                    break;
+                case 'channelTWEvent':
+                    formItem = {
+                        label: '生效事件',
+                        type: 'select',
+                        placeholder: '请选择生效事件',
+                        required: true,
+                        definition: {
+                            var: 'channelTWEvent',
+                            condiates: formDataConfig.channelTWEvent || [],
+                            labelName: 'name',
+                            valueName: 'value',
+                            componentProps: {
+                                mode: 'multiple',
+                            },
+                        },
+                    };
+                    break;
+                case 'operation':
+                    formItem = {
+                        label: '匹配方式',
+                        type: 'select',
+                        placeholder: '请选择匹配方式',
+                        required: true,
+                        onChange: handleChange,
+                        definition: {
+                            var: 'operation',
+                            condiates: formatUs(formDataConfig.operation || [], ['name'], t),
+                            labelName: 'name',
+                            valueName: 'value',
+                        },
+                    };
+                    break;
+                case 'useNormalization':
+                    formItem = {
+                        label: '归一化处理',
+                        type: 'custom',
+                        required: true,
+                        hidden: (operation !== 'contain') || !hideIgnoreCase,
+                        customDom: <Switch />,
+                        definition: {
+                            var: 'useNormalization',
+                            formItemProps: {
+                                valuePropName: 'checked',
+                                tooltip: (
+                                    <span style={{whiteSpace: 'pre-wrap'}}>
+                                        {t('开启归一化处理后会对敏感词和请求内容进行相似字转换、全角半角转换与字母大写转换。')}
+                                    </span>
+                                ),
+                            },
+                        },
+                    };
+                    break;
+                case 'language':
+                    formItem = {
+                        label: '识别语种',
+                        type: 'select',
+                        placeholder: '请选择识别语种',
+                        onChange: handleLangChange,
+                        required: true,
+                        definition: {
+                            var: 'lang',
+                            condiates: formatUs(formDataConfig.language || [], ['name'], t),
+                            // 图片OCR,视频文件-音频asr,图片ocr是公司名单都没有全部，其他的文本，asr是只有公司名单的SM公司没有全部
+                            isAddAll: (isOcr || isVideoAsrOcr)
+                                ? listType !== '0' : !(listType === '0' && organization === SM_ACCOUNT),
+                            labelName: 'name',
+                            valueName: 'value',
+                        },
+                    };
+                    break;
+                case 'promptNote':
+                    formItem = {
+                        label: '',
+                        type: 'custom',
+                        noStyle: true,
+                        customDom: PromptNote,
+                        definition: {
+                            var: 'promptNote',
+                            formItemProps: {
+                                colon: false,
+                            },
+                        },
+                    };
+                    break;
+                case 'riskLabel':
+                    formItem = {
+                        label: '风险标签',
+                        type: 'cascader',
+                        placeholder: '请选择风险标签',
+                        required: true,
+                        definition: {
+                            var: 'riskLabel',
+                            condiates: formDataConfig.riskLabel || [],
+                            labelName: !isTw ? 'label_name' : 'label',
+                            valueName: !isTw ? 'label' : 'cardId',
+                            childrenName: !isTw ? 'children' : 'son', // 后端返回字段是son 产品确定 二级三级暂时不让选
+                            componentProps: {
+                                changeOnSelect: true,
+                            },
+                        },
+                    };
+                    break;
+                case 'contents2':
+                    formItem = {
+                        label: '名单内容',
+                        type: 'custom',
+                        customDom: operationRef.current === 'regex'
+                            ? (
+                                <RegexContents />
+                            )
+                            : (
+                                <TextArea
+                                    style={{ width: '345px', height: '120px' }}
+                                    placeholder={t('请填写名单的内容，可使用回车符号连续输入，一行一词')}
+                                    onChange={e => {
+                                        setContent(e.currentTarget.value);
+                                        if (!(e.currentTarget.value)) {
+                                            setIsDisabledBtn(false);
+                                        }
+                                    }}
+                                />
+                            ),
+                        definition: {
+                            var: 'contents',
+                            validator: (_, value) => {
+                                const values = value && value.split('\n').filter(item => item.trim() !== '');
+                                const newValues = value ? values.map(item => item = item.trim()) : [];
+                                const newRegexArr = regexSet(newValues);
+                                if (operationRef.current === 'regex') {
+                                    // let reg = /[*+]+/;
+                                    // if (reg.test(value)) {
+                                    //     return Promise.reject(
+                                    //         t('正则表达式不能包含特殊符号*和+')
+                                    //     );
+                                    // }
+                                    if (value && newRegexArr.length > 10) {
+                                        return Promise.reject(
+                                            t('一条正则名单最多添加10条内容。')
+                                        );
+                                    }
+                                }
+                                if (value && values.length > 200) {
+                                    return Promise.reject(
+                                        t('名单超限，请分词添加')
+                                    );
+                                }
+                                return Promise.resolve();
+
+                            },
+                            customstyle: {
+                                width: '345px',
+                            },
+                        },
+                    };
+                    break;
+                case 'contents':
+                    formItem = {
+                        label: '名单内容',
+                        type: 'textarea',
+                        placeholder:
+                        '请填写名单的内容，可使用回车符号连续输入，一行一词',
+                        onChange: e => {
+                            setContent(e.currentTarget.value);
+                            if (!(e.currentTarget.value)) {
+                                setIsDisabledBtn(false);
+                            }
+                        },
+                        definition: {
+                            var: 'contents',
+                            validator: (_, value) => {
+                                const values = value && value.split('\n').filter(item => item.trim() !== '');
+                                const newValues = value ? values.map(item => item = item.trim()) : [];
+                                const newRegexArr = regexSet(newValues);
+                                if (operationRef.current === 'regex') {
+                                    let reg = /[*+]+/;
+                                    // if (reg.test(value)) {
+                                    //     return Promise.reject(
+                                    //         t('正则表达式不能包含特殊符号*和+')
+                                    //     );
+                                    // }
+                                    if (value && newRegexArr.length > 10) {
+                                        return Promise.reject(
+                                            t('一条正则名单最多添加10条内容。')
+                                        );
+                                    }
+                                }
+                                if (value && values.length > 200) {
+                                    return Promise.reject(
+                                        t('名单超限，请分词添加')
+                                    );
+                                }
+                                return Promise.resolve();
+
+                            },
+                            componentProps: {
+                                rows: 5,
+                            },
+                            customstyle: {
+                                width: '345px',
+                            },
+                        },
+                    };
+                    break;
+                case 'remark':
+                    formItem = {
+                        label: '备注',
+                        type: 'textarea',
+                        placeholder: '对名单内容/图片进行备注，非必填',
+                        definition: {
+                            var: 'remark',
+                            componentProps: {
+                                rows: 3,
+                                maxLength: 100,
+                            },
+                            customstyle: {
+                                width: '345px',
+                            },
+                        },
+                    };
+                    break;
+                case 'DatePicker':
+                    formItem = {
+                        label: ' ',
+                        type: 'custom',
+                        customDom: DatePicker,
+                        definition: {
+                            var: undefined,
+                            formItemProps: {
+                                colon: false,
+                            },
+                        },
+                    };
+                    break;
+                case 'distance':
+                    const tip = _.get(MD_TIP, `${serviceId}.TIP`, TIP_TYPE.TEXT);
+                    const MAX = _.get(MD_TIP, `${serviceId}.MAX`, 200);
+                    formItem = {
+                        label: '组合词间距',
+                        type: 'input',
+                        placeholder: tip,
+                        disabled: type === 'view',
+                        required: false,
+                        definition: {
+                            var: 'distance',
+                            validator: (rule, value, callback) => {
+                                const reg = /^[1-9]\d*$/;
+                                if (value) {
+                                    if (reg.test(value) && value >= 0 && value <= MAX) {
+                                        callback();
+                                    } else {
+                                        callback(`${t('组合词间距应为正整数且')}0~${MD_TIP[serviceId].MAX}`);
+                                    }
+                                } else {
+                                    callback();
+                                }
+                            },
+                        },
+                    };
+                    break;
+                case 'propertyTitle':
+                    formItem = {
+                        label: '',
+                        type: 'custom',
+                        customDom: PropertyTitle,
+                        definition: {
+                            var: 'propertyTitle',
+                            formItemProps: {
+                                colon: false,
+                            },
+                        },
+                    };
+                    break;
+                case 'contentTitle':
+                    formItem = {
+                        label: '',
+                        type: 'custom',
+                        customDom: ContentTitle,
+                        definition: {
+                            var: 'contentTitle',
+                            formItemProps: {
+                                colon: false,
+                            },
+                        },
+                    };
+                    break;
+                case 'tipNote':
+                    formItem = {
+                        label: '',
+                        type: 'custom',
+                        customDom: TipNote,
+                        definition: {
+                            var: 'tipNote',
+                            formItemProps: {
+                                colon: false,
+                            },
+                        },
+                    };
+                    break;
+                case 'uploadImg':
+                    formItem = {
+                        label: '',
+                        type: 'custom',
+                        customDom: (
+                            <TabsImg
+                                onTabChange={() => {
+                                    setDatas(undefined);
+                                }}
+                                onChange={setDatas}
+                            />
+                        ),
+                        definition: {
+                            var: 'contents',
+                            formItemProps: {
+                                colon: false,
+                            },
+                        },
+                    };
+                    break;
+                case 'uploadVideo':
+                    formItem = {
+                        label: '',
+                        type: 'custom',
+                        customDom: (
+                            <TabsVideo
+                                onTabChange={() => {
+                                    setDatas(undefined);
+                                }}
+                                fileList={datas}
+                                onChange={setDatas}
+                            />
+                        ),
+                        definition: {
+                            var: 'contents',
+                            formItemProps: {
+                                colon: false,
+                            },
+                        },
+                    };
+                    break;
+                case 'ignoreCase':
+                    formItem = {
+                        label: '归一化',
+                        type: 'select',
+                        placeholder: '请选择归一化',
+                        required: true,
+                        hidden: hideIgnoreCase,
+                        definition: {
+                            var: 'ignoreCase',
+                            default: '',
+                            condiates: formatUs([
+                                {
+                                    name: '默认不归一化',
+                                    value: '0',
+                                },
+                                {
+                                    name: '英文大小写归一化',
+                                    value: '1',
+                                },
+                            ], ['name'], t),
+                            labelName: 'name',
+                            valueName: 'value',
+                        },
+                    };
+                    break;
+            }
+            return formItem;
+        });
+    return (
+        <div className={styles['md-form']}>
+            <div className={styles['bread-crumb']}>
+                <Breadcrumb separator=">">
+                    <Breadcrumb.Item>
+                        <span
+                            onClick={() => {
+                                onCancel && onCancel();
+                            }}
+                            className={styles.back}
+                        >
+                            {t('名单列表')}
+                        </span>
+                    </Breadcrumb.Item>
+                    <Breadcrumb.Item>{t(title)}</Breadcrumb.Item>
+                </Breadcrumb>
+            </div>
+            <div className={styles['form-content']}>
+                <SMForm
+                    initialValues={{...initialValues, useNormalization: true, distance: initialDistance, ignoreCase: '0'}}
+                    formProps={{
+                        style: { width: '850px' },
+                    }}
+                    setForm={form => setForm(form)}
+                    isShowSubmitBtn
+                    formData={formatUs(
+                        [...formData, ...(hiddenAudit ? [] : adminApply.getAuditApplyFormOptions(true, t))],
+                        ['label', 'placeholder'],
+                        t
+                    )}
+                    submitText={t('确定')}
+                    cancelText={t('取消')}
+                    isSubmit={isSubmit}
+                    onCancel={() => {
+                        onCancel && onCancel();
+                    }}
+                    onSubmit={values => {
+                        onFinish(values);
+                    }}
+                />
+                <div
+                    className={styles.tense}
+                    style={{
+                        display: SHOW_TENSE_BTN.includes(operation) && ['POST_TEXT', 'POST_TEXT_EN'].includes(serviceId)
+                            ? 'block'
+                            : 'none',
+                    }}
+                >
+                    <Tooltip
+                        title={t('清空名单内容后，可再次进行时态扩充。')}
+                    >
+                        <Button
+                            type="dashed"
+                            onClick={handTenseClick}
+                            disabled={isDisabledBtn}
+                        >
+                            {t('时态扩充')}
+                        </Button>
+                    </Tooltip>
+
+                </div>
+
+            </div>
+        </div>
+    );
+};
+
+export default CreateMdForm;