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 {

src/mock.ts

@@ -1,4 +1,4 @@
-import { ElementType, IEditorOption, IElement, RowFlex } from './editor'
+import { ControlType, ElementType, IEditorOption, IElement, RowFlex } from './editor'
 
 const text = `人民医院门诊病历\n主诉：\n发热三天，咳嗽五天。\n现病史：\n患者于三天前无明显诱因，感冒后发现面部水肿，无皮疹，尿量减少，出现乏力，在外治疗无好转，现来我院就诊。\n既往史：\n有糖尿病10年，有高血压2年，有传染性疾病1年。没有报告其他既往疾病。\n流行病史：\n否认14天内接触过确诊患者、疑似患者、无症状感染者及其密切接触者；否认14天内去过以下场所：水产、肉类批发市场，农贸市场，集市，大型超市，夜市；否认14天内与以下场所工作人员密切接触：水产、肉类批发市场，农贸市场，集市，大型超市；否认14天内周围（如家庭、办公室）有2例以上聚集性发病；否认14天内接触过有发热或呼吸道症状的人员；否认14天内自身有发热或呼吸道症状；否认14天内接触过纳入隔离观察的人员及其他可能与新冠肺炎关联的情形；陪同家属无以上情况。\n体格检查：\nT：39.5℃，P：80bpm，R：20次/分，BP：120/80mmHg；\n辅助检查：\n2020年6月10日，普放：血细胞比容36.50%（偏低）40～50；单核细胞绝对值0.75*10/L（偏高）参考值：0.1～0.6；\n门诊诊断：\n1.高血压\n2.糖尿病\n3.病毒性感冒\n4.过敏性鼻炎\n5.过敏性鼻息肉\n处置治疗：\n1.超声引导下甲状腺细针穿刺术；\n2.乙型肝炎表面抗体测定；\n3.膜式病变细胞采集术、后颈皮下肤层；\n电子签名：【】\n其他记录：`
 
@@ -209,6 +209,19 @@ elementList.push({
   }]
 })
 
+// 文本控件
+elementList.splice(587, 0, {
+  type: ElementType.CONTROL,
+  value: '',
+  control: {
+    type: ControlType.TEXT,
+    value: null,
+    placeholder: '其他补充',
+    prefix: '{',
+    postfix: '}'
+  }
+})
+
 // 模拟结尾文本
 elementList.push(...[{
   value: 'E',