From 99ffe6a86ac9961ad5b9be0171b01acdfa0cf994 Mon Sep 17 00:00:00 2001
From: kailong321200875 <321200875@qq.com>
Date: Wed, 27 Sep 2023 10:22:47 +0800
Subject: [PATCH] =?UTF-8?q?style:=20formDemo=E9=9B=86=E6=88=90=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E9=80=89=E6=8B=A9=E5=99=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Form/src/helper/componentMap.ts |  4 +++-
 src/components/Form/src/types/index.ts         |  3 ++-
 src/locales/en.ts                              |  3 ++-
 src/locales/zh-CN.ts                           |  3 ++-
 src/views/Components/Form/DefaultForm.vue      | 11 +++++++++++
 5 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/Form/src/helper/componentMap.ts b/src/components/Form/src/helper/componentMap.ts
index 1f6900954..ec912ea26 100644
--- a/src/components/Form/src/helper/componentMap.ts
+++ b/src/components/Form/src/helper/componentMap.ts
@@ -23,6 +23,7 @@ import {
 import { InputPassword } from '@/components/InputPassword'
 import { Editor } from '@/components/Editor'
 import { JsonEditor } from '@/components/JsonEditor'
+import { IconPicker } from '@/components/IconPicker'
 import { ComponentName } from '../types'
 
 const componentMap: Recordable<Component, ComponentName> = {
@@ -49,7 +50,8 @@ const componentMap: Recordable<Component, ComponentName> = {
   Editor: Editor,
   TreeSelect: ElTreeSelect,
   Upload: ElUpload,
-  JsonEditor: JsonEditor
+  JsonEditor: JsonEditor,
+  IconPicker: IconPicker
 }
 
 export { componentMap }
diff --git a/src/components/Form/src/types/index.ts b/src/components/Form/src/types/index.ts
index 2d08d84f3..4261081e2 100644
--- a/src/components/Form/src/types/index.ts
+++ b/src/components/Form/src/types/index.ts
@@ -55,7 +55,8 @@ export enum ComponentNameEnum {
   EDITOR = 'Editor',
   TREE_SELECT = 'TreeSelect',
   UPLOAD = 'Upload',
-  JSON_EDITOR = 'JsonEditor'
+  JSON_EDITOR = 'JsonEditor',
+  ICON_PICKER = 'IconPicker'
 }
 
 type CamelCaseComponentName = keyof typeof ComponentNameEnum extends infer K
diff --git a/src/locales/en.ts b/src/locales/en.ts
index 94a0f4a0c..3a9cedf18 100644
--- a/src/locales/en.ts
+++ b/src/locales/en.ts
@@ -321,7 +321,8 @@ export default {
     lazyLoad: 'Lazy load',
     upload: 'Upload',
     // 用户头像
-    userAvatar: 'User avatar'
+    userAvatar: 'User avatar',
+    iconPicker: 'Icon picker'
   },
   guideDemo: {
     guide: 'Guide',
diff --git a/src/locales/zh-CN.ts b/src/locales/zh-CN.ts
index 66d6b69d0..919083729 100644
--- a/src/locales/zh-CN.ts
+++ b/src/locales/zh-CN.ts
@@ -316,7 +316,8 @@ export default {
     customContent: '自定义内容',
     lazyLoad: '懒加载',
     upload: '上传',
-    userAvatar: '用户头像'
+    userAvatar: '用户头像',
+    iconPicker: '图标选择器'
   },
   guideDemo: {
     guide: '引导页',
diff --git a/src/views/Components/Form/DefaultForm.vue b/src/views/Components/Form/DefaultForm.vue
index 4fc24ce4c..88b970360 100644
--- a/src/views/Components/Form/DefaultForm.vue
+++ b/src/views/Components/Form/DefaultForm.vue
@@ -1774,6 +1774,17 @@ const schema = reactive<FormSchema[]>([
       a: 1,
       b: 2
     }
+  },
+  {
+    field: 'field87',
+    component: 'Divider',
+    label: t('formDemo.iconPicker')
+  },
+  {
+    field: 'field88',
+    component: 'IconPicker',
+    label: t('formDemo.default'),
+    value: 'tdesign:archway'
   }
 ])
 </script>