@blueking/ai-ui-sdk 0.4.0-beta.1 → 0.4.1-beta.10

package/dist/components/render-relate-agent/index.script.vue.js

@@ -0,0 +1,616 @@
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+    function adopt(value) {
+        return value instanceof P ? value : new P(function(resolve) {
+            resolve(value);
+        });
+    }
+    return new (P || (P = Promise))(function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator["throw"](value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { defineComponent as _defineComponent, createVNode as _createVNode2 } from 'vue';
+import { renderSlot as _renderSlot, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, resolveDirective as _resolveDirective, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, withDirectives as _withDirectives, createElementVNode as _createElementVNode, createVNode as _createVNode, unref as _unref } from "vue";
+const _hoisted_1 = {
+    class: "g-flex-row g-justify-end g-mt-16"
+};
+import { ref, toRef, watch } from 'vue';
+import { MAX_PAGE_SIZE, MODULE_NAME } from '../../common/constants.ts.js';
+import { isEmpty } from '../../common/util.ts.js';
+import RenderSelectPlusExtension from '../render-select-plus-extension/index.vue.js';
+import VariableForm from '../render-skill/variable-form/index.vue.js';
+import { useAgentHttp } from '../../hooks/use-agent-http.ts.js';
+import { useClickoutside } from '../../hooks/use-clickoutside.ts.js';
+import { useSpaceHttp } from '../../hooks/use-space-http.ts.js';
+import { AgentType, GroupType, Module, PromptSource, ResourceStatus, SdkNavigateActionType } from '../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        resourceType: {},
+        resource: {},
+        disabled: {
+            type: Boolean
+        },
+        disabledText: {
+            default: ''
+        },
+        boundary: {},
+        placement: {
+            default: 'right'
+        },
+        spaceId: {},
+        apiPrefix: {}
+    },
+    emits: [
+        "navigate"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getAgent, getAgentList, updateAgent, getAgentMcpPermission, resourceApply } = useAgentHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { getResourceAuthorizedSpaces } = useSpaceHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { handleInitClickoutside } = useClickoutside();
+        const formRef = ref();
+        const variableFormRef = ref();
+        const agents = ref([]);
+        const spaces = ref([]);
+        const isLoadingAgents = ref(false);
+        const isLoadingSpaces = ref(false);
+        const isLoadingConfirm = ref(false);
+        const isShowPopover = ref(false);
+        const isShowConfirm = ref(false);
+        const hasMcpPermission = ref(undefined);
+        const hasUnfilledRequiredEnv = ref(false);
+        const renderEnvs = ref([]);
+        const formData = ref({
+            selectedAgentId: undefined,
+            selectedSpaceId: undefined
+        });
+        const getWidth = ()=>{
+            return props.resourceType === Module.Skill ? 600 : 280;
+        };
+        const getContent = ()=>{
+            if (props.resourceType === Module.Skill) {
+                return _createVNode2(VariableForm, {
+                    "ref": variableFormRef,
+                    "skillEnvs": renderEnvs.value,
+                    "onUpdate:skillEnvs": handleUpdateEnvs
+                }, null);
+            }
+            return '当前选择的 MCP 暂无使用权限且未经申请，提交后将自动创建申请单';
+        };
+        const getTitle = ()=>{
+            if (props.resourceType === Module.Skill) {
+                return '配置 Skill 环境变量';
+            }
+            return '确认提交申请？';
+        };
+        const handleGetSpacesAndSetDefaultSpace = ()=>{
+            isLoadingSpaces.value = true;
+            const params = {
+                resourceType: props.resourceType,
+                resourceId: props.resource.id
+            };
+            if (props.resourceType === Module.Mcp) {
+                params.mcpType = props.resource.mcpType;
+            }
+            return getResourceAuthorizedSpaces(params).then((data)=>{
+                var _a;
+                spaces.value = data;
+                formData.value.selectedSpaceId = (_a = data[0]) === null || _a === void 0 ? void 0 : _a.spaceId;
+            }).finally(()=>{
+                isLoadingSpaces.value = false;
+            });
+        };
+        const handleGetAgentsAndSetDefaultAgent = ()=>{
+            if (!formData.value.selectedSpaceId) return;
+            isLoadingAgents.value = true;
+            const params = {
+                page: 1,
+                pageSize: MAX_PAGE_SIZE,
+                spaceId: formData.value.selectedSpaceId,
+                groupType: GroupType.Space,
+                agentType: AgentType.Single
+            };
+            getAgentList(params).then((data)=>{
+                var _a;
+                let list = data.results.filter((agent)=>{
+                    var _a;
+                    return (_a = agent.permission) === null || _a === void 0 ? void 0 : _a.manageAgent;
+                });
+                if (props.resourceType === Module.Agent) {
+                    list = list.filter((agent)=>agent.id !== props.resource.id);
+                }
+                agents.value = list;
+                formData.value.selectedAgentId = (_a = list[0]) === null || _a === void 0 ? void 0 : _a.id;
+            }).finally(()=>{
+                isLoadingAgents.value = false;
+            });
+        };
+        const handleGoCreateAgent = ()=>{
+            handleClose();
+            emits('navigate', {
+                type: SdkNavigateActionType.AgentList,
+                spaceId: formData.value.selectedSpaceId,
+                isShowCreateAgent: 1
+            });
+        };
+        const handleClose = ()=>{
+            var _a;
+            // 关闭弹窗
+            isShowPopover.value = false;
+            isShowConfirm.value = false;
+            // 清空表单数据
+            formData.value.selectedAgentId = undefined;
+            formData.value.selectedSpaceId = undefined;
+            // 清空权限检查结果
+            hasMcpPermission.value = undefined;
+            // 清空必填环境变量检查结果
+            hasUnfilledRequiredEnv.value = false;
+            // 清空环境变量
+            renderEnvs.value = [];
+            // 清空表单验证
+            (_a = formRef.value) === null || _a === void 0 ? void 0 : _a.clearValidate();
+        };
+        const handleClickOutside = ()=>{
+            handleClose();
+        };
+        const handleUpdateEnvs = (data)=>{
+            renderEnvs.value = [
+                ...data
+            ];
+        };
+        const handleShow = ()=>__awaiter(this, void 0, void 0, function*() {
+                if (isShowPopover.value) return;
+                isShowPopover.value = true;
+                yield handleGetSpacesAndSetDefaultSpace();
+                handleGetAgentsAndSetDefaultAgent();
+            });
+        const handleRelateAgentToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                var _a, _b, _c;
+                const resourceId = props.resource.id;
+                if ((_b = (_a = selectedAgent.relatedAgents) === null || _a === void 0 ? void 0 : _a.agents) === null || _b === void 0 ? void 0 : _b.find((agent)=>agent.id === resourceId)) return;
+                const currentAgent = yield getAgent(resourceId);
+                const selfCommands = currentAgent.conversationSettings.commands.filter((cmd)=>cmd.agentId === currentAgent.id);
+                const relatedAgents = [
+                    ...(_c = selectedAgent.relatedAgents) === null || _c === void 0 ? void 0 : _c.agents,
+                    currentAgent
+                ];
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    relatedAgents: {
+                        agents: relatedAgents
+                    },
+                    conversationSettings: Object.assign(Object.assign({}, selectedAgent.conversationSettings), {
+                        commands: [
+                            ...selectedAgent.conversationSettings.commands,
+                            ...selfCommands
+                        ]
+                    })
+                }));
+            });
+        const handleRelateToolToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                var _a, _b, _c, _d;
+                if ((_b = (_a = selectedAgent.relatedTools) === null || _a === void 0 ? void 0 : _a.tools) === null || _b === void 0 ? void 0 : _b.find((tool)=>tool.id === props.resource.id)) return;
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    relatedTools: {
+                        tools: [
+                            ...((_c = selectedAgent.relatedTools) === null || _c === void 0 ? void 0 : _c.tools) || [],
+                            props.resource
+                        ],
+                        mcps: ((_d = selectedAgent.relatedTools) === null || _d === void 0 ? void 0 : _d.mcps) || []
+                    }
+                }));
+            });
+        const handleRelateKnowledgebaseToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                var _a, _b, _c;
+                const targetKb = props.resource;
+                const isAlreadyRelated = (_b = (_a = selectedAgent.knowledgebaseSettings) === null || _a === void 0 ? void 0 : _a.knowledgebases) === null || _b === void 0 ? void 0 : _b.find((knowledgebase)=>knowledgebase.id === targetKb.id);
+                if (isAlreadyRelated) return;
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    knowledgebaseSettings: Object.assign(Object.assign({}, selectedAgent.knowledgebaseSettings), {
+                        knowledgebases: [
+                            ...((_c = selectedAgent.knowledgebaseSettings) === null || _c === void 0 ? void 0 : _c.knowledgebases) || [],
+                            targetKb
+                        ]
+                    })
+                }));
+            });
+        const handleRelateMcpToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                var _a, _b, _c, _d;
+                if ((_b = (_a = selectedAgent.relatedTools) === null || _a === void 0 ? void 0 : _a.mcps) === null || _b === void 0 ? void 0 : _b.find((mcp)=>mcp.id === props.resource.id && mcp.mcpType === props.resource.mcpType)) return;
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    relatedTools: {
+                        tools: ((_c = selectedAgent.relatedTools) === null || _c === void 0 ? void 0 : _c.tools) || [],
+                        mcps: [
+                            ...((_d = selectedAgent.relatedTools) === null || _d === void 0 ? void 0 : _d.mcps) || [],
+                            props.resource
+                        ]
+                    }
+                }));
+            });
+        const handleRelateSkillToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                var _a, _b, _c;
+                if ((_b = (_a = selectedAgent.relatedSkills) === null || _a === void 0 ? void 0 : _a.skills) === null || _b === void 0 ? void 0 : _b.find((skill)=>skill.id === props.resource.id)) return;
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    relatedSkills: {
+                        skills: [
+                            ...(_c = selectedAgent.relatedSkills) === null || _c === void 0 ? void 0 : _c.skills,
+                            Object.assign(Object.assign({}, props.resource), {
+                                envs: renderEnvs.value
+                            })
+                        ]
+                    }
+                }));
+            });
+        const handleRelateLLMToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                var _a, _b, _c;
+                if (((_a = selectedAgent.promptSetting) === null || _a === void 0 ? void 0 : _a.llmCode) === ((_b = props.resource) === null || _b === void 0 ? void 0 : _b.llmCode)) return;
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    promptSetting: Object.assign(Object.assign({}, selectedAgent.promptSetting), {
+                        llmCode: (_c = props.resource) === null || _c === void 0 ? void 0 : _c.llmCode
+                    })
+                }));
+            });
+        const handleRelatePromptToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                const prompt = props.resource;
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    promptSetting: Object.assign(Object.assign({}, selectedAgent.promptSetting), {
+                        promptType: PromptSource.UserDefine,
+                        promptContent: prompt.content
+                    })
+                }));
+            });
+        const handleRelateCollectionToAgent = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                var _a;
+                const collection = props.resource;
+                if (((_a = selectedAgent.promptSetting) === null || _a === void 0 ? void 0 : _a.collectionId) === collection.id) return;
+                yield updateAgent(Object.assign(Object.assign({}, selectedAgent), {
+                    promptSetting: Object.assign(Object.assign({}, selectedAgent.promptSetting), {
+                        promptType: PromptSource.Collection,
+                        collectionId: collection.id,
+                        collectionName: collection.name,
+                        collectionVariables: collection.variables,
+                        collectionContent: collection.content
+                    })
+                }));
+            });
+        const handleBindAndNavigate = (selectedAgent)=>__awaiter(this, void 0, void 0, function*() {
+                var _a;
+                const relateMap = {
+                    [Module.Agent]: handleRelateAgentToAgent,
+                    [Module.Mcp]: handleRelateMcpToAgent,
+                    [Module.Tool]: handleRelateToolToAgent,
+                    [Module.Skill]: handleRelateSkillToAgent,
+                    [Module.LLM]: handleRelateLLMToAgent,
+                    [Module.Knowledgebase]: handleRelateKnowledgebaseToAgent,
+                    [Module.Prompt]: handleRelatePromptToAgent,
+                    [Module.Collection]: handleRelateCollectionToAgent
+                };
+                yield (_a = relateMap[props.resourceType]) === null || _a === void 0 ? void 0 : _a.call(relateMap, selectedAgent);
+                emits('navigate', {
+                    type: SdkNavigateActionType.AgentDetailSetting,
+                    id: formData.value.selectedAgentId,
+                    spaceId: formData.value.selectedSpaceId,
+                    isNewTab: true
+                });
+                handleClose();
+            });
+        const handleConfirm = ()=>__awaiter(this, void 0, void 0, function*() {
+                var _a;
+                try {
+                    yield (_a = formRef.value) === null || _a === void 0 ? void 0 : _a.validate();
+                    if (hasMcpPermission.value === false || hasUnfilledRequiredEnv.value) {
+                        // 没有权限或必填环境变量未配置，显示弹窗
+                        isShowConfirm.value = true;
+                    } else {
+                        // 有权限且必填环境变量已配置，绑定并跳转
+                        isLoadingConfirm.value = true;
+                        const selectedAgent = yield getAgent(formData.value.selectedAgentId);
+                        yield handleBindAndNavigate(selectedAgent);
+                    }
+                } catch (error) {
+                    console.error(error);
+                } finally{
+                    isLoadingConfirm.value = false;
+                }
+            });
+        const handlePopoverConfirm = ()=>{
+            if (props.resourceType === Module.Skill) {
+                handleValidateSkillAndConfirm();
+            }
+            if (props.resourceType === Module.Mcp) {
+                handleApplyPermissionAndConfirm();
+            }
+        };
+        const handleValidateSkillAndConfirm = ()=>__awaiter(this, void 0, void 0, function*() {
+                var _a;
+                isLoadingConfirm.value = true;
+                try {
+                    yield (_a = variableFormRef.value) === null || _a === void 0 ? void 0 : _a.validate();
+                    const selectedAgent = yield getAgent(formData.value.selectedAgentId);
+                    yield handleBindAndNavigate(selectedAgent);
+                    isShowConfirm.value = false;
+                } catch (error) {
+                    console.error(error);
+                } finally{
+                    isLoadingConfirm.value = false;
+                }
+            });
+        const handleApplyPermissionAndConfirm = ()=>__awaiter(this, void 0, void 0, function*() {
+                isLoadingConfirm.value = true;
+                try {
+                    const selectedAgent = yield getAgent(formData.value.selectedAgentId);
+                    const resource = [
+                        {
+                            resourceType: Module.Mcp,
+                            resourceCode: props.resource.mcpCode
+                        }
+                    ];
+                    yield resourceApply(resource, selectedAgent.id);
+                    yield handleBindAndNavigate(selectedAgent);
+                    isShowConfirm.value = false;
+                } catch (error) {
+                    console.error(error);
+                } finally{
+                    isLoadingConfirm.value = false;
+                }
+            });
+        const handleCheckConfirm = ()=>{
+            if (isEmpty(formData.value.selectedAgentId)) {
+                return;
+            }
+            if (props.resourceType === Module.Skill) {
+                handleCheckSkillEnvs();
+            }
+            if (props.resourceType === Module.Mcp) {
+                handleCheckMcpPermission();
+            }
+        };
+        // 检查是否有必填的环境变量
+        const handleCheckSkillEnvs = ()=>__awaiter(this, void 0, void 0, function*() {
+                var _a, _b;
+                renderEnvs.value = (_b = (_a = props.resource.bkaiDependencies) === null || _a === void 0 ? void 0 : _a.envs) === null || _b === void 0 ? void 0 : _b.map((env)=>{
+                    if (isEmpty(env.value) && !isEmpty(env.default)) {
+                        return Object.assign(Object.assign({}, env), {
+                            value: env.default
+                        });
+                    }
+                    return env;
+                });
+                hasUnfilledRequiredEnv.value = renderEnvs.value.some((env)=>env.required && isEmpty(env.value));
+                if (hasUnfilledRequiredEnv.value) {
+                    isLoadingConfirm.value = true;
+                    getAgent(formData.value.selectedAgentId).then((agent)=>{
+                        var _a;
+                        const isAlreadyRelated = (_a = agent.relatedSkills) === null || _a === void 0 ? void 0 : _a.skills.find((skill)=>skill.id === props.resource.id);
+                        if (isAlreadyRelated) {
+                            hasUnfilledRequiredEnv.value = false;
+                            renderEnvs.value = [];
+                        }
+                    }).finally(()=>{
+                        isLoadingConfirm.value = false;
+                    });
+                }
+            });
+        // 检查 MCP 权限
+        const handleCheckMcpPermission = ()=>{
+            isLoadingConfirm.value = true;
+            const mcp = props.resource;
+            getAgentMcpPermission(formData.value.selectedAgentId, mcp.mcpCode, mcp.mcpType).then((res)=>{
+                hasMcpPermission.value = res.status !== ResourceStatus.NoPermission;
+            }).catch(()=>{
+                hasMcpPermission.value = undefined;
+            }).finally(()=>{
+                isLoadingConfirm.value = false;
+            });
+        };
+        const handleCancelApply = ()=>{
+            isShowConfirm.value = false;
+        };
+        handleInitClickoutside('render-relate-agent-popover', handleClickOutside);
+        watch(()=>formData.value.selectedAgentId, handleCheckConfirm);
+        return (_ctx, _cache)=>{
+            const _component_bk_button = _resolveComponent("bk-button");
+            const _component_bk_select = _resolveComponent("bk-select");
+            const _component_bk_form_item = _resolveComponent("bk-form-item");
+            const _component_bk_form = _resolveComponent("bk-form");
+            const _component_bk_pop_confirm = _resolveComponent("bk-pop-confirm");
+            const _component_bk_popover = _resolveComponent("bk-popover");
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return _openBlock(), _createBlock(_component_bk_popover, {
+                placement: props.placement,
+                boundary: props.boundary,
+                "is-show": isShowPopover.value,
+                trigger: "manual",
+                theme: "light",
+                width: "400",
+                "ext-cls": "render-relate-agent-popover"
+            }, {
+                content: _withCtx(()=>[
+                        _cache[5] || (_cache[5] = _createElementVNode("span", {
+                            class: "g-text-16 g-text-black g-leading-24"
+                        }, " 关联至智能体 ", -1 /* CACHED */ )),
+                        _createVNode(_component_bk_form, {
+                            model: formData.value,
+                            ref_key: "formRef",
+                            ref: formRef,
+                            "form-type": "vertical",
+                            class: "g-small-form g-small-gap-form !g-mt-16"
+                        }, {
+                            default: _withCtx(()=>[
+                                    _createVNode(_component_bk_form_item, {
+                                        label: "空间",
+                                        property: "selectedSpaceId",
+                                        required: ""
+                                    }, {
+                                        default: _withCtx(()=>[
+                                                _createVNode(_component_bk_select, {
+                                                    modelValue: formData.value.selectedSpaceId,
+                                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>formData.value.selectedSpaceId = $event),
+                                                    clearable: false,
+                                                    loading: isLoadingSpaces.value,
+                                                    list: spaces.value,
+                                                    "popover-options": {
+                                                        boundary: 'parent'
+                                                    },
+                                                    filterable: "",
+                                                    "id-key": "spaceId",
+                                                    "display-key": "spaceName",
+                                                    onChange: handleGetAgentsAndSetDefaultAgent
+                                                }, null, 8 /* PROPS */ , [
+                                                    "modelValue",
+                                                    "loading",
+                                                    "list"
+                                                ])
+                                            ]),
+                                        _: 1 /* STABLE */ 
+                                    }),
+                                    _createVNode(_component_bk_form_item, {
+                                        label: "智能体",
+                                        property: "selectedAgentId",
+                                        required: ""
+                                    }, {
+                                        default: _withCtx(()=>[
+                                                _createVNode(_component_bk_select, {
+                                                    modelValue: formData.value.selectedAgentId,
+                                                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>formData.value.selectedAgentId = $event),
+                                                    "no-data-text": `暂无未关联该${_unref(MODULE_NAME)[props.resourceType]}的智能体`,
+                                                    clearable: false,
+                                                    list: agents.value,
+                                                    loading: isLoadingAgents.value,
+                                                    "popover-options": {
+                                                        boundary: 'parent'
+                                                    },
+                                                    filterable: "",
+                                                    "id-key": "id",
+                                                    "display-key": "agentName"
+                                                }, {
+                                                    extension: _withCtx(()=>[
+                                                            _createVNode(RenderSelectPlusExtension, {
+                                                                text: "去新建",
+                                                                onClick: handleGoCreateAgent
+                                                            })
+                                                        ]),
+                                                    _: 1 /* STABLE */ 
+                                                }, 8 /* PROPS */ , [
+                                                    "modelValue",
+                                                    "no-data-text",
+                                                    "list",
+                                                    "loading"
+                                                ])
+                                            ]),
+                                        _: 1 /* STABLE */ 
+                                    })
+                                ]),
+                            _: 1 /* STABLE */ 
+                        }, 8 /* PROPS */ , [
+                            "model"
+                        ]),
+                        _createElementVNode("section", _hoisted_1, [
+                            _createVNode(_component_bk_pop_confirm, {
+                                width: getWidth(),
+                                title: getTitle(),
+                                content: getContent(),
+                                "is-show": isShowConfirm.value,
+                                "confirm-config": {
+                                    loading: isLoadingConfirm.value
+                                },
+                                trigger: "manual",
+                                placement: "top",
+                                boundary: "parent",
+                                "ext-cls": "g-popover-confirm",
+                                onConfirm: handlePopoverConfirm,
+                                onCancel: handleCancelApply
+                            }, {
+                                default: _withCtx(()=>[
+                                        _createVNode(_component_bk_button, {
+                                            loading: isLoadingConfirm.value,
+                                            theme: "primary",
+                                            onClick: handleConfirm
+                                        }, {
+                                            default: _withCtx(()=>[
+                                                    ..._cache[3] || (_cache[3] = [
+                                                        _createTextVNode(" 保存并去智能体调试 ", -1 /* CACHED */ )
+                                                    ])
+                                                ]),
+                                            _: 1 /* STABLE */ 
+                                        }, 8 /* PROPS */ , [
+                                            "loading"
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }, 8 /* PROPS */ , [
+                                "width",
+                                "title",
+                                "content",
+                                "is-show",
+                                "confirm-config"
+                            ]),
+                            _createVNode(_component_bk_button, {
+                                class: "g-ml-8",
+                                onClick: handleClose
+                            }, {
+                                default: _withCtx(()=>[
+                                        ..._cache[4] || (_cache[4] = [
+                                            _createTextVNode(" 取消 ", -1 /* CACHED */ )
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            })
+                        ])
+                    ]),
+                default: _withCtx(()=>[
+                        _renderSlot(_ctx.$slots, "trigger", {
+                            handleShow: handleShow
+                        }, ()=>[
+                                _withDirectives((_openBlock(), _createBlock(_component_bk_button, {
+                                    disabled: props.disabled,
+                                    size: "small",
+                                    text: "",
+                                    onClick: handleShow
+                                }, {
+                                    default: _withCtx(()=>[
+                                            ..._cache[2] || (_cache[2] = [
+                                                _createTextVNode(" 关联至智能体 ", -1 /* CACHED */ )
+                                            ])
+                                        ]),
+                                    _: 1 /* STABLE */ 
+                                }, 8 /* PROPS */ , [
+                                    "disabled"
+                                ])), [
+                                    [
+                                        _directive_bk_tooltips,
+                                        {
+                                            content: props.disabledText,
+                                            disabled: !props.disabled,
+                                            placement: 'right',
+                                            extCls: '!g-z-9999'
+                                        }
+                                    ]
+                                ])
+                            ], true)
+                    ]),
+                _: 3 /* FORWARDED */ 
+            }, 8 /* PROPS */ , [
+                "placement",
+                "boundary",
+                "is-show"
+            ]);
+        };
+    }
+});

package/dist/components/render-relate-agent/index.vue.d.ts

@@ -0,0 +1,41 @@
+import type { IKnowledgebase, ITool } from '@/types';
+import type { IAgent } from '@/types/agent';
+import type { ICollection } from '@/types/collection';
+import { Module } from '@/types/enum';
+import type { IMcp } from '@/types/mcp';
+import type { IModel } from '@/types/model';
+import type { ISdkNavigateAction } from '@/types/navigate';
+import type { IPrompt } from '@/types/prompt';
+import type { ISkill } from '@/types/skill';
+interface IProps {
+    resourceType: Module;
+    resource: IAgent | IMcp | ISkill | IModel | ITool | IKnowledgebase | IPrompt | ICollection;
+    disabled?: boolean;
+    disabledText?: string;
+    boundary?: string;
+    placement?: string;
+    spaceId?: string;
+    apiPrefix: string;
+}
+declare var __VLS_8: {
+    handleShow: () => Promise<void>;
+};
+type __VLS_Slots = {} & {
+    trigger?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    navigate: (value: ISdkNavigateAction) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onNavigate?: (value: ISdkNavigateAction) => any;
+}>, {
+    disabledText: string;
+    placement: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/render-relate-agent/index.vue.js

@@ -0,0 +1,3 @@
+import script from './index.script.vue.js';
+script.__file = "./src/components/render-relate-agent/index.vue";
+export default script;