feat: add form mode rule option #1143

Author: Hufe921

docs/en/guide/option.md

@@ -75,7 +75,7 @@ interface IEditorOption {
   lineNumber?: ILineNumberOption // LineNumber option. {size?:number; font?:string; color?:string; disabled?:boolean; right?:number}
   pageBorder?: IPageBorderOption // PageBorder option. {color?:string; lineWidth:number; padding?:IPadding; disabled?:boolean;}
   badge?: IBadgeOption // Badge option. {top?:number; left?:number}
-  modeRule?: IModeRule // mode rule option. {print:{imagePreviewerDisabled?: boolean}; readonly:{imagePreviewerDisabled?: boolean}}
+  modeRule?: IModeRule // mode rule option. {print:{imagePreviewerDisabled?: boolean}; readonly:{imagePreviewerDisabled?: boolean}; form:{controlDeletableDisabled?: boolean}}
 }
 ```
 

docs/guide/option.md

@@ -75,7 +75,7 @@ interface IEditorOption {
   lineNumber?: ILineNumberOption // 行号配置。{size?:number; font?:string; color?:string; disabled?:boolean; right?:number}
   pageBorder?: IPageBorderOption // 页面边框配置。{color?:string; lineWidth:number; padding?:IPadding; disabled?:boolean;}
   badge?: IBadgeOption // 徽章配置。{top?:number; left?:number}
-  modeRule?: IModeRule // 编辑器模式规则配置。{print:{imagePreviewerDisabled?: boolean}; readonly:{imagePreviewerDisabled?: boolean}}
+  modeRule?: IModeRule // 编辑器模式规则配置。{print:{imagePreviewerDisabled?: boolean}; readonly:{imagePreviewerDisabled?: boolean}; form:{controlDeletableDisabled?: boolean}}
 }
 ```
 

src/editor/core/draw/Draw.ts

@@ -784,7 +784,7 @@ export class Draw {
     options?: ISpliceElementListOption
   ) {
     const { isIgnoreDeletedRule = false } = options || {}
-    const { group } = this.options
+    const { group, modeRule } = this.options
     if (deleteCount > 0) {
       // 当最后元素与开始元素列表信息不一致时：清除当前列表信息
       const endIndex = start + deleteCount
@@ -824,6 +824,9 @@ export class Draw {
             deleteElement?.area?.hide ||
             (tdDeletable !== false &&
               deleteElement?.control?.deletable !== false &&
+              (!deleteElement.controlId ||
+                this.mode !== EditorMode.FORM ||
+                !modeRule[this.mode].controlDeletableDisabled) &&
               deleteElement?.title?.deletable !== false &&
               (group.deletable !== false || !deleteElement.groupIds?.length) &&
               (deleteElement?.area?.deletable !== false ||

src/editor/core/draw/control/Control.ts

@@ -3,7 +3,7 @@ import {
   ControlState,
   ControlType
 } from '../../../dataset/enum/Control'
-import { EditorZone } from '../../../dataset/enum/Editor'
+import { EditorMode, EditorZone } from '../../../dataset/enum/Editor'
 import { ElementType } from '../../../dataset/enum/Element'
 import { DeepRequired } from '../../../interface/Common'
 import {
@@ -643,6 +643,14 @@ export class Control {
     ) {
       const { deletable = true } = startElement.control!
       if (!deletable) return null
+      // 表单模式控件删除权限验证
+      const mode = this.draw.getMode()
+      if (
+        mode === EditorMode.FORM &&
+        this.options.modeRule[mode].controlDeletableDisabled
+      ) {
+        return null
+      }
     }
     let leftIndex = -1
     let rightIndex = -1

src/editor/dataset/constant/Editor.ts

@@ -11,5 +11,8 @@ export const defaultModeRuleOption: Readonly<DeepRequired<IModeRule>> = {
   },
   readonly: {
     imagePreviewerDisabled: false
+  },
+  form: {
+    controlDeletableDisabled: false
   }
 }

src/editor/interface/Editor.ts

@@ -145,7 +145,12 @@ export interface IReadonlyModeRule {
   imagePreviewerDisabled?: boolean
 }
 
+export interface IFormModeRule {
+  controlDeletableDisabled?: boolean
+}
+
 export interface IModeRule {
   [EditorMode.PRINT]?: IPrintModeRule
   [EditorMode.READONLY]?: IReadonlyModeRule
+  [EditorMode.FORM]?: IFormModeRule
 }

src/editor/utils/option.ts

@@ -141,6 +141,10 @@ export function mergeOption(
     readonly: {
       ...defaultModeRuleOption.readonly,
       ...options.modeRule?.readonly
+    },
+    form: {
+      ...defaultModeRuleOption.form,
+      ...options.modeRule?.form
     }
   }