diff --git a/src/components/ai/mod/AiHelperMod.tsx b/src/components/ai/mod/AiHelperMod.tsx index 4dcb073..ca1b693 100644 --- a/src/components/ai/mod/AiHelperMod.tsx +++ b/src/components/ai/mod/AiHelperMod.tsx @@ -1,12 +1,15 @@ import './ai-helper-mod.css' -import { Button, +import { + Button, // Divider, Dropdown, Space, - Table, TableProps, Modal } from "antd"; + Table, TableProps, Modal +} from "antd"; import { // CheckOutlined, - LoadingOutlined, + LoadingOutlined, // ReloadOutlined, - RedoOutlined } from "@ant-design/icons"; + RedoOutlined +} from "@ant-design/icons"; import { useEffect, useState } from "react"; import { IProjMod } from "../../../interfaces/proj/IProj.ts"; import EditModal from '../../EditModal/EditModal.tsx' @@ -71,6 +74,11 @@ export default function AiHelperMod(props: PropsType) { }) }, []) + const returnValue = (value:string) => { + // 如果value包含. / \ ` ! @ # $ % ^ & * ( ) 等特殊符号 去掉 + // return value.replace(/[\\/:*?"<>|]/g, ''); + return value.replace(/[./\\`!@#$%^&*()]/g, ''); + } const modColumnArray: TableProps['columns'] = [ { title: '序号', @@ -82,7 +90,15 @@ export default function AiHelperMod(props: PropsType) { return index + 1 } }, - { title: '模块名称', dataIndex: 'modName', key: 'name', width: 200, align: 'center' }, + { title: '模块名称', dataIndex: 'modName', key: 'name', width: 200, align: 'center', + render: (value) => { + return ( +
+ {returnValue(value)} +
+ ) + } + }, { title: '模块描述', dataIndex: 'modDesc', key: 'desc', align: 'center' }, { title: 'AI状态', @@ -248,7 +264,7 @@ export default function AiHelperMod(props: PropsType) { } }, ]; - + const newModColumnArray: TableProps['columns'] = [ { title: '序号', @@ -260,7 +276,16 @@ export default function AiHelperMod(props: PropsType) { return index + 1 } }, - { title: '模块名称', dataIndex: 'name', key: 'name', width: 200, align: 'center' }, + { + title: '模块名称', dataIndex: 'name', key: 'name', width: 200, align: 'center', + render: (value) => { + return ( +
+ {returnValue(value)} +
+ ) + } + }, { title: '模块描述', dataIndex: 'desc', key: 'desc', align: 'center' }, { title: '操作', @@ -333,7 +358,7 @@ export default function AiHelperMod(props: PropsType) { // // -
+
{modArray.length > 0 ? <> @@ -392,7 +417,7 @@ export default function AiHelperMod(props: PropsType) { <> 点击AI自动生成后可自动生成模块管理... }
diff --git a/src/components/modfield/ModField.tsx b/src/components/modfield/ModField.tsx index afd084c..d2f9eeb 100644 --- a/src/components/modfield/ModField.tsx +++ b/src/components/modfield/ModField.tsx @@ -43,7 +43,15 @@ export default function ModField(props: PropsType) { setTableDataArray(props.modFiledArray) } }, [props.modFiledArray]) - + const returnValue = (value:string) => { + if (value && value[0].match(/[0-9]/)) { + // 生成一个随机的小写字母 + const randomChar = String.fromCharCode(97 + Math.floor(Math.random() * 26)); + value = randomChar + value; + } + return value; + } + const columns: TableProps['columns'] = [ { title: '描述*', @@ -51,7 +59,7 @@ export default function ModField(props: PropsType) { render: (text, _record, index) => { if (props.isEdit) { return ( - { + { const item = tableDataArray[index]; const value = e.target.value; const fieldName = pinyin(value, { @@ -72,9 +80,10 @@ export default function ModField(props: PropsType) { setTableDataArray([...tableDataArray]); handleChange(); }}/> + ) } else { - return text; + return returnValue(text); } } },