diff --git a/src/components/Form/src/helper/componentMap.ts b/src/components/Form/src/helper/componentMap.ts index 1f69009..ec912ea 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 = { @@ -49,7 +50,8 @@ const componentMap: Recordable = { 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 2d08d84..4261081 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 94a0f4a..3a9cedf 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 66d6b69..9190837 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 4fc24ce..88b9703 100644 --- a/src/views/Components/Form/DefaultForm.vue +++ b/src/views/Components/Form/DefaultForm.vue @@ -1774,6 +1774,17 @@ const schema = reactive([ a: 1, b: 2 } + }, + { + field: 'field87', + component: 'Divider', + label: t('formDemo.iconPicker') + }, + { + field: 'field88', + component: 'IconPicker', + label: t('formDemo.default'), + value: 'tdesign:archway' } ])