feat: trigger

Author: wangdan-fit2cloud

ui/AGENTS.md

@@ -209,6 +209,8 @@ Keep these behaviors:
 ## Frontend Implementation Notes
 
 - Prefer existing project structure and naming.
+- Do not modify shared components under `src/components/` without an explicit user instruction to
+  change those components. Follow the modification boundary in `src/components/COMPONENT_README.md`.
 - Do not write `aria-label` attributes in project source. Add concise Chinese HTML comments before
   buttons to describe their purpose, following `src/components/COMPONENT_README.md`.
 - Before changing existing behavior, trace the affected flow and dependent requirements, including

ui/src/components/COMPONENT_README.md

@@ -6,6 +6,15 @@
 
 ## 选型与目录
 
+### 公共组件修改边界
+
+没有用户明确要求修改公共组件的指令，不允许修改 `src/components/` 下公共组件的内容，
+包括 `global/`、`business/` 及其他共享组件目录中的模板、逻辑、样式和接口。
+“参考某组件”“使用某组件”或修改业务页面，不视为授权修改该公共组件。
+实现前先使用已有 Props、事件和插槽，在所属 View 或功能目录中完成组合与适配。
+确实需要修改公共组件时，先说明具体组件、必要性及影响范围，取得明确指令后再修改。
+此约束纳入实现前检查和提交前 diff 检查；已有其他工作留下的公共组件改动不擅自覆盖或回退。
+
 依次检查全局 Mk 组件、业务组件、手动导入的共享 UI，最后使用 Element Plus；已有同类封装时
 直接复用，例如 `MkDialog`、`MkDrawer`、`MkDropdown`、`MkIcon`、`MkTable`。先用现有 Props、
 事件、插槽和样式适配，无法满足必要行为时再新增组件；无明确需求不引入新 UI 库。
@@ -71,7 +80,6 @@ Admin、Chat 入口调用 `configureMarkdownEditor()` 配置本地高亮、KaTeX
 ### MkCollapse
 
 `v-model:expanded` 可控制展开状态；未绑定时沿用 `defaultExpanded` 的内部状态。
-`destroyOnCollapse` 默认 `true`，设为 `false` 时折叠只隐藏内容，适用于需要保留参数表单及校验的场景。
 
 标题折叠区，`title` 或 `label` 插槽提供标题，默认插槽提供内容。
 `defaultExpanded` 默认 `true`，仅设置初始状态；点击标题内部切换，当前不提供展开状态事件。

ui/src/components/global/mk-collapse/index.vue

@@ -7,13 +7,12 @@ defineOptions({ name: 'MkCollapse' })
 const props = withDefaults(
   defineProps<{
     defaultExpanded?: boolean
-    destroyOnCollapse?: boolean
     indicatorPosition?: 'after' | 'before'
     title?: string
     triggerClass?: HTMLAttributes['class']
     triggerStyle?: HTMLAttributes['style']
   }>(),
-  { defaultExpanded: true, destroyOnCollapse: true, indicatorPosition: 'before' },
+  { defaultExpanded: true, indicatorPosition: 'before' },
 )
 
 defineSlots<{ default?: () => unknown; label?: () => unknown }>()
@@ -54,7 +53,7 @@ const expanded = computed({
       </div>
     </div>
     <el-collapse-transition>
-      <div v-if="!destroyOnCollapse || expanded" v-show="expanded">
+      <div v-show="expanded">
         <slot />
       </div>
     </el-collapse-transition>

ui/src/views/VIEW_README.md

@@ -405,13 +405,16 @@ Workspace 与 System 授权均使用该工作空间 ID，不读取路由工作
 任务选择复用 `SelectApplicationDialog` 与 `SelectToolDialog`，工具限定自定义和工作流类型。
 `trigger/trigger-form/request-parameters/RequestParameters.vue` 用 `MkFormList` 展示和删除事件请求参数，
 同目录 `RequestParameterDialog.vue` 负责新增、编辑及参数名必填与重名校验；确认后回写，取消保留原值。
-`trigger/trigger-form/task-execution/TaskParameters.vue` 展示任务输入及事件参数引用，
-`trigger/trigger-form/task-execution/task-parameters.ts` 从资源输入定义生成字段，只补全缺失值，不覆盖已有配置。
+`trigger/trigger-form/task-execution/parameters/` 内 `ApplicationParameter.vue` 与 `ToolParameter.vue`
+分别生成智能体和工具字段，共用 `ParameterForm.vue` 的输入、事件引用、初始化和校验；
+`types.ts` 仅维护跨组件使用的字段描述类型，不再单独拆分每个组件专用的参数工具文件。
+初始化只补全缺失值，不覆盖已有自定义配置；切回定时或移除全部事件参数时，引用参数恢复自定义默认值。
+智能体包含 Question、启用的文件类型、用户输入和接口参数；工具包含普通输入和工作流用户输入。
 抽屉采用类型卡片选择，选中卡片内显示配置，触发周期与 Cron 通过切换按钮切换；新建时需选择周期。
-`trigger/trigger-form/task-execution/TriggerTaskGroups.vue` 维护任务分组、展开收起、移除及参数表单，
+`trigger/trigger-form/task-execution/TaskExecution.vue` 维护任务分组、展开收起、移除及参数表单，
 组件内管理智能体与工具选择弹窗、资源详情加载和任务参数保留，通过 `v-model` 回写任务、
 `v-model:loading` 同步加载状态、`change` 通知清理校验，并提供 `validate`、`expandAll`、`reset`。
-任务 UI 沿用 AI Chat 技能区的 `MkCollapse` 分组和紧凑资源卡片，参数区折叠后保留挂载以支持完整校验。
+任务 UI 沿用 AI Chat 技能区的 `MkCollapse` 分组和紧凑资源卡片，保存前先展开全部任务，待参数表单挂载后统一校验。
 抽屉负责触发器详情查询与保存，将详情资源快照通过 `initialResources` 传入任务组件；
 任务组件新增资源后展开任务，抽屉保存时调用分组组件校验全部参数。
 保存时校验所有任务，包括折叠的任务；接口失败保持抽屉打开。

ui/src/views/system/chat/users/UserFromDrawer.vue

@@ -148,7 +148,7 @@ defineExpose({ open })
           <el-input v-model="userForm.password" readonly>
             <template #suffix>
               <el-button text @click="copyText(userForm.password)" class="-mr-1">
-                <mk-icon name="icon_copy_outlined" class="text-N600"></mk-icon>
+                <MkIcon name="icon_copy_outlined" class="text-N600" />
               </el-button>
             </template>
           </el-input>

ui/src/views/system/chat/users/UserListView.vue

@@ -215,7 +215,7 @@ onMounted(() => loadChatUsers())
                 <!-- 编辑 -->
                 <el-tooltip content="编辑" placement="top">
                   <el-button type="primary" text @click.stop="handleOpenUserFormDrawer(row)">
-                    <mk-icon name="icon_edit_outlined"></mk-icon>
+                    <MkIcon name="icon_edit_outlined" />
                   </el-button>
                 </el-tooltip>
                 <!-- 修改用户密码 -->

ui/src/views/system/identity/users/UserFromDrawer.vue

@@ -211,7 +211,7 @@ defineExpose({ open })
           <el-input v-model="userForm.password" readonly>
             <template #suffix>
               <el-button text @click="copyText(userForm.password)" class="-mr-1">
-                <mk-icon name="icon_copy_outlined" class="text-N600"></mk-icon>
+                <MkIcon name="icon_copy_outlined" class="text-N600" />
               </el-button>
             </template>
           </el-input>

ui/src/views/system/identity/users/UserListView.vue

@@ -216,15 +216,15 @@ onMounted(() => loadSystemUsers())
                 <!-- 编辑 -->
                 <el-tooltip content="编辑" placement="top">
                   <el-button type="primary" text @click.stop="handleOpenUserFormDrawer(row)">
-                    <mk-icon name="icon_edit_outlined"></mk-icon>
+                    <MkIcon name="icon_edit_outlined" />
                   </el-button>
                 </el-tooltip>
                 <!-- 修改用户密码 -->
                 <UserPwdButton :user="row" @refresh="loadSystemUsers(false)" />
                 <!-- 删除 -->
                 <el-tooltip content="删除" placement="top">
                   <el-button type="primary" text @click.stop="deleteUser(row)">
-                    <mk-icon name="icon_delete-trash_outlined"></mk-icon>
+                    <MkIcon name="icon_delete-trash_outlined" />
                   </el-button>
                 </el-tooltip>
               </div>

ui/src/views/tool/tool-form/component/init-field/InitFieldTable.vue

@@ -40,9 +40,8 @@ function getTypeLabel(inputType: string) {
   <section>
     <div class="mb-4 flex-between">
       <h4 class="mk-title-decoration">启动参数</h4>
-      <el-button link type="primary" @click="handleOpenInitField()">
+      <el-button text type="primary" @click="handleOpenInitField()">
         <MkIcon name="icon_add_outlined" />
-        <span>添加</span>
       </el-button>
     </div>
     <MkTable :data="initFields" size="small">

ui/src/views/tool/tool-form/component/input-field/InputFieldTable.vue

@@ -35,9 +35,8 @@ function handleDeleteInputField(index: number) {
         <h4 class="mk-title-decoration">输入参数</h4>
         <span class="text-N600">使用工具时显示</span>
       </div>
-      <el-button link type="primary" @click="handleOpenInputField()">
+      <el-button text type="primary" @click="handleOpenInputField()">
         <MkIcon name="icon_add_outlined" />
-        <span>添加</span>
       </el-button>
     </div>
     <MkTable :data="inputFields" size="small">