From 86a16c97222c320c77aef2dd195472376fbfe6f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Tue, 25 Apr 2023 10:15:07 +0800
Subject: [PATCH] =?UTF-8?q?input=20=E9=83=BD=E5=A2=9E=E5=8A=A0=E6=B8=85?=
 =?UTF-8?q?=E7=A9=BA=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/compenents/create-rs-category/index.tsx   |  1 +
 src/pages/change-password/index.tsx           |  4 ++--
 src/pages/course/compenents/create.tsx        |  2 ++
 src/pages/course/compenents/hour-update.tsx   |  1 +
 src/pages/course/compenents/update.tsx        |  1 +
 src/pages/course/index.tsx                    |  1 +
 src/pages/course/user.tsx                     |  2 ++
 src/pages/department/compenents/create.tsx    |  6 +++++-
 src/pages/login/index.tsx                     |  3 +++
 src/pages/member/compenents/create.tsx        | 13 +++++++++++--
 src/pages/member/compenents/update.tsx        | 19 ++++++++++++++++---
 src/pages/member/departmentUser.tsx           |  2 ++
 src/pages/member/index.tsx                    |  2 ++
 .../resource-category/compenents/create.tsx   |  6 +++++-
 .../resource-category/compenents/update.tsx   |  6 +++++-
 .../administrator/compenents/create.tsx       | 13 +++++++++++--
 .../administrator/compenents/update.tsx       | 13 +++++++++++--
 src/pages/system/administrator/index.tsx      |  1 +
 .../system/adminroles/compenents/create.tsx   |  1 +
 .../system/adminroles/compenents/update.tsx   |  6 +++++-
 src/pages/system/config/index.tsx             | 14 +++++++++++---
 21 files changed, 99 insertions(+), 18 deletions(-)

diff --git a/src/compenents/create-rs-category/index.tsx b/src/compenents/create-rs-category/index.tsx
index 4899a15..e1c8449 100644
--- a/src/compenents/create-rs-category/index.tsx
+++ b/src/compenents/create-rs-category/index.tsx
@@ -54,6 +54,7 @@ export const CreateResourceCategory = (props: PropInterface) => {
           onChange={(e) => {
             setName(e.target.value);
           }}
+          allowClear
         />
       </Modal>
     </>
diff --git a/src/pages/change-password/index.tsx b/src/pages/change-password/index.tsx
index 11aced1..b23e718 100644
--- a/src/pages/change-password/index.tsx
+++ b/src/pages/change-password/index.tsx
@@ -45,14 +45,14 @@ const ChangePasswordPage = () => {
                 name="old_password"
                 rules={[{ required: true, message: "请输入原密码!" }]}
               >
-                <Input.Password placeholder="请输入原密码" />
+                <Input.Password placeholder="请输入原密码" allowClear />
               </Form.Item>
               <Form.Item
                 label="新密码"
                 name="new_password"
                 rules={[{ required: true, message: "请输入新密码!" }]}
               >
-                <Input.Password placeholder="请输入新密码" />
+                <Input.Password placeholder="请输入新密码" allowClear />
               </Form.Item>
               <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
                 <Button type="primary" htmlType="submit">
diff --git a/src/pages/course/compenents/create.tsx b/src/pages/course/compenents/create.tsx
index ed61adb..41f8e87 100644
--- a/src/pages/course/compenents/create.tsx
+++ b/src/pages/course/compenents/create.tsx
@@ -470,6 +470,7 @@ export const CourseCreate: React.FC<PropInterface> = ({
               <Input
                 style={{ width: 424 }}
                 placeholder="请在此处输入课程名称"
+                allowClear
               />
             </Form.Item>
             <Form.Item
@@ -683,6 +684,7 @@ export const CourseCreate: React.FC<PropInterface> = ({
                             onChange={(e) => {
                               setChapterName(index, e.target.value);
                             }}
+                            allowClear
                             placeholder="请在此处输入章节名称"
                           />
                           <Button
diff --git a/src/pages/course/compenents/hour-update.tsx b/src/pages/course/compenents/hour-update.tsx
index 8a622ba..5d25b7d 100644
--- a/src/pages/course/compenents/hour-update.tsx
+++ b/src/pages/course/compenents/hour-update.tsx
@@ -451,6 +451,7 @@ export const CourseHourUpdate: React.FC<PropInterface> = ({
                               saveChapterName(index, e.target.value);
                             }}
                             placeholder="请在此处输入章节名称"
+                            allowClear
                           />
                           <Button
                             className="mr-16"
diff --git a/src/pages/course/compenents/update.tsx b/src/pages/course/compenents/update.tsx
index 8ad8853..8fd3e4c 100644
--- a/src/pages/course/compenents/update.tsx
+++ b/src/pages/course/compenents/update.tsx
@@ -224,6 +224,7 @@ export const CourseUpdate: React.FC<PropInterface> = ({
               rules={[{ required: true, message: "请在此处输入课程名称!" }]}
             >
               <Input
+                allowClear
                 style={{ width: 424 }}
                 placeholder="请在此处输入课程名称"
               />
diff --git a/src/pages/course/index.tsx b/src/pages/course/index.tsx
index 14cb94b..e09c0e4 100644
--- a/src/pages/course/index.tsx
+++ b/src/pages/course/index.tsx
@@ -376,6 +376,7 @@ const CoursePage = () => {
                   onChange={(e) => {
                     setTitle(e.target.value);
                   }}
+                  allowClear
                   style={{ width: 160 }}
                   placeholder="请输入名称关键字"
                 />
diff --git a/src/pages/course/user.tsx b/src/pages/course/user.tsx
index fb74011..5aad9d4 100644
--- a/src/pages/course/user.tsx
+++ b/src/pages/course/user.tsx
@@ -206,6 +206,7 @@ const CourseUserPage = () => {
                   onChange={(e) => {
                     setName(e.target.value);
                   }}
+                  allowClear
                   style={{ width: 160 }}
                   placeholder="请输入姓名关键字"
                 />
@@ -217,6 +218,7 @@ const CourseUserPage = () => {
                   onChange={(e) => {
                     setEmail(e.target.value);
                   }}
+                  allowClear
                   style={{ width: 160 }}
                   placeholder="请输入学员邮箱"
                 />
diff --git a/src/pages/department/compenents/create.tsx b/src/pages/department/compenents/create.tsx
index 5090ec8..cf11d83 100644
--- a/src/pages/department/compenents/create.tsx
+++ b/src/pages/department/compenents/create.tsx
@@ -147,7 +147,11 @@ export const DepartmentCreate: React.FC<PropInterface> = ({
               name="name"
               rules={[{ required: true, message: "请输入部门名称!" }]}
             >
-              <Input style={{ width: 200 }} placeholder="请输入部门名称" />
+              <Input
+                style={{ width: 200 }}
+                allowClear
+                placeholder="请输入部门名称"
+              />
             </Form.Item>
           </Form>
         </div>
diff --git a/src/pages/login/index.tsx b/src/pages/login/index.tsx
index a614298..4767cf8 100644
--- a/src/pages/login/index.tsx
+++ b/src/pages/login/index.tsx
@@ -129,6 +129,7 @@ const LoginPage = () => {
               style={{ width: 400, height: 54 }}
               placeholder="请输入管理员邮箱账号"
               onKeyUp={(e) => keyUp(e)}
+              allowClear
             />
           </div>
           <div className="login-box d-flex mt-50">
@@ -137,6 +138,7 @@ const LoginPage = () => {
               onChange={(e) => {
                 setPassword(e.target.value);
               }}
+              allowClear
               style={{ width: 400, height: 54 }}
               placeholder="请输入密码"
             />
@@ -149,6 +151,7 @@ const LoginPage = () => {
               onChange={(e) => {
                 setCaptchaVal(e.target.value);
               }}
+              allowClear
               onKeyUp={(e) => keyUp(e)}
             />
             <div className={styles["captcha-box"]}>
diff --git a/src/pages/member/compenents/create.tsx b/src/pages/member/compenents/create.tsx
index 2dc214d..09b9619 100644
--- a/src/pages/member/compenents/create.tsx
+++ b/src/pages/member/compenents/create.tsx
@@ -154,7 +154,11 @@ export const MemberCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
               name="email"
               rules={[{ required: true, message: "请输入登录邮箱!" }]}
             >
-              <Input style={{ width: 274 }} placeholder="请输入学员登录邮箱" />
+              <Input
+                allowClear
+                style={{ width: 274 }}
+                placeholder="请输入学员登录邮箱"
+              />
             </Form.Item>
             <Form.Item
               label="登录密码"
@@ -162,6 +166,7 @@ export const MemberCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
               rules={[{ required: true, message: "请输入登录密码!" }]}
             >
               <Input.Password
+                allowClear
                 style={{ width: 274 }}
                 placeholder="请输入登录密码"
               />
@@ -182,7 +187,11 @@ export const MemberCreate: React.FC<PropInterface> = ({ open, onCancel }) => {
               />
             </Form.Item>
             <Form.Item label="身份证号" name="idCard">
-              <Input style={{ width: 274 }} placeholder="请填写学员身份证号" />
+              <Input
+                style={{ width: 274 }}
+                allowClear
+                placeholder="请填写学员身份证号"
+              />
             </Form.Item>
           </Form>
         </div>
diff --git a/src/pages/member/compenents/update.tsx b/src/pages/member/compenents/update.tsx
index 477f77f..4ee2bf2 100644
--- a/src/pages/member/compenents/update.tsx
+++ b/src/pages/member/compenents/update.tsx
@@ -181,18 +181,27 @@ export const MemberUpdate: React.FC<PropInterface> = ({
               name="name"
               rules={[{ required: true, message: "请输入学员姓名!" }]}
             >
-              <Input style={{ width: 274 }} placeholder="请填写学员姓名" />
+              <Input
+                allowClear
+                style={{ width: 274 }}
+                placeholder="请填写学员姓名"
+              />
             </Form.Item>
             <Form.Item
               label="登录邮箱"
               name="email"
               rules={[{ required: true, message: "请输入登录邮箱!" }]}
             >
-              <Input style={{ width: 274 }} placeholder="请输入学员登录邮箱" />
+              <Input
+                style={{ width: 274 }}
+                allowClear
+                placeholder="请输入学员登录邮箱"
+              />
             </Form.Item>
             <Form.Item label="登录密码" name="password">
               <Input.Password
                 style={{ width: 274 }}
+                allowClear
                 placeholder="请输入登录密码"
               />
             </Form.Item>
@@ -212,7 +221,11 @@ export const MemberUpdate: React.FC<PropInterface> = ({
               />
             </Form.Item>
             <Form.Item label="身份证号" name="idCard">
-              <Input style={{ width: 274 }} placeholder="请填写学员身份证号" />
+              <Input
+                allowClear
+                style={{ width: 274 }}
+                placeholder="请填写学员身份证号"
+              />
             </Form.Item>
           </Form>
         </div>
diff --git a/src/pages/member/departmentUser.tsx b/src/pages/member/departmentUser.tsx
index 2db7ba7..39982c4 100644
--- a/src/pages/member/departmentUser.tsx
+++ b/src/pages/member/departmentUser.tsx
@@ -223,6 +223,7 @@ const MemberDepartmentProgressPage = () => {
               onChange={(e) => {
                 setName(e.target.value);
               }}
+              allowClear
               style={{ width: 160 }}
               placeholder="请输入姓名关键字"
             />
@@ -234,6 +235,7 @@ const MemberDepartmentProgressPage = () => {
               onChange={(e) => {
                 setEmail(e.target.value);
               }}
+              allowClear
               style={{ width: 160 }}
               placeholder="请输入邮箱"
             />
diff --git a/src/pages/member/index.tsx b/src/pages/member/index.tsx
index 331cf28..bd12c2f 100644
--- a/src/pages/member/index.tsx
+++ b/src/pages/member/index.tsx
@@ -320,6 +320,7 @@ const MemberPage = () => {
                   }}
                   style={{ width: 160 }}
                   placeholder="请输入姓名关键字"
+                  allowClear
                 />
               </div>
               <div className="d-flex mr-24">
@@ -331,6 +332,7 @@ const MemberPage = () => {
                   }}
                   style={{ width: 160 }}
                   placeholder="请输入邮箱账号"
+                  allowClear
                 />
               </div>
               <div className="d-flex">
diff --git a/src/pages/resource/resource-category/compenents/create.tsx b/src/pages/resource/resource-category/compenents/create.tsx
index d58d80f..09d4979 100644
--- a/src/pages/resource/resource-category/compenents/create.tsx
+++ b/src/pages/resource/resource-category/compenents/create.tsx
@@ -147,7 +147,11 @@ export const ResourceCategoryCreate: React.FC<PropInterface> = ({
               name="name"
               rules={[{ required: true, message: "请输入分类名称!" }]}
             >
-              <Input style={{ width: 200 }} placeholder="请输入分类名称" />
+              <Input
+                style={{ width: 200 }}
+                allowClear
+                placeholder="请输入分类名称"
+              />
             </Form.Item>
           </Form>
         </div>
diff --git a/src/pages/resource/resource-category/compenents/update.tsx b/src/pages/resource/resource-category/compenents/update.tsx
index 28bac87..aa5d7e7 100644
--- a/src/pages/resource/resource-category/compenents/update.tsx
+++ b/src/pages/resource/resource-category/compenents/update.tsx
@@ -169,7 +169,11 @@ export const ResourceCategoryUpdate: React.FC<PropInterface> = ({
               name="name"
               rules={[{ required: true, message: "请输入分类名称!" }]}
             >
-              <Input style={{ width: 200 }} placeholder="请输入分类名称" />
+              <Input
+                style={{ width: 200 }}
+                allowClear
+                placeholder="请输入分类名称"
+              />
             </Form.Item>
           </Form>
         </div>
diff --git a/src/pages/system/administrator/compenents/create.tsx b/src/pages/system/administrator/compenents/create.tsx
index e447677..641cfa6 100644
--- a/src/pages/system/administrator/compenents/create.tsx
+++ b/src/pages/system/administrator/compenents/create.tsx
@@ -125,14 +125,22 @@ export const SystemAdministratorCreate: React.FC<PropInterface> = ({
               name="name"
               rules={[{ required: true, message: "请输入管理员姓名!" }]}
             >
-              <Input style={{ width: 200 }} placeholder="请输入管理员姓名" />
+              <Input
+                allowClear
+                style={{ width: 200 }}
+                placeholder="请输入管理员姓名"
+              />
             </Form.Item>
             <Form.Item
               label="邮箱"
               name="email"
               rules={[{ required: true, message: "请输入学员邮箱!" }]}
             >
-              <Input style={{ width: 200 }} placeholder="请输入学员邮箱" />
+              <Input
+                allowClear
+                style={{ width: 200 }}
+                placeholder="请输入学员邮箱"
+              />
             </Form.Item>
             <Form.Item
               label="密码"
@@ -140,6 +148,7 @@ export const SystemAdministratorCreate: React.FC<PropInterface> = ({
               rules={[{ required: true, message: "请输入登录密码!" }]}
             >
               <Input.Password
+                allowClear
                 style={{ width: 200 }}
                 placeholder="请输入登录密码"
               />
diff --git a/src/pages/system/administrator/compenents/update.tsx b/src/pages/system/administrator/compenents/update.tsx
index c87be6c..f069316 100644
--- a/src/pages/system/administrator/compenents/update.tsx
+++ b/src/pages/system/administrator/compenents/update.tsx
@@ -133,18 +133,27 @@ export const SystemAdministratorUpdate: React.FC<PropInterface> = ({
               name="name"
               rules={[{ required: true, message: "请输入管理员姓名!" }]}
             >
-              <Input style={{ width: 200 }} placeholder="请输入管理员姓名" />
+              <Input
+                allowClear
+                style={{ width: 200 }}
+                placeholder="请输入管理员姓名"
+              />
             </Form.Item>
             <Form.Item
               label="邮箱"
               name="email"
               rules={[{ required: true, message: "请输入学员邮箱!" }]}
             >
-              <Input style={{ width: 200 }} placeholder="请输入学员邮箱" />
+              <Input
+                allowClear
+                style={{ width: 200 }}
+                placeholder="请输入学员邮箱"
+              />
             </Form.Item>
             <Form.Item label="密码" name="password">
               <Input.Password
                 style={{ width: 200 }}
+                allowClear
                 placeholder="请输入登录密码"
               />
             </Form.Item>
diff --git a/src/pages/system/administrator/index.tsx b/src/pages/system/administrator/index.tsx
index ab0c9c9..6161916 100644
--- a/src/pages/system/administrator/index.tsx
+++ b/src/pages/system/administrator/index.tsx
@@ -283,6 +283,7 @@ const SystemAdministratorPage = () => {
                   onChange={(e) => {
                     setName(e.target.value);
                   }}
+                  allowClear
                   style={{ width: 160 }}
                   placeholder="请输入管理员姓名"
                 />
diff --git a/src/pages/system/adminroles/compenents/create.tsx b/src/pages/system/adminroles/compenents/create.tsx
index 8525b2a..8bb1d60 100644
--- a/src/pages/system/adminroles/compenents/create.tsx
+++ b/src/pages/system/adminroles/compenents/create.tsx
@@ -180,6 +180,7 @@ export const SystemAdminrolesCreate: React.FC<PropInterface> = ({
               <Input
                 style={{ width: 424 }}
                 placeholder="请在此处输入角色名称"
+                allowClear
               />
             </Form.Item>
             <Form.Item label="操作权限" name="action_ids">
diff --git a/src/pages/system/adminroles/compenents/update.tsx b/src/pages/system/adminroles/compenents/update.tsx
index 555cae1..7b2d750 100644
--- a/src/pages/system/adminroles/compenents/update.tsx
+++ b/src/pages/system/adminroles/compenents/update.tsx
@@ -191,7 +191,11 @@ export const SystemAdminrolesUpdate: React.FC<PropInterface> = ({
               name="name"
               rules={[{ required: true, message: "请输入角色名!" }]}
             >
-              <Input style={{ width: 424 }} placeholder="请输入角色名" />
+              <Input
+                style={{ width: 424 }}
+                allowClear
+                placeholder="请输入角色名"
+              />
             </Form.Item>
             <Form.Item label="操作权限" name="action_ids">
               <TreeSelect
diff --git a/src/pages/system/config/index.tsx b/src/pages/system/config/index.tsx
index a5f0112..8644d9e 100644
--- a/src/pages/system/config/index.tsx
+++ b/src/pages/system/config/index.tsx
@@ -251,7 +251,11 @@ const SystemConfigPage = () => {
             label="网站页脚"
             name="system.pc_index_footer_msg"
           >
-            <Input style={{ width: 274 }} placeholder="请填写网站页脚" />
+            <Input
+              style={{ width: 274 }}
+              allowClear
+              placeholder="请填写网站页脚"
+            />
           </Form.Item>
           {/* <Form.Item
             style={{ marginBottom: 30 }}
@@ -315,7 +319,11 @@ const SystemConfigPage = () => {
           <Form.Item style={{ marginBottom: 30 }} label="跑马灯内容">
             <Space align="baseline" style={{ height: 32 }}>
               <Form.Item name="player.bullet_secret_text">
-                <Input style={{ width: 274 }} placeholder="自定义跑马灯内容" />
+                <Input
+                  style={{ width: 274 }}
+                  allowClear
+                  placeholder="自定义跑马灯内容"
+                />
               </Form.Item>
               <Checkbox
                 checked={nameChecked}
@@ -345,7 +353,7 @@ const SystemConfigPage = () => {
             label="跑马灯文字颜色"
             name="player.bullet_secret_color"
           >
-            <Input type="color" style={{ width: 32, padding: 0 }} />
+            <Input type="color" allowClear style={{ width: 32, padding: 0 }} />
           </Form.Item>
           <Form.Item
             style={{ marginBottom: 30 }}