feat:add control options

src/editor/dataset/constant/Control.ts

@@ -0,0 +1,6 @@
+import { IControlOption } from '../../interface/Control'
+
+export const defaultControlOption: Readonly<Required<IControlOption>> = {
+  placeholderColor: '#9c9b9b',
+  bracketColor: '#000000'
+}

src/editor/index.ts

@@ -19,6 +19,9 @@ import { IHeader } from './interface/Header'
 import { IWatermark } from './interface/Watermark'
 import { defaultHeaderOption } from './dataset/constant/Header'
 import { defaultWatermarkOption } from './dataset/constant/Watermark'
+import { ControlType } from './dataset/enum/Control'
+import { defaultControlOption } from './dataset/constant/Control'
+import { IControlOption } from './interface/Control'
 
 export default class Editor {
 
@@ -35,6 +38,10 @@ export default class Editor {
       ...defaultWatermarkOption,
       ...options.watermark
     }
+    const controlOptions: Required<IControlOption> = {
+      ...defaultControlOption,
+      ...options.control
+    }
     const editorOptions: Required<IEditorOption> = {
       defaultMode: EditorMode.EDIT,
       defaultType: 'TEXT',
@@ -68,7 +75,8 @@ export default class Editor {
       headerTop: 50,
       ...options,
       header: headerOptions,
-      watermark: waterMarkOptions
+      watermark: waterMarkOptions,
+      control: controlOptions
     }
     formatElementList(elementList)
     // 监听
@@ -95,6 +103,7 @@ export {
   RowFlex,
   EditorMode,
   ElementType,
+  ControlType,
   EditorComponent,
   EDITOR_COMPONENT
 }

src/editor/interface/Control.ts

@@ -1,4 +1,5 @@
 import { ControlType } from '../dataset/enum/Control'
+import { IElement } from './Element'
 
 export interface IValueSet {
   value: string;
@@ -7,9 +8,15 @@ export interface IValueSet {
 
 export interface IControl {
   type: ControlType;
-  value: string;
-  conceptId: string;
+  value: IElement[] | null;
+  placeholder: string;
+  conceptId?: string;
   prefix?: string;
   postfix?: string;
-  valueSets?: IValueSet[]
+  valueSets?: IValueSet[];
+}
+
+export interface IControlOption {
+  placeholderColor?: string;
+  bracketColor?: string;
 }

src/editor/interface/Editor.ts

@@ -1,5 +1,6 @@
 import { IElement } from '..'
 import { EditorMode } from '../dataset/enum/Editor'
+import { IControlOption } from './Control'
 import { IHeader } from './Header'
 import { IWatermark } from './Watermark'
 
@@ -36,6 +37,7 @@ export interface IEditorOption {
   headerTop?: number;
   header?: IHeader;
   watermark?: IWatermark;
+  control?: IControlOption;
 }
 
 export interface IEditorResult {