style: llm node

Author: fit2cloudwxx

ui/src/workflow-canvas/nodes/llm-node/component/ToolFunctionDrawer.vue

@@ -194,7 +194,7 @@ defineExpose({ open, close })
           <MkIcon name="icon_add_outlined" />
         </el-button>
       </div>
-      <MkTable :data="functionForm.parameters" size="small" row-key="name" :max-height="undefined" empty-text="暂无参数">
+      <MkTable class="border" :data="functionForm.parameters" size="small" row-key="name" :max-height="undefined" empty-text="暂无参数">
         <el-table-column label="参数">
           <template #default="{ row }">
             <span class="block truncate" :title="row.name">{{ row.name }}</span>

ui/src/workflow-canvas/nodes/llm-node/component/ToolsSetting.vue

@@ -97,7 +97,13 @@ onBeforeUnmount(() => anchorGuard.reset())
           <MkIcon name="icon_add_outlined" />
         </el-button>
         <!-- 工具声明更多操作 -->
-        <MkDropdown class="ml-2" :teleported="false" trigger="click" placement="bottom-end" @visible-change="anchorGuard.setOverlayVisible('tools-more', $event)">
+        <MkDropdown
+          class="ml-2"
+          :teleported="false"
+          trigger="click"
+          placement="bottom-end"
+          @visible-change="anchorGuard.setOverlayVisible('tools-more', $event)"
+        >
           <el-button text type="primary">
             <MkIcon name="icon_more_outlined" />
           </el-button>
@@ -139,7 +145,7 @@ onBeforeUnmount(() => anchorGuard.reset())
     placeholder="请选择工具变量"
     @update:model-value="updateSetting({ reference: $event })"
   />
-  <MkTable v-else-if="setting.tools.length" :data="setting.tools" size="small" row-key="function.name" :max-height="undefined">
+  <MkTable class="border" v-else-if="setting.tools.length" :data="setting.tools" size="small" row-key="function.name" :max-height="undefined">
     <el-table-column label="工具名称">
       <template #default="{ row }">
         <span class="block truncate" :title="row.function.name">{{ row.function.name }}</span>
@@ -150,7 +156,7 @@ onBeforeUnmount(() => anchorGuard.reset())
         <span class="block truncate" :title="row.function.description || '-'">{{ row.function.description || '-' }}</span>
       </template>
     </el-table-column>
-    <el-table-column label="参数" width="55">
+    <el-table-column label="参数">
       <template #default="{ row }">{{ Object.keys(row.function.parameters?.properties ?? {}).length }}</template>
     </el-table-column>
     <el-table-column label="操作" width="80">

ui/src/workflow-canvas/nodes/llm-node/index.ts

@@ -9,9 +9,17 @@ class LlmNodeView extends WorkflowNodeView {
   }
 }
 
+class LlmNodeModel extends WorkflowNodeModel {
+  override setAttributes() {
+    super.setAttributes()
+    this.width = 600
+    this.properties.width = 600
+  }
+}
+
 export default {
   type: WorkflowNodeType.Llm,
-  model: WorkflowNodeModel,
+  model: LlmNodeModel,
   view: LlmNodeView,
   details: LlmNodeDetail,
 }