diff --git a/src/pages/Agent/Module/AddModal.tsx b/src/pages/Agent/Module/AddModal.tsx
index dd40f1879d9e42b2ded5de3b8c540e902f8ee37a..3ad059df935518ca53c30d989bec701f57bb9869 100644
--- a/src/pages/Agent/Module/AddModal.tsx
+++ b/src/pages/Agent/Module/AddModal.tsx
@@ -22,19 +22,19 @@ export default forwardRef((props: any, ref: any) => {
   // 1.请求数据
   const getVersionData = async () => {
     try {
-      const res: any = await queryVersionList({ page_num: 1, page_size: 100000  });
-      const { code, msg, data=[] } = res || {}
+      const res: any = await queryVersionList({ page_num: 1, page_size: 100000 });
+      const { code, msg, data = [] } = res || {}
       if (code === 200) {
         setVersionData(data)
       } else {
-        message.error(msg || formatMessage({id: 'request.version.fai'}) );
+        message.error(msg || formatMessage({ id: 'request.version.fai' }));
       }
     } catch (e) {
       // setLoading(false)
     }
   }
 
-  useEffect(()=> {
+  useEffect(() => {
     // 请求版本列表数据
     getVersionData()
   }, [])
@@ -42,12 +42,12 @@ export default forwardRef((props: any, ref: any) => {
   useImperativeHandle(
     ref,
     () => ({
-        show: ({ title= '', detailData}: any) => {
-          setVisible(true)
-          // setTitle(title);
-          setEditData(detailData)
-          form.setFieldsValue({ ...detailData, version: detailData.version && `${detailData.version}|${detailData.os}|${detailData.arch}` })
-        }
+      show: ({ title = '', detailData }: any) => {
+        setVisible(true)
+        // setTitle(title);
+        setEditData(detailData)
+        form.setFieldsValue({ ...detailData, version: detailData.version && `${detailData.version}|${detailData.os}|${detailData.arch}` })
+      }
     })
   )
 
@@ -56,21 +56,21 @@ export default forwardRef((props: any, ref: any) => {
       setLoading(true);
 
       const { version, ...otherParam } = values
-      const list = version.split('|')
-      const field = ['version','os','arch']
+      const list = version?.split('|') || []
+      const field = ['version', 'os', 'arch']
       field.forEach((n: any, i: number) => {
         otherParam[n] = list[i]
       })
 
       const { code, msg } = values.id ? await agentEdit(otherParam) : await agentAdd(otherParam);
       if (code === 200) {
-        message.success(values.id? formatMessage({id: 'modified.succeeded'}): formatMessage({id: 'created.succeeded'}));
-        setVisible(false); 
+        message.success(values.id ? formatMessage({ id: 'modified.succeeded' }) : formatMessage({ id: 'created.succeeded' }));
+        setVisible(false);
         form.resetFields();
         props.callback();
-      } 
+      }
       else {
-        message.error(msg || formatMessage({id: 'created.failed'}));
+        message.error(msg || formatMessage({ id: 'created.failed' }));
       }
       setLoading(false);
     }).catch(() => {
@@ -86,23 +86,23 @@ export default forwardRef((props: any, ref: any) => {
 
   const { formatMessage } = useIntl();
   const placeholder = formatMessage({ id: "Form.select.placeholder" });
-  const requiredMessage = formatMessage({ id: 'Form.select.message'});
-
-	return (
-      <div>
-        <Modal title={formatMessage({ id: (editData.id ? 'agent.modal.edit.title' : 'agent.modal.add.title') }) }
-          visible={visible}
-          maskClosable={false}
-          width={460}
-          confirmLoading={loading}
-          onOk={handleOk}
-          onCancel={handleCancel}
-        >
-          <div>
+  const requiredMessage = formatMessage({ id: 'Form.select.message' });
+
+  return (
+    <div>
+      <Modal title={formatMessage({ id: (editData.id ? 'agent.modal.edit.title' : 'agent.modal.add.title') })}
+        visible={visible}
+        maskClosable={false}
+        width={460}
+        confirmLoading={loading}
+        onOk={handleOk}
+        onCancel={handleCancel}
+      >
+        <div>
           <Form form={form} layout="vertical">
-            <Form.Item style={{ display: 'none'}}
+            <Form.Item style={{ display: 'none' }}
               name="id">
-              <Input type="hidden"/>
+              <Input type="hidden" />
             </Form.Item>
 
             <Form.Item label="IP"
@@ -141,7 +141,7 @@ export default forwardRef((props: any, ref: any) => {
                 }
               ]}
             >
-              <Input placeholder={formatMessage({ id: "Form.input.placeholder" })}/>
+              <Input placeholder={formatMessage({ id: "Form.input.placeholder" })} />
             </Form.Item>
 
             <Form.Item label="Mode" name="mode"
@@ -151,12 +151,12 @@ export default forwardRef((props: any, ref: any) => {
                 <Radio value="active">
                   active
                   <Popover placement="topLeft" content={formatMessage({ id: "mode.popover.active" })}>
-                    <QuestionCircleOutlined style={{ opacity:0.65, marginLeft:4 }}/></Popover>
+                    <QuestionCircleOutlined style={{ opacity: 0.65, marginLeft: 4 }} /></Popover>
                 </Radio>
                 <Radio value="passive">
                   passive
                   <Popover placement="topLeft" content={formatMessage({ id: "mode.popover.passive" })}>
-                    <QuestionCircleOutlined style={{ opacity:0.65, marginLeft:4 }}/></Popover>
+                    <QuestionCircleOutlined style={{ opacity: 0.65, marginLeft: 4 }} /></Popover>
                 </Radio>
               </Radio.Group>
             </Form.Item>
@@ -164,22 +164,29 @@ export default forwardRef((props: any, ref: any) => {
             <Form.Item label={<FormattedMessage id="agent.modal.Version" />}
               name="version"
               rules={[{
-                required: false,
+                required: true,
                 message: requiredMessage,
               }]}>
               <Select placeholder={placeholder}
                 showSearch
                 optionFilterProp="children"
-                filterOption={(input, option:any) =>
-                  option.children.toLowerCase().indexOf(input.toLowerCase()) >= 0
-                }>
+                filterOption={(input, option: any) => {
+                  // console.log('option:', option)
+                  const { children } = option
+                  let matchOption = ''
+                  if (typeof children === 'string') matchOption = children
+                  if (Array.isArray(children)) matchOption = children.join('')
+
+                  return matchOption.toLowerCase().indexOf(input.toLowerCase()) >= 0
+                }}>
                 {versionData.map((item: any) => {
-                  const tagState = item.is_new ? 'new': (item.is_stable ? 'stable': null)
+                  const tagState = item.is_new ? 'new' : (item.is_stable ? 'stable' : null)
                   return (
                     <Select.Option key={item.id} value={`${item.version}|${item.os}|${item.arch}`}>
                       {item.version}（{item.os} | {item.arch}）{tagState && <div className={styles.common}>{tagState}</div>}
                     </Select.Option>
-                  )}
+                  )
+                }
                 )}
               </Select>
             </Form.Item>
@@ -203,8 +210,8 @@ export default forwardRef((props: any, ref: any) => {
             </Form.Item>
           </Form>
 
-          </div>
-        </Modal>
-      </div>
-	);
+        </div>
+      </Modal>
+    </div>
+  );
 });
\ No newline at end of file