From 8b63c8ab9ab85261ae238c0e4ac77f31973639f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E9=B9=B0?= <17kungfuboy@gmail.com>
Date: Fri, 15 Jul 2022 16:17:48 +0800
Subject: [PATCH] style: fix some style

---
 .../api-script/api-script.component.html      | 65 ++++++++++---------
 .../api-script/api-script.component.ts        |  3 +-
 2 files changed, 35 insertions(+), 33 deletions(-)

diff --git a/src/workbench/browser/src/app/shared/components/api-script/api-script.component.html b/src/workbench/browser/src/app/shared/components/api-script/api-script.component.html
index 5f267421..edb5fe09 100644
--- a/src/workbench/browser/src/app/shared/components/api-script/api-script.component.html
+++ b/src/workbench/browser/src/app/shared/components/api-script/api-script.component.html
@@ -15,6 +15,7 @@
     </div>
     <nz-tree
       #nzTreeComponent
+      nzBlockNode
       [nzData]="dataSource"
       [nzExpandedKeys]="expandedKeys"
       (nzClick)="nzClick($event)"
@@ -22,42 +23,44 @@
     ></nz-tree>
     <ng-template #nzTreeTemplate let-node>
       <ng-template [ngIf]="!node.isLeaf">
-        <span class="text-sm"> {{ node.title }}</span>
+        <span class="text-sm">{{ node.title }}</span>
       </ng-template>
       <ng-template [ngIf]="node.isLeaf">
-        <span class="text-sm text-blue-400" (click)="insertCode(node)"> {{ node.title }}</span>
-        <ng-container *ngIf="node.origin.note">
-          <span
-            [nzTooltipTitle]="titleTemplate"
-            [nzTooltipPlacement]="['topLeft', 'leftTop']"
-            class="text-blue-400"
-            nzTooltipColor="black"
-            (click)="insertCode(node)"
-            nz-tooltip
-          >
-            [?]
-          </span>
-          <ng-template #titleTemplate let-thing>
-            <p style="color: #99c6da" *ngIf="node.origin.note.code">{{ node.origin.note.code }}</p>
-            <p *ngIf="node.origin.note.desc">{{ node.origin.note.desc }}</p>
-            <ng-container *ngIf="node.origin.note.input">
-              <br />
-              <p style="color: #999" i18n>---input---</p>
-              <p *ngFor="let item of node.origin.note.input">
-                <span style="color: #ff9800">{{ item.key }}：</span>{{ item.value }}
-              </p>
-            </ng-container>
-            <ng-container *ngIf="node.origin.note.output">
-              <br />
-              <p style="color: #999" i18n>---return---</p>
-              <p>{{ node.origin.note.output }}</p>
-            </ng-container>
-          </ng-template>
-        </ng-container>
+        <div (click)="insertCode(node)">
+          <span class="text-sm text-blue-400">{{ node.title }}</span>
+          <ng-container *ngIf="node.origin.note">
+            <span
+              [nzTooltipTitle]="titleTemplate"
+              [nzTooltipPlacement]="['topLeft', 'leftTop']"
+              class="text-blue-400"
+              nzTooltipColor="black"
+              (click)="insertCode(node)"
+              nz-tooltip
+            >
+              [?]
+            </span>
+            <ng-template #titleTemplate let-thing>
+              <p style="color: #99c6da" *ngIf="node.origin.note.code">{{ node.origin.note.code }}</p>
+              <p *ngIf="node.origin.note.desc">{{ node.origin.note.desc }}</p>
+              <ng-container *ngIf="node.origin.note.input">
+                <br />
+                <p style="color: #999" i18n>---input---</p>
+                <p *ngFor="let item of node.origin.note.input">
+                  <span style="color: #ff9800">{{ item.key }}：</span>{{ item.value }}
+                </p>
+              </ng-container>
+              <ng-container *ngIf="node.origin.note.output">
+                <br />
+                <p style="color: #999" i18n>---return---</p>
+                <p>{{ node.origin.note.output }}</p>
+              </ng-container>
+            </ng-template>
+          </ng-container>
+        </div>
       </ng-template>
     </ng-template>
   </div>
-  <div class="flex-1">
+  <div class="flex-1 h-[322px]">
     <eo-editor
       [(code)]="code"
       editorType="javascript"
diff --git a/src/workbench/browser/src/app/shared/components/api-script/api-script.component.ts b/src/workbench/browser/src/app/shared/components/api-script/api-script.component.ts
index a11034a5..28f86e83 100644
--- a/src/workbench/browser/src/app/shared/components/api-script/api-script.component.ts
+++ b/src/workbench/browser/src/app/shared/components/api-script/api-script.component.ts
@@ -22,7 +22,7 @@ export class ApiScriptComponent implements OnInit {
   selectListSelection = new SelectionModel<FlatNode>(true);
 
   dataSource: NzTreeNodeOptions[] = [];
-  expandedKeys = [];
+  expandedKeys = [0];
 
   constructor() {}
 
@@ -54,7 +54,6 @@ export class ApiScriptComponent implements OnInit {
       })),
       ...it,
     }));
-    console.log(this.dataSource);
   }
 
   handleChange(code) {