Support for adding columns to a specified location

Author: qianmoQ

src/renderer/app/views/object_designer/layout/content/components/create_table/create.table.component.ts

@@ -17,8 +17,9 @@ export class CreateTableComponent {
   applyData: DesignerApplyData;
 
   applyTableName: string;
-  applyColumns: DesignerColumn[] = [];
-  applyCheckedColumns = new Set<string>;
+  applyColumns: Array<DesignerColumn> = new Array<DesignerColumn>;
+  applyCheckedColumns: Set<string> = new Set<string>;
+  applyLastCheckedColumn: string = null;
   dataType = [
     'varchar',
     'int',
@@ -51,20 +52,37 @@ export class CreateTableComponent {
     }
   }
 
-  handlerPlusColumn() {
+  handlerGenerateColumn(): DesignerColumn {
     const milliseconds = new Date().getTime();
     const random = (Math.random() * milliseconds).toFixed(0);
     const id = StringUtils.format('{0}_{1}', [milliseconds, random]);
     const column = new DesignerColumn();
     column.id = id;
-    this.applyColumns = [...this.applyColumns, column];
+    return column;
+  }
+
+  handlerPlusColumn() {
+    this.applyColumns = [...this.applyColumns, this.handlerGenerateColumn()];
+  }
+
+  handlerPlusPreColumn() {
+    if (this.applyCheckedColumns.size > 0) {
+      // If contained selected columns are added to the previous row of the column by default
+      const index = this.applyColumns.findIndex(item => this.applyLastCheckedColumn === item.id);
+      this.applyColumns.splice(index, 0, this.handlerGenerateColumn());
+      this.applyColumns = [...this.applyColumns];
+    } else {
+      // If not selected, the column is added to the first row by default
+      this.applyColumns = [this.handlerGenerateColumn(), ...this.applyColumns];
+    }
   }
 
   handlerMinusColumn() {
     this.applyColumns = this.applyColumns.filter(column => !this.applyCheckedColumns.has(column.id));
   }
 
   handlerColumnChecked(column: string, checked: boolean) {
+    this.applyLastCheckedColumn = column;
     if (checked) {
       this.applyCheckedColumns.add(column);
     } else {

src/renderer/app/views/object_designer/layout/content/components/create_table/create.table.view.html

@@ -98,6 +98,11 @@
           (click)="handlerPlusColumn()">
     <i nz-icon nzType="plus-circle" class="action-button-success"></i>
   </button>
+  <button nz-button nzSize="small" nzType="text"
+          nz-tooltip nzTooltipTitle="{{'common.insert'|translate}}{{'common.column'|translate}}"
+          (click)="handlerPlusPreColumn()">
+    <i nz-icon nzType="left-circle" [nzTheme]="'twotone'" [nzTwotoneColor]="'#1890ff'"></i>
+  </button>
   <button nz-button nzSize="small" nzType="text" [disabled]="applyCheckedColumns.size <= 0"
           nz-tooltip nzTooltipTitle="{{'common.delete'|translate}}{{'common.column'|translate}}"
           (click)="handlerMinusColumn()">

src/renderer/assets/i18n/en.json

@@ -178,7 +178,8 @@
     "key": "Key",
     "length": "Length",
     "beta": "Beta",
-    "sql": "SQL"
+    "sql": "SQL",
+    "insert": "Insert"
   },
   "language": {
     "english": "English",

src/renderer/assets/i18n/zh.json

@@ -177,7 +177,8 @@
     "key": "主键",
     "length": "长度",
     "beta": "Beta",
-    "sql": "SQL"
+    "sql": "SQL",
+    "insert": "插入"
   },
   "language": {
     "english": "英语",