fix: 将 ADE20K 改为 Mask

Author: laoluo

README.md

@@ -11,7 +11,7 @@
         <a href="./README_zh-CN.md" >简体中文</a>
     </p>
 </article>
-<img src="./docs/assets/main.png">
+<img src="./docs/assets/main2.png">
 
 </div>
 
@@ -22,10 +22,10 @@
 - 💻 Multiple operating systems: Mac / Linux / Windows
 - 🏁 Support Data Formats
 
-|         | General Data  | COCO  | Semantic Segmentation Mask  |
-| ------- | ------------- |-------| --------------------------- |
-| Export  |    ✔️          | ✔️     |                ✔️            |
-| Import  |    ✔️          | ✖     |                ✖            |
+|        | General Data | COCO | Semantic Segmentation Mask |
+| ------ | ------------ | ---- | -------------------------- |
+| Export | ✔️            | ✔️    | ✔️                          |
+| Import | ✔️            | ✖    | ✖                          |
 
 ## Support Scenes
 
@@ -39,10 +39,6 @@
 <p align="center">
   <img src="./docs/assets/annotation-detection-segmentation.gif">
   <i style="text-align: center;">Detection / Segmentation </i>
-  
-  <img src="./docs/assets/annotation-line-point-text.gif">
-  <i style="text-align: center;">Line / Point / Text </i>
-
 </p> 
 
 ## Usage

docs/annotation/README.md

@@ -57,7 +57,9 @@ LabelBee-Client 的`目标检测`、`语义分割`支持直接导出 COCO 数据
 - 语义的唯一性：语义分割的属性标注配置
 - 导出内容:
   - JSON 文件： 表示当前语义与颜色的索引关系
-  - 彩色 Mask
+  - Mask
+    - 彩色图（xx_segmentation.png)：用于结果校验
+    - 灰度图（xx_labelTrainIds.png)
 
 
 ```json
@@ -80,14 +82,14 @@ LabelBee-Client 的`目标检测`、`语义分割`支持直接导出 COCO 数据
 ]
 ```
 
-| 名称      | 描述                           |
-| --------- | ------------------------------ |
-| attribute | 当前语义                       |
-| color     | 当前语义颜色                   |
-| trainIds  | 训练使用的 ID （灰度值 1 - N） |
+| 名称      | 描述                                       |
+| --------- | ------------------------------------------ |
+| attribute | 当前语义                                   |
+| color     | 当前语义颜色                               |
+| trainIds  | 训练使用的 ID （灰度值 1 - N，0 表示背景） |
 
 
-- 可使用下方脚本将导出的 Mask 按照上方 JSON 文件 Color => TrainIds 的映射转换为灰度图，以用于[mmsegmentation](https://github.com/open-mmlab/mmsegmentation) 训练
+- 可使用下方脚本将导出的 Mask (xxx_labelTrainIds.png 四通道图片)转换为（单通道）灰度图，以用于[mmsegmentation](https://github.com/open-mmlab/mmsegmentation) 训练
 
 
 ```python
@@ -97,7 +99,7 @@ from pathlib import Path, PurePath
 folder_path = './img/'  # Your Export Folder
 
 p = Path(folder_path)
-files = [x for x in p.iterdir() if PurePath(x).match('*.png')]
+files = [x for x in p.iterdir() if PurePath(x).match('*_labelTrainIds.png')]
 
 for file in files:
   p_path = file

docs/assets/main2.png

@@ -1,7 +1,7 @@
 import { ipcListen } from './ipcEvent';
 const electron = require('electron');
 const platform = require('os').platform(); // 获取平台：https://nodejs.org/api/os.html#os_os_platform
-const version = '1.1.4';
+const version = '0.1.0';
 
 // 控制app生命周期.
 const app = electron.app;

electron/main.ts

@@ -10,8 +10,8 @@
   "main": "./electron/dist/electron/main.js",
   "dependencies": {
     "@ant-design/icons": "^4.6.2",
-    "@labelbee/lb-components": "^1.2.1",
-    "@labelbee/lb-annotation": "^1.5.2",
+    "@labelbee/lb-components": "^1.2.2",
+    "@labelbee/lb-annotation": "^1.5.3",
     "antd": "~4.15.0",
     "classnames": "^2.3.1",
     "fs-extra": "^8.1.0",
@@ -249,4 +249,4 @@
     },
     "publish": null
   }
-}
+}

package.json

@@ -39,7 +39,7 @@ const ExportData = (props: IProps) => {
     projectInfo?.toolName === EToolName.Rect || projectInfo?.toolName === EToolName.Polygon;
 
   /**
-   * 是否允许被转换的成 ADE20K
+   * 是否允许被转换的成 Mask
    */
   const isTransfer2ACE20k = projectInfo?.toolName === EToolName.Polygon;
   const onOk = () => {
@@ -66,8 +66,8 @@ const ExportData = (props: IProps) => {
             name = `${projectInfo.name}-coco`;
             break;
 
-          case 'ADE20K':
-            name = `${projectInfo.name}-ADE20K`;
+          case 'Mask':
+            name = `${projectInfo.name}-Mask`;
             suffix = 'png';
 
             fileList.forEach((file, i) => {
@@ -170,11 +170,11 @@ const ExportData = (props: IProps) => {
                 )}
               </Radio.Button>
               <Radio.Button value='default'>{t('StandardFormat')}</Radio.Button>
-              <Radio.Button value='ADE20K' disabled={!isTransfer2ACE20k}>
+              <Radio.Button value='Mask' disabled={!isTransfer2ACE20k}>
                 {isTransfer2ACE20k ? (
-                  'ADE20K'
+                  'Mask'
                 ) : (
-                  <Popover content={t('ExportADE20KLimitMsg')}>ADE20K</Popover>
+                  <Popover content={t('ExportMaskLimitMsg')}>Mask</Popover>
                 )}
               </Radio.Button>
             </Radio.Group>

src/ProjectPlatform/ProjectList/ExportData/index.tsx

@@ -83,10 +83,9 @@ const resources = {
       SelectExportFormat: 'Select export Format',
       ExportFormat: 'Export format',
       StandardFormat: 'LabelBee format',
-      ADE20kFormat: 'ADE20K format',
       ExportSuccess: 'Export successfully',
       ExportCOCOLimitMsg: 'Only rectTool and polygonTool can realize the conversion of coco data',
-      ExportADE20KLimitMsg: 'Only polygonTool can realize the conversion of ADE20K data',
+      ExportMaskLimitMsg: 'Only polygonTool can realize the conversion of Mask',
       SelectedExportPath: 'Choose Export path',
       MultiSelect: 'multi-select',
       DefaultOption: 'Default Option',
@@ -171,10 +170,9 @@ const resources = {
       SelectExportFormat: '选择导出格式',
       ExportFormat: '导出格式',
       StandardFormat: 'labelbee 格式',
-      ADE20kFormat: 'ADE20K 格式',
       ExportSuccess: '导出成功',
       ExportCOCOLimitMsg: '仅限拉框、多边形工具可以实现 coco 数据的转换',
-      ExportADE20KLimitMsg: '仅限多边形工具可以实现 ADE20K 数据的转换',
+      ExportMaskLimitMsg: '仅限多边形工具可以实现 Mask 数据的转换',
       SelectedExportPath: '选择导出的路径',
       MultiSelect: '多选',
       DefaultOption: '默认选择',

src/i18n.ts

@@ -262,7 +262,7 @@ export default class DataTransfer {
   }
 
   /**
-   * 导出 ADE20K 的格式数据
+   * 导出 Mask 的格式数据
    * @param width
    * @param height
    * @param polygon