From 110a352a1ca3e375e814c096af65656a625061fe Mon Sep 17 00:00:00 2001
From: xingyu <xingyu4j@vip.qq.com>
Date: Thu, 27 Apr 2023 13:21:50 +0800
Subject: [PATCH] feat: form Editor component

---
 src/components/Form/src/componentMap.ts | 2 ++
 src/components/Form/src/types/index.ts  | 1 +
 src/views/system/notice/NoticeModal.vue | 7 +------
 src/views/system/notice/notice.data.ts  | 3 +--
 4 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/components/Form/src/componentMap.ts b/src/components/Form/src/componentMap.ts
index 2df68b05..8aa73996 100644
--- a/src/components/Form/src/componentMap.ts
+++ b/src/components/Form/src/componentMap.ts
@@ -32,6 +32,7 @@ import { BasicUpload } from '@/components/Upload'
 import { StrengthMeter } from '@/components/StrengthMeter'
 import { IconPicker } from '@/components/Icon'
 import { CountdownInput } from '@/components/CountDown'
+import { Tinymce } from '@/components/Tinymce'
 
 const componentMap = new Map<ComponentType, Component>()
 
@@ -71,6 +72,7 @@ componentMap.set('InputCountDown', CountdownInput)
 
 componentMap.set('Upload', BasicUpload)
 componentMap.set('Divider', Divider)
+componentMap.set('Editor', Tinymce)
 
 export function add(compName: ComponentType, component: Component) {
   componentMap.set(compName, component)
diff --git a/src/components/Form/src/types/index.ts b/src/components/Form/src/types/index.ts
index 9f577f00..925b157e 100644
--- a/src/components/Form/src/types/index.ts
+++ b/src/components/Form/src/types/index.ts
@@ -115,3 +115,4 @@ export type ComponentType =
   | 'Rate'
   | 'Divider'
   | 'ApiTransfer'
+  | 'Editor'
diff --git a/src/views/system/notice/NoticeModal.vue b/src/views/system/notice/NoticeModal.vue
index aba908a4..896f6e33 100644
--- a/src/views/system/notice/NoticeModal.vue
+++ b/src/views/system/notice/NoticeModal.vue
@@ -1,15 +1,10 @@
 <template>
   <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
-    <BasicForm @register="registerForm">
-      <template #editor="{ model, field }">
-        <Tinymce v-model="model[field]" width="100%" />
-      </template>
-    </BasicForm>
+    <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemNoticeModal">
 import { ref, unref } from 'vue'
-import { Tinymce } from '@/components/Tinymce'
 import { useI18n } from '@/hooks/web/useI18n'
 import { useMessage } from '@/hooks/web/useMessage'
 import { BasicForm, useForm } from '@/components/Form'
diff --git a/src/views/system/notice/notice.data.ts b/src/views/system/notice/notice.data.ts
index 393e8a5a..e583d269 100644
--- a/src/views/system/notice/notice.data.ts
+++ b/src/views/system/notice/notice.data.ts
@@ -90,7 +90,6 @@ export const formSchema: FormSchema[] = [
   {
     label: '内容',
     field: 'content',
-    component: 'Input',
-    slot: 'editor'
+    component: 'Editor'
   }
 ]