@blueking/ai-ui-sdk 0.5.2-beta.5 → 0.6.0-beta.1

package/dist/components/render-dialog/choose-resource.script.vue.js

@@ -1,46 +1,35 @@
-"use strict";
-var _interopRequireDefault = require('../../../node_modules/@babel/runtime/helpers/interopRequireDefault.js');
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = void 0;
-var _vue = require("vue");
-var _toConsumableArray2 = _interopRequireDefault(require('../../../node_modules/@babel/runtime/helpers/toConsumableArray.js'));
-var _defineProperty2 = _interopRequireDefault(require('../../../node_modules/@babel/runtime/helpers/defineProperty.js'));
-require('../../../node_modules/core-js/modules/es.array.concat.js');
-require('../../../node_modules/core-js/modules/es.array.filter.js');
-require('../../../node_modules/core-js/modules/es.array.map.js');
-require('../../../node_modules/core-js/modules/es.object.assign.js');
-require('../../../node_modules/core-js/modules/es.object.to-string.js');
-require('../../../node_modules/core-js/modules/es.promise.js');
-var _constants = require('../../common/constants.ts.js');
-var _agentSearch = _interopRequireDefault(require('../render-agent/agent-search.vue.js'));
-var _index = _interopRequireDefault(require('../render-card/agent/index.vue.js'));
-var _index2 = _interopRequireDefault(require('../render-card/knowledge/index.vue.js'));
-var _index3 = _interopRequireDefault(require('../render-card/knowledgebase/index.vue.js'));
-var _index4 = _interopRequireDefault(require('../render-card/mcp/index.vue.js'));
-var _index5 = _interopRequireDefault(require('../render-card/prompt/index.vue.js'));
-var _index6 = _interopRequireDefault(require('../render-card/role/index.vue.js'));
-var _index7 = _interopRequireDefault(require('../render-card/skill/index.vue.js'));
-var _index8 = _interopRequireDefault(require('../render-card/tool/index.vue.js'));
-var _index9 = _interopRequireDefault(require('../render-collection/search/index.vue.js'));
-var _index0 = _interopRequireDefault(require('../render-knowledge/search/index.vue.js'));
-var _index1 = _interopRequireDefault(require('../render-knowledgebase/search/index.vue.js'));
-var _index10 = _interopRequireDefault(require('../render-mcp/search/index.vue.js'));
-var _index11 = _interopRequireDefault(require('../render-prompt/search/index.vue.js'));
-var _index12 = _interopRequireDefault(require('../render-search-empty/index.vue.js'));
-var _index13 = _interopRequireDefault(require('../render-skill/search/index.vue.js'));
-var _index14 = _interopRequireDefault(require('../render-tool/search/index.vue.js'));
-var _useAgentHttp2 = require('../../hooks/use-agent-http.ts.js');
-var _useCollectionHttp2 = require('../../hooks/use-collection-http.ts.js');
-var _useKnowledgeHttp2 = require('../../hooks/use-knowledge-http.ts.js');
-var _useMcpHttp2 = require('../../hooks/use-mcp-http.ts.js');
-var _usePromptHttp2 = require('../../hooks/use-prompt-http.ts.js');
-var _useScrollLoad2 = require('../../hooks/use-scroll-load.ts.js');
-var _useSkillHttp2 = require('../../hooks/use-skill-http.ts.js');
-var _useToolHttp2 = require('../../hooks/use-tool-http.ts.js');
-var _enum = require('../../types/enum.ts.js');
-var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+import { defineComponent as _defineComponent, createVNode as _createVNode2 } from 'vue';
+import { createVNode as _createVNode, unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, normalizeClass as _normalizeClass, createElementBlock as _createElementBlock } from "vue";
+import { ref, toRef, useSlots, watch } from 'vue';
+import { MODULE_NAME } from '../../common/constants.ts.js';
+import RenderAgentSearch from '../render-agent/agent-search.vue.js';
+import RenderAgentCard from '../render-card/agent/index.vue.js';
+import RenderKnowledgeCard from '../render-card/knowledge/index.vue.js';
+import RenderKnowledgebaseCard from '../render-card/knowledgebase/index.vue.js';
+import RenderMcpCard from '../render-card/mcp/index.vue.js';
+import RenderPromptCard from '../render-card/prompt/index.vue.js';
+import RenderRoleCard from '../render-card/role/index.vue.js';
+import RenderSkillCard from '../render-card/skill/index.vue.js';
+import RenderToolCard from '../render-card/tool/index.vue.js';
+import RenderRoleSearch from '../render-collection/search/index.vue.js';
+import RenderKnowledgeSearch from '../render-knowledge/search/index.vue.js';
+import RenderKnowledgebaseSearch from '../render-knowledgebase/search/index.vue.js';
+import RenderMcpSearch from '../render-mcp/search/index.vue.js';
+import RenderPromptSearch from '../render-prompt/search/index.vue.js';
+import RenderSearchEmpty from '../render-search-empty/index.vue.js';
+import RenderSkillSearch from '../render-skill/search/index.vue.js';
+import RenderToolSearch from '../render-tool/search/index.vue.js';
+import { useAgentHttp } from '../../hooks/use-agent-http.ts.js';
+import { useCollectionHttp } from '../../hooks/use-collection-http.ts.js';
+import { useKnowledgeHttp } from '../../hooks/use-knowledge-http.ts.js';
+import { useMcpHttp } from '../../hooks/use-mcp-http.ts.js';
+import { usePromptHttp } from '../../hooks/use-prompt-http.ts.js';
+import { useScrollLoad } from '../../hooks/use-scroll-load.ts.js';
+import { useSkillHttp } from '../../hooks/use-skill-http.ts.js';
+import { useToolHttp } from '../../hooks/use-tool-http.ts.js';
+import { t } from '../../i18n/index.ts.js';
+import { FileStatus, GroupType, KnowledgebaseType, Module, ResourceCardType } from '../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
     props: {
         choosenTools: {},
         choosenMcps: {},
@@ -90,96 +79,94 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
         "update:choosenSkills",
         "navigate"
     ],
-    setup: function setup(__props, _ref) {
-        var __emit = _ref.emit;
-        var props = __props;
-        var emits = __emit;
-        var slots = (0, _vue.useSlots)();
-        var _useAgentHttp = (0, _useAgentHttp2.useAgentHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getAgentList = _useAgentHttp.getAgentList;
-        var _useCollectionHttp = (0, _useCollectionHttp2.useCollectionHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getCollections = _useCollectionHttp.getCollections;
-        var _useKnowledgeHttp = (0, _useKnowledgeHttp2.useKnowledgeHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getKnowledgebases = _useKnowledgeHttp.getKnowledgebases, getKnowledges = _useKnowledgeHttp.getKnowledges;
-        var _useMcpHttp = (0, _useMcpHttp2.useMcpHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getMcpList = _useMcpHttp.getMcpList;
-        var _usePromptHttp = (0, _usePromptHttp2.usePromptHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getPrompts = _usePromptHttp.getPrompts;
-        var _useSkillHttp = (0, _useSkillHttp2.useSkillHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getSkillList = _useSkillHttp.getSkillList;
-        var _useToolHttp = (0, _useToolHttp2.useToolHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getTools = _useToolHttp.getTools;
-        var toolSearch = (0, _vue.ref)({});
-        var mcpSearch = (0, _vue.ref)({});
-        var knowledgeSearch = (0, _vue.ref)({});
-        var knowledgebaseSearch = (0, _vue.ref)({});
-        var agentSearch = (0, _vue.ref)({});
-        var promptSearch = (0, _vue.ref)({});
-        var roleSearch = (0, _vue.ref)({});
-        var skillSearch = (0, _vue.ref)({});
-        var tools = (0, _vue.ref)([]);
-        var mcps = (0, _vue.ref)([]);
-        var knowledges = (0, _vue.ref)([]);
-        var knowledgebases = (0, _vue.ref)([]);
-        var agents = (0, _vue.ref)([]);
-        var roles = (0, _vue.ref)([]);
-        var prompts = (0, _vue.ref)([]);
-        var skills = (0, _vue.ref)([]);
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const slots = useSlots();
+        const { getAgentList } = useAgentHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { getCollections } = useCollectionHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { getKnowledgebases, getKnowledges } = useKnowledgeHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { getMcpList } = useMcpHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { getPrompts } = usePromptHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { getSkillList } = useSkillHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { getTools } = useToolHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const toolSearch = ref({});
+        const mcpSearch = ref({});
+        const knowledgeSearch = ref({});
+        const knowledgebaseSearch = ref({});
+        const agentSearch = ref({});
+        const promptSearch = ref({});
+        const roleSearch = ref({});
+        const skillSearch = ref({});
+        const tools = ref([]);
+        const mcps = ref([]);
+        const knowledges = ref([]);
+        const knowledgebases = ref([]);
+        const agents = ref([]);
+        const roles = ref([]);
+        const prompts = ref([]);
+        const skills = ref([]);
         // 根据当前模块动态返回对应的搜索参数
-        var getCurrentSearch = function getCurrentSearch() {
+        const getCurrentSearch = ()=>{
             switch(props.module){
-                case _enum.Module.Tool:
+                case Module.Tool:
                     return toolSearch.value;
-                case _enum.Module.Mcp:
+                case Module.Mcp:
                     return mcpSearch.value;
-                case _enum.Module.Knowledge:
+                case Module.Knowledge:
                     return knowledgeSearch.value;
-                case _enum.Module.Knowledgebase:
+                case Module.Knowledgebase:
                     return knowledgebaseSearch.value;
-                case _enum.Module.Agent:
+                case Module.Agent:
                     return agentSearch.value;
-                case _enum.Module.Skill:
+                case Module.Skill:
                     return skillSearch.value;
-                case _enum.Module.Collection:
+                case Module.Collection:
                     return roleSearch.value;
-                case _enum.Module.Prompt:
+                case Module.Prompt:
                     return promptSearch.value;
                 default:
                     return {};
             }
         };
-        var handleGetResources = function handleGetResources(_ref2) {
-            var page = _ref2.page, pageSize = _ref2.pageSize;
+        const handleGetResources = ({ page, pageSize })=>{
             var _a;
-            var commonParams = {
-                groupType: _enum.GroupType.All,
+            const commonParams = {
+                groupType: GroupType.All,
                 spaceId: (_a = props.choosenSpace) === null || _a === void 0 ? void 0 : _a.spaceId,
                 canApply: props.canApply,
                 withPrivate: false,
                 createdBy: !props.canApply ? props.createdBy : undefined,
-                page: page,
-                pageSize: pageSize
+                page,
+                pageSize
             };
             // 获取工具列表
-            if (props.module === _enum.Module.Tool) {
+            if (props.module === Module.Tool) {
                 return getTools(Object.assign(Object.assign({}, commonParams), toolSearch.value));
             }
             // 获取mcp列表
-            if (props.module === _enum.Module.Mcp) {
+            if (props.module === Module.Mcp) {
                 return getMcpList(Object.assign(Object.assign(Object.assign({}, commonParams), mcpSearch.value), {
                     agentCode: props.agentCode,
                     withApigwMcp: !props.canApply
                 }));
             }
             // 获取知识列表
-            if (props.module === _enum.Module.Knowledge) {
+            if (props.module === Module.Knowledge) {
                 return getKnowledges(Object.assign(Object.assign({}, commonParams), {
                     searchbox: Object.assign({
-                        status: _enum.FileStatus.Uploaded
+                        status: FileStatus.Uploaded
                     }, knowledgeSearch.value),
-                    knowledgebaseType: _enum.KnowledgebaseType.IntentRecog,
+                    knowledgebaseType: KnowledgebaseType.IntentRecog,
                     hiddenFolders: false
                 }));
             }
             // 获取知识库列表
-            if (props.module === _enum.Module.Knowledgebase) {
+            if (props.module === Module.Knowledgebase) {
                 return getKnowledgebases(Object.assign(Object.assign({}, commonParams), knowledgebaseSearch.value));
             }
             // 获取agent列表
-            if (props.module === _enum.Module.Agent) {
+            if (props.module === Module.Agent) {
                 return getAgentList(Object.assign(Object.assign(Object.assign({}, commonParams), agentSearch.value), {
                     excludeAgentId: props.agentId,
                     isPublished: true,
@@ -187,15 +174,15 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                 }));
             }
             // 获取role列表
-            if (props.module === _enum.Module.Collection) {
+            if (props.module === Module.Collection) {
                 return getCollections(Object.assign(Object.assign({}, commonParams), roleSearch.value));
             }
             // 获取prompt列表
-            if (props.module === _enum.Module.Prompt) {
+            if (props.module === Module.Prompt) {
                 return getPrompts(Object.assign(Object.assign({}, commonParams), promptSearch.value));
             }
             // 获取skill列表
-            if (props.module === _enum.Module.Skill) {
+            if (props.module === Module.Skill) {
                 return getSkillList(Object.assign(Object.assign({}, commonParams), skillSearch.value));
             }
             return Promise.resolve({
@@ -203,22 +190,30 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                 count: 0
             });
         };
-        var handleDataLoaded = function handleDataLoaded(results, append) {
-            var moduleDataMap = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _enum.Module.Tool, tools), _enum.Module.Mcp, mcps), _enum.Module.Knowledge, knowledges), _enum.Module.Knowledgebase, knowledgebases), _enum.Module.Agent, agents), _enum.Module.Collection, roles), _enum.Module.Prompt, prompts), _enum.Module.Skill, skills);
-            var target = moduleDataMap[props.module];
+        const handleDataLoaded = (results, append)=>{
+            const moduleDataMap = {
+                [Module.Tool]: tools,
+                [Module.Mcp]: mcps,
+                [Module.Knowledge]: knowledges,
+                [Module.Knowledgebase]: knowledgebases,
+                [Module.Agent]: agents,
+                [Module.Collection]: roles,
+                [Module.Prompt]: prompts,
+                [Module.Skill]: skills
+            };
+            const target = moduleDataMap[props.module];
             if (!target) return;
             if (append) {
-                var _target$value;
-                (_target$value = target.value).push.apply(_target$value, (0, _toConsumableArray2.default)(results));
+                target.value.push(...results);
             } else {
                 target.value = results;
             }
         };
-        var _useScrollLoad = (0, _useScrollLoad2.useScrollLoad)({
+        const { isLoading: isLoadingResources, handleInitData } = useScrollLoad({
             targetCls: '.resource-cards',
             triggerApi: handleGetResources,
-            handleDataLoaded: handleDataLoaded,
-            abort: function abort() {
+            handleDataLoaded,
+            abort: ()=>{
                 getTools.abort();
                 getMcpList.abort();
                 getKnowledges.abort();
@@ -228,133 +223,112 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                 getPrompts.abort();
                 getSkillList.abort();
             }
-        }), isLoadingResources = _useScrollLoad.isLoading, handleInitData = _useScrollLoad.handleInitData;
-        var RenderSearch = function RenderSearch() {
+        });
+        const RenderSearch = ()=>{
             switch(props.module){
-                case _enum.Module.Tool:
-                    return (0, _vue.createVNode)(_index14.default, {
+                case Module.Tool:
+                    return _createVNode2(RenderToolSearch, {
                         "isShowTagSearch": true,
                         "apiPrefix": props.apiPrefix,
                         "spaceId": props.spaceId,
-                        "module": _enum.Module.Tool,
+                        "module": Module.Tool,
                         "search": toolSearch.value,
-                        "onUpdate:search": function onUpdateSearch(value) {
-                            return toolSearch.value = value;
-                        },
+                        "onUpdate:search": (value)=>toolSearch.value = value,
                         "memberUrl": props.memberUrl
                     }, null);
-                case _enum.Module.Mcp:
-                    return (0, _vue.createVNode)(_index10.default, {
+                case Module.Mcp:
+                    return _createVNode2(RenderMcpSearch, {
                         "isShowTagSearch": true,
                         "apiPrefix": props.apiPrefix,
                         "spaceId": props.spaceId,
-                        "module": _enum.Module.Mcp,
+                        "module": Module.Mcp,
                         "search": mcpSearch.value,
                         "memberUrl": props.memberUrl,
-                        "onUpdate:search": function onUpdateSearch(value) {
-                            return mcpSearch.value = value;
-                        }
+                        "agentCode": props.agentCode,
+                        "onUpdate:search": (value)=>mcpSearch.value = value
                     }, null);
-                case _enum.Module.Knowledge:
-                    return (0, _vue.createVNode)(_index0.default, {
+                case Module.Knowledge:
+                    return _createVNode2(RenderKnowledgeSearch, {
                         "search": knowledgeSearch.value,
                         "memberUrl": props.memberUrl,
-                        "onUpdate:search": function onUpdateSearch(value) {
-                            return knowledgeSearch.value = value;
-                        }
+                        "onUpdate:search": (value)=>knowledgeSearch.value = value
                     }, null);
-                case _enum.Module.Knowledgebase:
-                    return (0, _vue.createVNode)(_index1.default, {
+                case Module.Knowledgebase:
+                    return _createVNode2(RenderKnowledgebaseSearch, {
                         "search": knowledgebaseSearch.value,
                         "memberUrl": props.memberUrl,
-                        "onUpdate:search": function onUpdateSearch(value) {
-                            return knowledgebaseSearch.value = value;
-                        }
+                        "onUpdate:search": (value)=>knowledgebaseSearch.value = value
                     }, null);
-                case _enum.Module.Agent:
-                    return (0, _vue.createVNode)(_agentSearch.default, {
+                case Module.Agent:
+                    return _createVNode2(RenderAgentSearch, {
                         "isShowTagSearch": true,
                         "apiPrefix": props.apiPrefix,
                         "spaceId": props.spaceId,
-                        "module": _enum.Module.Agent,
+                        "module": Module.Agent,
                         "search": agentSearch.value,
                         "memberUrl": props.memberUrl,
-                        "onUpdate:search": function onUpdateSearch(value) {
-                            return agentSearch.value = value;
-                        }
+                        "isPublished": true,
+                        "onUpdate:search": (value)=>agentSearch.value = value
                     }, null);
-                case _enum.Module.Collection:
-                    return (0, _vue.createVNode)(_index9.default, {
+                case Module.Collection:
+                    return _createVNode2(RenderRoleSearch, {
                         "isShowTagSearch": true,
                         "apiPrefix": props.apiPrefix,
                         "spaceId": props.spaceId,
-                        "module": _enum.Module.Collection,
+                        "module": Module.Collection,
                         "search": roleSearch.value,
                         "memberUrl": props.memberUrl,
-                        "onUpdate:search": function onUpdateSearch(value) {
-                            return roleSearch.value = value;
-                        }
+                        "onUpdate:search": (value)=>roleSearch.value = value
                     }, null);
-                case _enum.Module.Prompt:
-                    return (0, _vue.createVNode)(_index11.default, {
+                case Module.Prompt:
+                    return _createVNode2(RenderPromptSearch, {
                         "isShowTagSearch": true,
                         "apiPrefix": props.apiPrefix,
                         "spaceId": props.spaceId,
-                        "module": _enum.Module.Prompt,
+                        "module": Module.Prompt,
                         "search": promptSearch.value,
                         "memberUrl": props.memberUrl,
-                        "onUpdate:search": function onUpdateSearch(value) {
-                            return promptSearch.value = value;
-                        }
+                        "onUpdate:search": (value)=>promptSearch.value = value
                     }, null);
-                case _enum.Module.Skill:
-                    return (0, _vue.createVNode)(_index13.default, {
+                case Module.Skill:
+                    return _createVNode2(RenderSkillSearch, {
                         "isShowTagSearch": true,
                         "apiPrefix": props.apiPrefix,
                         "spaceId": props.spaceId,
-                        "module": _enum.Module.Skill,
+                        "module": Module.Skill,
                         "search": skillSearch.value,
                         "memberUrl": props.memberUrl,
-                        "onUpdate:search": function onUpdateSearch(value) {
-                            return skillSearch.value = value;
-                        }
+                        "onUpdate:search": (value)=>skillSearch.value = value
                     }, null);
             }
         };
-        var handleNavigate = function handleNavigate(route) {
+        const handleNavigate = (route)=>{
             emits('navigate', route);
         };
-        var RenderCards = function RenderCards() {
-            var preActionSlot = slots['pre-action'];
+        const RenderCards = ()=>{
+            const preActionSlot = slots['pre-action'];
             switch(props.module){
-                case _enum.Module.Tool:
-                    return tools.value.map(function(tool) {
-                        return (0, _vue.createVNode)(_index8.default, {
+                case Module.Tool:
+                    return tools.value.map((tool)=>_createVNode2(RenderToolCard, {
                             "class": "g-mb-12",
-                            "type": _enum.ResourceCardType.Choose,
+                            "type": ResourceCardType.Choose,
                             "tool": tool,
                             "isShowCheckbox": true,
                             "multiple": true,
-                            "checked": props.choosenTools.some(function(choosenTool) {
-                                return choosenTool.id === tool.id;
-                            }),
+                            "checked": props.choosenTools.some((choosenTool)=>choosenTool.id === tool.id),
                             "spaceId": tool.spaceId,
                             "spaces": props.spaces,
                             "apiPrefix": props.apiPrefix,
                             "showGenerateType": props.showGenerateType,
-                            "onChoose": function onChoose() {
-                                return handleToggleChooseTool(tool);
-                            },
+                            "onChoose": ()=>handleToggleChooseTool(tool),
                             "onNavigate": handleNavigate
                         }, {
                             'pre-actions': preActionSlot
-                        });
-                    });
-                case _enum.Module.Mcp:
-                    return mcps.value.map(function(mcp) {
-                        return (0, _vue.createVNode)(_index4.default, {
+                        }));
+                case Module.Mcp:
+                    return mcps.value.map((mcp)=>_createVNode2(RenderMcpCard, {
                             "class": "g-mb-12",
-                            "type": _enum.ResourceCardType.Choose,
+                            "type": ResourceCardType.Choose,
                             "mcp": mcp,
                             "isShowCheckbox": true,
                             "multiple": true,
@@ -363,43 +337,31 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                             "apiPrefix": props.apiPrefix,
                             "defaultIcon": props.defaultIcon,
                             "showGenerateType": props.showGenerateType,
-                            "checked": props.choosenMcps.some(function(choosenMcp) {
-                                return choosenMcp.id === mcp.id && choosenMcp.mcpType === mcp.mcpType;
-                            }),
-                            "onChoose": function onChoose() {
-                                return handleToggleChooseMcp(mcp);
-                            },
+                            "checked": props.choosenMcps.some((choosenMcp)=>choosenMcp.id === mcp.id && choosenMcp.mcpType === mcp.mcpType),
+                            "onChoose": ()=>handleToggleChooseMcp(mcp),
                             "onNavigate": handleNavigate
                         }, {
                             'pre-actions': preActionSlot
-                        });
-                    });
-                case _enum.Module.Knowledge:
-                    return knowledges.value.map(function(knowledge) {
-                        return (0, _vue.createVNode)(_index2.default, {
+                        }));
+                case Module.Knowledge:
+                    return knowledges.value.map((knowledge)=>_createVNode2(RenderKnowledgeCard, {
                             "class": "g-mb-12",
-                            "type": _enum.ResourceCardType.Choose,
+                            "type": ResourceCardType.Choose,
                             "knowledge": knowledge,
                             "isShowCheckbox": true,
                             "multiple": true,
                             "apiPrefix": props.apiPrefix,
                             "showGenerateType": props.showGenerateType,
-                            "checked": props.choosenKnowledges.some(function(chooseKnowledge) {
-                                return chooseKnowledge.id === knowledge.id;
-                            }),
-                            "onChoose": function onChoose() {
-                                return handleToggleChooseKnowledge(knowledge);
-                            },
+                            "checked": props.choosenKnowledges.some((chooseKnowledge)=>chooseKnowledge.id === knowledge.id),
+                            "onChoose": ()=>handleToggleChooseKnowledge(knowledge),
                             "onNavigate": handleNavigate
                         }, {
                             'pre-actions': preActionSlot
-                        });
-                    });
-                case _enum.Module.Knowledgebase:
-                    return knowledgebases.value.map(function(knowledgebase) {
-                        return (0, _vue.createVNode)(_index3.default, {
+                        }));
+                case Module.Knowledgebase:
+                    return knowledgebases.value.map((knowledgebase)=>_createVNode2(RenderKnowledgebaseCard, {
                             "class": "g-mb-12",
-                            "type": _enum.ResourceCardType.Choose,
+                            "type": ResourceCardType.Choose,
                             "knowledgebase": knowledgebase,
                             "isShowCheckbox": true,
                             "multiple": true,
@@ -407,55 +369,39 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                             "spaces": props.spaces,
                             "apiPrefix": props.apiPrefix,
                             "showGenerateType": props.showGenerateType,
-                            "checked": props.choosenKnowledgebases.some(function(chooseKnowledgebase) {
-                                return chooseKnowledgebase.id === knowledgebase.id;
-                            }),
-                            "onChoose": function onChoose() {
-                                return handleToggleChooseKnowledgebase(knowledgebase);
-                            },
+                            "checked": props.choosenKnowledgebases.some((chooseKnowledgebase)=>chooseKnowledgebase.id === knowledgebase.id),
+                            "onChoose": ()=>handleToggleChooseKnowledgebase(knowledgebase),
                             "onNavigate": handleNavigate
                         }, {
                             'pre-actions': preActionSlot
-                        });
-                    });
-                case _enum.Module.Agent:
-                    return agents.value.map(function(agent) {
-                        return (0, _vue.createVNode)(_index.default, {
+                        }));
+                case Module.Agent:
+                    return agents.value.map((agent)=>_createVNode2(RenderAgentCard, {
                             "class": "g-mb-12",
-                            "type": _enum.ResourceCardType.Choose,
+                            "type": ResourceCardType.Choose,
                             "agent": agent,
                             "isShowCheckbox": true,
                             "multiple": true,
-                            "checked": props.choosenAgents.some(function(choosenAgent) {
-                                return choosenAgent.id === agent.id;
-                            }),
+                            "checked": props.choosenAgents.some((choosenAgent)=>choosenAgent.id === agent.id),
                             "spaceId": agent.spaceId,
                             "spaces": props.spaces,
                             "apiPrefix": props.apiPrefix,
                             "defaultIcon": props.defaultIcon,
                             "showGenerateType": props.showGenerateType,
-                            "onChoose": function onChoose() {
-                                return handleToggleChooseAgent(agent);
-                            },
+                            "onChoose": ()=>handleToggleChooseAgent(agent),
                             "onNavigate": handleNavigate
                         }, {
                             'pre-actions': preActionSlot
-                        });
-                    });
-                case _enum.Module.Collection:
-                    return roles.value.map(function(role) {
-                        return (0, _vue.createVNode)(_index6.default, {
+                        }));
+                case Module.Collection:
+                    return roles.value.map((role)=>_createVNode2(RenderRoleCard, {
                             "class": "g-mb-12",
-                            "type": _enum.ResourceCardType.Choose,
+                            "type": ResourceCardType.Choose,
                             "role": role,
                             "isShowCheckbox": true,
                             "multiple": false,
-                            "checked": props.choosenRoles.some(function(choosenRole) {
-                                return choosenRole.id === role.id;
-                            }),
-                            "onChoose": function onChoose() {
-                                return handleToggleChooseRole(role);
-                            },
+                            "checked": props.choosenRoles.some((choosenRole)=>choosenRole.id === role.id),
+                            "onChoose": ()=>handleToggleChooseRole(role),
                             "onNavigate": handleNavigate,
                             "defaultModelId": props.defaultModelId,
                             "spaceId": role.spaceId,
@@ -466,13 +412,11 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                             "isSpaceManage": false
                         }, {
                             'pre-actions': preActionSlot
-                        });
-                    });
-                case _enum.Module.Prompt:
-                    return prompts.value.map(function(prompt) {
-                        return (0, _vue.createVNode)(_index5.default, {
+                        }));
+                case Module.Prompt:
+                    return prompts.value.map((prompt)=>_createVNode2(RenderPromptCard, {
                             "class": "g-mb-12",
-                            "type": _enum.ResourceCardType.Choose,
+                            "type": ResourceCardType.Choose,
                             "prompt": prompt,
                             "isShowCheckbox": true,
                             "multiple": true,
@@ -480,129 +424,111 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                             "spaces": props.spaces,
                             "defaultModelId": props.defaultModelId,
                             "apiPrefix": props.apiPrefix,
-                            "checked": props.choosenPrompts.some(function(choosenPrompt) {
-                                return choosenPrompt.id === prompt.id;
-                            }),
+                            "checked": props.choosenPrompts.some((choosenPrompt)=>choosenPrompt.id === prompt.id),
                             "showGenerateType": props.showGenerateType,
-                            "onChoose": function onChoose() {
-                                return handleToggleChoosePrompt(prompt);
-                            },
+                            "onChoose": ()=>handleToggleChoosePrompt(prompt),
                             "onNavigate": handleNavigate
                         }, {
                             'pre-actions': preActionSlot
-                        });
-                    });
-                case _enum.Module.Skill:
-                    return skills.value.map(function(skill) {
-                        return (0, _vue.createVNode)(_index7.default, {
+                        }));
+                case Module.Skill:
+                    return skills.value.map((skill)=>_createVNode2(RenderSkillCard, {
                             "class": "g-mb-12",
-                            "type": _enum.ResourceCardType.Choose,
+                            "type": ResourceCardType.Choose,
                             "skill": skill,
                             "isShowCheckbox": true,
                             "multiple": true,
-                            "checked": props.choosenSkills.some(function(choosenSkill) {
-                                return choosenSkill.id === skill.id;
-                            }),
+                            "checked": props.choosenSkills.some((choosenSkill)=>choosenSkill.id === skill.id),
                             "spaceId": skill.spaceId,
                             "spaces": props.spaces,
                             "apiPrefix": props.apiPrefix,
                             "defaultIcon": props.defaultIcon,
                             "showGenerateType": props.showGenerateType,
-                            "onChoose": function onChoose() {
-                                return handleToggleChooseSkill(skill);
-                            },
+                            "onChoose": ()=>handleToggleChooseSkill(skill),
                             "onNavigate": handleNavigate
                         }, {
                             'pre-actions': preActionSlot
-                        });
-                    });
+                        }));
             }
         };
-        var updateSearch = function updateSearch() {
-            if (props.module === _enum.Module.Tool) {
+        const updateSearch = ()=>{
+            if (props.module === Module.Tool) {
                 toolSearch.value = {};
             }
-            if (props.module === _enum.Module.Mcp) {
+            if (props.module === Module.Mcp) {
                 mcpSearch.value = {};
             }
-            if (props.module === _enum.Module.Knowledge) {
+            if (props.module === Module.Knowledge) {
                 knowledgeSearch.value = {};
             }
-            if (props.module === _enum.Module.Knowledgebase) {
+            if (props.module === Module.Knowledgebase) {
                 knowledgebaseSearch.value = {};
             }
-            if (props.module === _enum.Module.Agent) {
+            if (props.module === Module.Agent) {
                 agentSearch.value = {};
             }
-            if (props.module === _enum.Module.Skill) {
+            if (props.module === Module.Skill) {
                 skillSearch.value = {};
             }
         };
-        var getIsEmpty = function getIsEmpty() {
-            if (props.module === _enum.Module.Tool) {
+        const getIsEmpty = ()=>{
+            if (props.module === Module.Tool) {
                 return tools.value.length <= 0;
             }
-            if (props.module === _enum.Module.Mcp) {
+            if (props.module === Module.Mcp) {
                 return mcps.value.length <= 0;
             }
-            if (props.module === _enum.Module.Knowledge) {
+            if (props.module === Module.Knowledge) {
                 return knowledges.value.length <= 0;
             }
-            if (props.module === _enum.Module.Knowledgebase) {
+            if (props.module === Module.Knowledgebase) {
                 return knowledgebases.value.length <= 0;
             }
-            if (props.module === _enum.Module.Agent) {
+            if (props.module === Module.Agent) {
                 return agents.value.length <= 0;
             }
-            if (props.module === _enum.Module.Collection) {
+            if (props.module === Module.Collection) {
                 return roles.value.length <= 0;
             }
-            if (props.module === _enum.Module.Prompt) {
+            if (props.module === Module.Prompt) {
                 return prompts.value.length <= 0;
             }
-            if (props.module === _enum.Module.Skill) {
+            if (props.module === Module.Skill) {
                 return skills.value.length <= 0;
             }
         };
-        var getDescription = function getDescription() {
-            return "\u6682\u65E0".concat(props.canApply ? '可申请的' : '').concat(_constants.MODULE_NAME[props.module]);
+        const getDescription = ()=>{
+            return t('暂无{canApply}{MODULE_NAME}', {
+                canApply: props.canApply ? t('可申请的') : '',
+                MODULE_NAME: MODULE_NAME[props.module]
+            });
         };
         // tools
-        var handleToggleChooseTool = function handleToggleChooseTool(tool) {
-            if (props.choosenTools.some(function(choosenTool) {
-                return choosenTool.id === tool.id;
-            })) {
-                emits('update:choosenTools', props.choosenTools.filter(function(choosenTool) {
-                    return choosenTool.id !== tool.id;
-                }));
+        const handleToggleChooseTool = (tool)=>{
+            if (props.choosenTools.some((choosenTool)=>choosenTool.id === tool.id)) {
+                emits('update:choosenTools', props.choosenTools.filter((choosenTool)=>choosenTool.id !== tool.id));
             } else {
-                emits('update:choosenTools', [].concat((0, _toConsumableArray2.default)(props.choosenTools), [
+                emits('update:choosenTools', [
+                    ...props.choosenTools,
                     tool
-                ]));
+                ]);
             }
         };
         // mcps
-        var handleToggleChooseMcp = function handleToggleChooseMcp(mcp) {
-            if (props.choosenMcps.some(function(choosenMcp) {
-                return choosenMcp.id === mcp.id && choosenMcp.mcpType === mcp.mcpType;
-            })) {
-                emits('update:choosenMcps', props.choosenMcps.filter(function(choosenMcps) {
-                    return !(choosenMcps.id === mcp.id && choosenMcps.mcpType === mcp.mcpType);
-                }));
+        const handleToggleChooseMcp = (mcp)=>{
+            if (props.choosenMcps.some((choosenMcp)=>choosenMcp.id === mcp.id && choosenMcp.mcpType === mcp.mcpType)) {
+                emits('update:choosenMcps', props.choosenMcps.filter((choosenMcps)=>!(choosenMcps.id === mcp.id && choosenMcps.mcpType === mcp.mcpType)));
             } else {
-                emits('update:choosenMcps', [].concat((0, _toConsumableArray2.default)(props.choosenMcps), [
+                emits('update:choosenMcps', [
+                    ...props.choosenMcps,
                     mcp
-                ]));
+                ]);
             }
         };
         // knowledges
-        var handleToggleChooseKnowledge = function handleToggleChooseKnowledge(knowledge) {
-            if (props.choosenKnowledges.some(function(choosenKnowledge) {
-                return choosenKnowledge.id === knowledge.id;
-            })) {
-                emits('update:choosenKnowledges', props.choosenKnowledges.filter(function(choosenKnowledge) {
-                    return choosenKnowledge.id !== knowledge.id;
-                }));
+        const handleToggleChooseKnowledge = (knowledge)=>{
+            if (props.choosenKnowledges.some((choosenKnowledge)=>choosenKnowledge.id === knowledge.id)) {
+                emits('update:choosenKnowledges', props.choosenKnowledges.filter((choosenKnowledge)=>choosenKnowledge.id !== knowledge.id));
             } else {
                 emits('update:choosenKnowledges', [
                     knowledge
@@ -610,136 +536,96 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
             }
         };
         // knowledgebases
-        var handleToggleChooseKnowledgebase = function handleToggleChooseKnowledgebase(knowledgebase) {
-            if (props.choosenKnowledgebases.some(function(choosenKnowledgebase) {
-                return choosenKnowledgebase.id === knowledgebase.id;
-            })) {
-                emits('update:choosenKnowledgebases', props.choosenKnowledgebases.filter(function(choosenKnowledgebase) {
-                    return choosenKnowledgebase.id !== knowledgebase.id;
-                }));
+        const handleToggleChooseKnowledgebase = (knowledgebase)=>{
+            if (props.choosenKnowledgebases.some((choosenKnowledgebase)=>choosenKnowledgebase.id === knowledgebase.id)) {
+                emits('update:choosenKnowledgebases', props.choosenKnowledgebases.filter((choosenKnowledgebase)=>choosenKnowledgebase.id !== knowledgebase.id));
             } else {
-                emits('update:choosenKnowledgebases', [].concat((0, _toConsumableArray2.default)(props.choosenKnowledgebases), [
+                emits('update:choosenKnowledgebases', [
+                    ...props.choosenKnowledgebases,
                     knowledgebase
-                ]));
+                ]);
             }
         };
         // agents
-        var handleToggleChooseAgent = function handleToggleChooseAgent(agent) {
-            if (props.choosenAgents.some(function(choosenAgent) {
-                return choosenAgent.id === agent.id;
-            })) {
-                emits('update:choosenAgents', props.choosenAgents.filter(function(choosenAgent) {
-                    return choosenAgent.id !== agent.id;
-                }));
+        const handleToggleChooseAgent = (agent)=>{
+            if (props.choosenAgents.some((choosenAgent)=>choosenAgent.id === agent.id)) {
+                emits('update:choosenAgents', props.choosenAgents.filter((choosenAgent)=>choosenAgent.id !== agent.id));
             } else {
-                emits('update:choosenAgents', [].concat((0, _toConsumableArray2.default)(props.choosenAgents), [
+                emits('update:choosenAgents', [
+                    ...props.choosenAgents,
                     agent
-                ]));
+                ]);
             }
         };
         // roles
-        var handleToggleChooseRole = function handleToggleChooseRole(role) {
-            if (props.choosenRoles.some(function(choosenRole) {
-                return choosenRole.id === role.id;
-            })) {
-                emits('update:choosenRoles', props.choosenRoles.filter(function(choosenRole) {
-                    return choosenRole.id !== role.id;
-                }));
+        const handleToggleChooseRole = (role)=>{
+            if (props.choosenRoles.some((choosenRole)=>choosenRole.id === role.id)) {
+                emits('update:choosenRoles', props.choosenRoles.filter((choosenRole)=>choosenRole.id !== role.id));
             } else {
                 emits('update:choosenRoles', props.multiple === false ? [
                     role
-                ] : [].concat((0, _toConsumableArray2.default)(props.choosenRoles), [
+                ] : [
+                    ...props.choosenRoles,
                     role
-                ]));
+                ]);
             }
         };
         // prompts
-        var handleToggleChoosePrompt = function handleToggleChoosePrompt(prompt) {
-            if (props.choosenPrompts.some(function(choosenPrompt) {
-                return choosenPrompt.id === prompt.id;
-            })) {
-                emits('update:choosenPrompts', props.choosenPrompts.filter(function(choosenPrompt) {
-                    return choosenPrompt.id !== prompt.id;
-                }));
+        const handleToggleChoosePrompt = (prompt)=>{
+            if (props.choosenPrompts.some((choosenPrompt)=>choosenPrompt.id === prompt.id)) {
+                emits('update:choosenPrompts', props.choosenPrompts.filter((choosenPrompt)=>choosenPrompt.id !== prompt.id));
             } else {
-                emits('update:choosenPrompts', [].concat((0, _toConsumableArray2.default)(props.choosenPrompts), [
+                emits('update:choosenPrompts', [
+                    ...props.choosenPrompts,
                     prompt
-                ]));
+                ]);
             }
         };
         // skills
-        var handleToggleChooseSkill = function handleToggleChooseSkill(skill) {
-            if (props.choosenSkills.some(function(choosenSkill) {
-                return choosenSkill.id === skill.id;
-            })) {
-                emits('update:choosenSkills', props.choosenSkills.filter(function(choosenSkill) {
-                    return choosenSkill.id !== skill.id;
-                }));
+        const handleToggleChooseSkill = (skill)=>{
+            if (props.choosenSkills.some((choosenSkill)=>choosenSkill.id === skill.id)) {
+                emits('update:choosenSkills', props.choosenSkills.filter((choosenSkill)=>choosenSkill.id !== skill.id));
             } else {
-                emits('update:choosenSkills', [].concat((0, _toConsumableArray2.default)(props.choosenSkills), [
+                emits('update:choosenSkills', [
+                    ...props.choosenSkills,
                     skill
-                ]));
+                ]);
             }
         };
-        (0, _vue.watch)([
-            function() {
-                return props.choosenSpace;
-            },
-            function() {
-                return props.module;
-            },
-            function() {
-                return toolSearch.value;
-            },
-            function() {
-                return mcpSearch.value;
-            },
-            function() {
-                return knowledgeSearch.value;
-            },
-            function() {
-                return knowledgebaseSearch.value;
-            },
-            function() {
-                return agentSearch.value;
-            },
-            function() {
-                return roleSearch.value;
-            },
-            function() {
-                return promptSearch.value;
-            },
-            function() {
-                return skillSearch.value;
-            },
-            function() {
-                return props.spaceId;
-            },
-            function() {
-                return props.createdBy;
-            }
+        watch([
+            ()=>props.choosenSpace,
+            ()=>props.module,
+            ()=>toolSearch.value,
+            ()=>mcpSearch.value,
+            ()=>knowledgeSearch.value,
+            ()=>knowledgebaseSearch.value,
+            ()=>agentSearch.value,
+            ()=>roleSearch.value,
+            ()=>promptSearch.value,
+            ()=>skillSearch.value,
+            ()=>props.spaceId,
+            ()=>props.createdBy
         ], handleInitData, {
             immediate: true
         });
-        return function(_ctx, _cache) {
-            var _component_bk_loading = (0, _vue.resolveComponent)("bk-loading");
-            return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("section", {
-                class: (0, _vue.normalizeClass)([
+        return (_ctx, _cache)=>{
+            const _component_bk_loading = _resolveComponent("bk-loading");
+            return _openBlock(), _createElementBlock("section", {
+                class: _normalizeClass([
                     'choose-resource g-relative',
                     props.showSpace ? '!g-h-full' : 'no-space-height'
                 ])
             }, [
-                (0, _vue.createVNode)(RenderSearch, {
+                _createVNode(RenderSearch, {
                     class: "g-mb-12"
                 }),
-                (0, _vue.createVNode)(_component_bk_loading, {
-                    loading: (0, _vue.unref)(isLoadingResources),
+                _createVNode(_component_bk_loading, {
+                    loading: _unref(isLoadingResources),
                     class: "resource-cards g-scrollbar"
                 }, {
-                    default: (0, _vue.withCtx)(function() {
-                        return [
-                            (0, _vue.createVNode)(RenderCards),
-                            getIsEmpty() ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_index12.default, {
+                    default: _withCtx(()=>[
+                            _createVNode(RenderCards),
+                            getIsEmpty() ? (_openBlock(), _createBlock(RenderSearchEmpty, {
                                 key: 0,
                                 search: getCurrentSearch(),
                                 description: getDescription(),
@@ -748,9 +634,8 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                             }, null, 8 /* PROPS */ , [
                                 "search",
                                 "description"
-                            ])) : (0, _vue.createCommentVNode)("v-if", true)
-                        ];
-                    }),
+                            ])) : _createCommentVNode("v-if", true)
+                        ]),
                     _: 1 /* STABLE */ 
                 }, 8 /* PROPS */ , [
                     "loading"