feat: add element group

docs/en/guide/command-execute.md

@@ -761,3 +761,33 @@ Usage:
 ```javascript
 instance.command.executeSetHTML(payload: Partial<IEditorHTML)
 ```
+
+## executeSetGroup
+
+Feature: Set group
+
+Usage:
+
+```javascript
+instance.command.executeSetGroup()
+```
+
+## executeDeleteGroup
+
+Feature: Delete group
+
+Usage:
+
+```javascript
+instance.command.executeDeleteGroup(groupId: string)
+```
+
+## executeLocationGroup
+
+Feature: Positioning group position
+
+Usage:
+
+```javascript
+instance.command.executeLocationGroup(groupId: string)
+```

docs/en/guide/command-get.md

@@ -151,10 +151,20 @@ const {
 
 ## getLocale
 
-功能：Get current locale
+Feature: Get current locale
 
-用法：
+Usage:
 
 ```javascript
 const locale = await instance.command.getLocale()
 ```
+
+## getGroupIds
+
+Feature: Get all group ids
+
+Usage:
+
+```javascript
+const groupIds = await instance.command.getGroupIds()
+```

docs/en/guide/option.md

@@ -61,6 +61,7 @@ interface IEditorOption {
   cursor?: ICursorOption // Cursor style. {width?: number; color?: string; dragWidth?: number; dragColor?: string;}
   title?: ITitleOption // Title configuration.{ defaultFirstSize?: number; defaultSecondSize?: number; defaultThirdSize?: number defaultFourthSize?: number; defaultFifthSize?: number; defaultSixthSize?: number;}
   placeholder?: IPlaceholder // Placeholder text
+  group?: IGroup // Group option. {opacity?:number; backgroundColor?:string; activeOpacity?:number; activeBackgroundColor?:string; disabled?:boolean}
 }
 ```
 

docs/en/guide/schema.md

@@ -41,6 +41,8 @@ interface IElement {
   };
   rowMargin?: number;
   letterSpacing?: number;
+  // groupIds
+  groupIds?: string[];
   // table
   colgroup?: {
     width: number;

docs/guide/command-execute.md

@@ -763,3 +763,33 @@ instance.command.executeWordTool()
 ```javascript
 instance.command.executeSetHTML(payload: Partial<IEditorHTML)
 ```
+
+## executeSetGroup
+
+功能：设置成组
+
+用法：
+
+```javascript
+instance.command.executeSetGroup()
+```
+
+## executeDeleteGroup
+
+功能：删除成组
+
+用法：
+
+```javascript
+instance.command.executeDeleteGroup(groupId: string)
+```
+
+## executeLocationGroup
+
+功能：定位成组位置
+
+用法：
+
+```javascript
+instance.command.executeLocationGroup(groupId: string)
+```

docs/guide/command-get.md

@@ -158,3 +158,13 @@ const {
 ```javascript
 const locale = await instance.command.getLocale()
 ```
+
+## getGroupIds
+
+功能：获取所有成组 id
+
+用法：
+
+```javascript
+const groupIds = await instance.command.getGroupIds()
+```

docs/guide/option.md

@@ -61,6 +61,7 @@ interface IEditorOption {
   cursor?: ICursorOption // 光标样式。{width?: number; color?: string; dragWidth?: number; dragColor?: string;}
   title?: ITitleOption // 标题配置。{ defaultFirstSize?: number; defaultSecondSize?: number; defaultThirdSize?: number defaultFourthSize?: number; defaultFifthSize?: number; defaultSixthSize?: number;}
   placeholder?: IPlaceholder // 编辑器空白占位文本
+  group?: IGroup // 成组配置。{opacity?:number; backgroundColor?:string; activeOpacity?:number; activeBackgroundColor?:string; disabled?:boolean}
 }
 ```
 

docs/guide/schema.md

@@ -41,6 +41,8 @@ interface IElement {
   };
   rowMargin?: number;
   letterSpacing?: number;
+  // 组信息-可用于批注等其他成组使用场景
+  groupIds?: string[];
   // 表格
   colgroup?: {
     width: number;