Refactor(Form): Optimize form input experience

Add placeholder. Optimize form validation. Hide ID input.

src/pages/Tools/Edit.tsx

@@ -369,7 +369,11 @@ const Edit = () => {
             <AntdForm.Item name={'icon'} hidden>
                 <AntdInput />
             </AntdForm.Item>
-            <AntdForm.Item label={'名称'} name={'name'} rules={[{ required: true }]}>
+            <AntdForm.Item
+                label={'名称'}
+                name={'name'}
+                rules={[{ required: true, whitespace: true }]}
+            >
                 <AntdInput maxLength={20} showCount placeholder={'请输入名称'} />
             </AntdForm.Item>
             <AntdForm.Item label={'简介'} name={'description'}>
@@ -384,18 +388,17 @@ const Edit = () => {
                 label={'关键字'}
                 tooltip={'工具搜索（每个不超过10个字符）'}
                 name={'keywords'}
-                rules={[{ required: true, message: '请输入关键字' }]}
+                rules={[{ required: true, whitespace: true }]}
             >
-                <AntdSelect placeholder={'请输入关键字'} mode={'tags'} maxCount={20} />
+                <AntdSelect mode={'tags'} maxCount={20} placeholder={'请输入关键字'} />
             </AntdForm.Item>
             <AntdForm.Item
                 label={'类别'}
                 tooltip={'工具分类'}
                 name={'categories'}
-                rules={[{ required: true }]}
+                rules={[{ required: true, whitespace: true }]}
             >
                 <AntdSelect
-                    placeholder={'请选择类别'}
                     mode={'multiple'}
                     options={categoryData?.map((value) => ({
                         value: value.id,
@@ -403,6 +406,7 @@ const Edit = () => {
                     }))}
                     loading={loadingCategory}
                     disabled={loadingCategory}
+                    placeholder={'请选择类别'}
                 />
             </AntdForm.Item>
         </AntdForm>