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

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

@@ -0,0 +1,639 @@
+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 { FileStatus, GroupType, KnowledgebaseType, Module, ResourceCardType } from '../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        choosenTools: {},
+        choosenMcps: {},
+        choosenKnowledges: {},
+        choosenKnowledgebases: {},
+        choosenAgents: {},
+        choosenRoles: {},
+        choosenPrompts: {},
+        choosenSpace: {},
+        choosenSkills: {},
+        module: {},
+        agentCode: {},
+        agentId: {},
+        canApply: {
+            type: Boolean
+        },
+        agentType: {},
+        createdBy: {},
+        multiple: {
+            type: Boolean
+        },
+        showTagSearch: {
+            type: Boolean
+        },
+        defaultModelId: {},
+        roleTypes: {},
+        spaceId: {},
+        memberUrl: {},
+        spaces: {},
+        apiPrefix: {},
+        defaultIcon: {},
+        showSpace: {
+            type: Boolean
+        },
+        showGenerateType: {
+            type: Boolean
+        }
+    },
+    emits: [
+        "update:choosenTools",
+        "update:choosenMcps",
+        "update:choosenKnowledges",
+        "update:choosenKnowledgebases",
+        "update:choosenAgents",
+        "update:choosenRoles",
+        "update:choosenPrompts",
+        "update:choosenSkills",
+        "navigate"
+    ],
+    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([]);
+        // 根据当前模块动态返回对应的搜索参数
+        const getCurrentSearch = ()=>{
+            switch(props.module){
+                case Module.Tool:
+                    return toolSearch.value;
+                case Module.Mcp:
+                    return mcpSearch.value;
+                case Module.Knowledge:
+                    return knowledgeSearch.value;
+                case Module.Knowledgebase:
+                    return knowledgebaseSearch.value;
+                case Module.Agent:
+                    return agentSearch.value;
+                case Module.Skill:
+                    return skillSearch.value;
+                case Module.Collection:
+                    return roleSearch.value;
+                case Module.Prompt:
+                    return promptSearch.value;
+                default:
+                    return {};
+            }
+        };
+        const handleGetResources = ({ page, pageSize })=>{
+            var _a;
+            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,
+                pageSize
+            };
+            // 获取工具列表
+            if (props.module === Module.Tool) {
+                return getTools(Object.assign(Object.assign({}, commonParams), toolSearch.value));
+            }
+            // 获取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 === Module.Knowledge) {
+                return getKnowledges(Object.assign(Object.assign({}, commonParams), {
+                    searchbox: Object.assign({
+                        status: FileStatus.Uploaded
+                    }, knowledgeSearch.value),
+                    knowledgebaseType: KnowledgebaseType.IntentRecog,
+                    hiddenFolders: false
+                }));
+            }
+            // 获取知识库列表
+            if (props.module === Module.Knowledgebase) {
+                return getKnowledgebases(Object.assign(Object.assign({}, commonParams), knowledgebaseSearch.value));
+            }
+            // 获取agent列表
+            if (props.module === Module.Agent) {
+                return getAgentList(Object.assign(Object.assign(Object.assign({}, commonParams), agentSearch.value), {
+                    excludeAgentId: props.agentId,
+                    isPublished: true,
+                    agentType: props.agentType
+                }));
+            }
+            // 获取role列表
+            if (props.module === Module.Collection) {
+                return getCollections(Object.assign(Object.assign({}, commonParams), roleSearch.value));
+            }
+            // 获取prompt列表
+            if (props.module === Module.Prompt) {
+                return getPrompts(Object.assign(Object.assign({}, commonParams), promptSearch.value));
+            }
+            // 获取skill列表
+            if (props.module === Module.Skill) {
+                return getSkillList(Object.assign(Object.assign({}, commonParams), skillSearch.value));
+            }
+            return Promise.resolve({
+                results: [],
+                count: 0
+            });
+        };
+        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) {
+                target.value.push(...results);
+            } else {
+                target.value = results;
+            }
+        };
+        const { isLoading: isLoadingResources, handleInitData } = useScrollLoad({
+            targetCls: '.resource-cards',
+            triggerApi: handleGetResources,
+            handleDataLoaded,
+            abort: ()=>{
+                getTools.abort();
+                getMcpList.abort();
+                getKnowledges.abort();
+                getKnowledgebases.abort();
+                getAgentList.abort();
+                getCollections.abort();
+                getPrompts.abort();
+                getSkillList.abort();
+            }
+        });
+        const RenderSearch = ()=>{
+            switch(props.module){
+                case Module.Tool:
+                    return _createVNode2(RenderToolSearch, {
+                        "isShowTagSearch": true,
+                        "apiPrefix": props.apiPrefix,
+                        "spaceId": props.spaceId,
+                        "module": Module.Tool,
+                        "search": toolSearch.value,
+                        "onUpdate:search": (value)=>toolSearch.value = value,
+                        "memberUrl": props.memberUrl
+                    }, null);
+                case Module.Mcp:
+                    return _createVNode2(RenderMcpSearch, {
+                        "isShowTagSearch": true,
+                        "apiPrefix": props.apiPrefix,
+                        "spaceId": props.spaceId,
+                        "module": Module.Mcp,
+                        "search": mcpSearch.value,
+                        "memberUrl": props.memberUrl,
+                        "onUpdate:search": (value)=>mcpSearch.value = value
+                    }, null);
+                case Module.Knowledge:
+                    return _createVNode2(RenderKnowledgeSearch, {
+                        "search": knowledgeSearch.value,
+                        "memberUrl": props.memberUrl,
+                        "onUpdate:search": (value)=>knowledgeSearch.value = value
+                    }, null);
+                case Module.Knowledgebase:
+                    return _createVNode2(RenderKnowledgebaseSearch, {
+                        "search": knowledgebaseSearch.value,
+                        "memberUrl": props.memberUrl,
+                        "onUpdate:search": (value)=>knowledgebaseSearch.value = value
+                    }, null);
+                case Module.Agent:
+                    return _createVNode2(RenderAgentSearch, {
+                        "isShowTagSearch": true,
+                        "apiPrefix": props.apiPrefix,
+                        "spaceId": props.spaceId,
+                        "module": Module.Agent,
+                        "search": agentSearch.value,
+                        "memberUrl": props.memberUrl,
+                        "onUpdate:search": (value)=>agentSearch.value = value
+                    }, null);
+                case Module.Collection:
+                    return _createVNode2(RenderRoleSearch, {
+                        "isShowTagSearch": true,
+                        "apiPrefix": props.apiPrefix,
+                        "spaceId": props.spaceId,
+                        "module": Module.Collection,
+                        "search": roleSearch.value,
+                        "memberUrl": props.memberUrl,
+                        "onUpdate:search": (value)=>roleSearch.value = value
+                    }, null);
+                case Module.Prompt:
+                    return _createVNode2(RenderPromptSearch, {
+                        "isShowTagSearch": true,
+                        "apiPrefix": props.apiPrefix,
+                        "spaceId": props.spaceId,
+                        "module": Module.Prompt,
+                        "search": promptSearch.value,
+                        "memberUrl": props.memberUrl,
+                        "onUpdate:search": (value)=>promptSearch.value = value
+                    }, null);
+                case Module.Skill:
+                    return _createVNode2(RenderSkillSearch, {
+                        "isShowTagSearch": true,
+                        "apiPrefix": props.apiPrefix,
+                        "spaceId": props.spaceId,
+                        "module": Module.Skill,
+                        "search": skillSearch.value,
+                        "memberUrl": props.memberUrl,
+                        "onUpdate:search": (value)=>skillSearch.value = value
+                    }, null);
+            }
+        };
+        const handleNavigate = (route)=>{
+            emits('navigate', route);
+        };
+        const RenderCards = ()=>{
+            const preActionSlot = slots['pre-action'];
+            switch(props.module){
+                case Module.Tool:
+                    return tools.value.map((tool)=>_createVNode2(RenderToolCard, {
+                            "class": "g-mb-12",
+                            "type": ResourceCardType.Choose,
+                            "tool": tool,
+                            "isShowCheckbox": true,
+                            "multiple": true,
+                            "checked": props.choosenTools.some((choosenTool)=>choosenTool.id === tool.id),
+                            "spaceId": tool.spaceId,
+                            "spaces": props.spaces,
+                            "apiPrefix": props.apiPrefix,
+                            "showGenerateType": props.showGenerateType,
+                            "onChoose": ()=>handleToggleChooseTool(tool),
+                            "onNavigate": handleNavigate
+                        }, {
+                            'pre-actions': preActionSlot
+                        }));
+                case Module.Mcp:
+                    return mcps.value.map((mcp)=>_createVNode2(RenderMcpCard, {
+                            "class": "g-mb-12",
+                            "type": ResourceCardType.Choose,
+                            "mcp": mcp,
+                            "isShowCheckbox": true,
+                            "multiple": true,
+                            "spaceId": mcp.spaceId,
+                            "spaces": props.spaces,
+                            "apiPrefix": props.apiPrefix,
+                            "defaultIcon": props.defaultIcon,
+                            "showGenerateType": props.showGenerateType,
+                            "checked": props.choosenMcps.some((choosenMcp)=>choosenMcp.id === mcp.id && choosenMcp.mcpType === mcp.mcpType),
+                            "onChoose": ()=>handleToggleChooseMcp(mcp),
+                            "onNavigate": handleNavigate
+                        }, {
+                            'pre-actions': preActionSlot
+                        }));
+                case Module.Knowledge:
+                    return knowledges.value.map((knowledge)=>_createVNode2(RenderKnowledgeCard, {
+                            "class": "g-mb-12",
+                            "type": ResourceCardType.Choose,
+                            "knowledge": knowledge,
+                            "isShowCheckbox": true,
+                            "multiple": true,
+                            "apiPrefix": props.apiPrefix,
+                            "showGenerateType": props.showGenerateType,
+                            "checked": props.choosenKnowledges.some((chooseKnowledge)=>chooseKnowledge.id === knowledge.id),
+                            "onChoose": ()=>handleToggleChooseKnowledge(knowledge),
+                            "onNavigate": handleNavigate
+                        }, {
+                            'pre-actions': preActionSlot
+                        }));
+                case Module.Knowledgebase:
+                    return knowledgebases.value.map((knowledgebase)=>_createVNode2(RenderKnowledgebaseCard, {
+                            "class": "g-mb-12",
+                            "type": ResourceCardType.Choose,
+                            "knowledgebase": knowledgebase,
+                            "isShowCheckbox": true,
+                            "multiple": true,
+                            "spaceId": knowledgebase.spaceId,
+                            "spaces": props.spaces,
+                            "apiPrefix": props.apiPrefix,
+                            "showGenerateType": props.showGenerateType,
+                            "checked": props.choosenKnowledgebases.some((chooseKnowledgebase)=>chooseKnowledgebase.id === knowledgebase.id),
+                            "onChoose": ()=>handleToggleChooseKnowledgebase(knowledgebase),
+                            "onNavigate": handleNavigate
+                        }, {
+                            'pre-actions': preActionSlot
+                        }));
+                case Module.Agent:
+                    return agents.value.map((agent)=>_createVNode2(RenderAgentCard, {
+                            "class": "g-mb-12",
+                            "type": ResourceCardType.Choose,
+                            "agent": agent,
+                            "isShowCheckbox": true,
+                            "multiple": true,
+                            "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": ()=>handleToggleChooseAgent(agent),
+                            "onNavigate": handleNavigate
+                        }, {
+                            'pre-actions': preActionSlot
+                        }));
+                case Module.Collection:
+                    return roles.value.map((role)=>_createVNode2(RenderRoleCard, {
+                            "class": "g-mb-12",
+                            "type": ResourceCardType.Choose,
+                            "role": role,
+                            "isShowCheckbox": true,
+                            "multiple": false,
+                            "checked": props.choosenRoles.some((choosenRole)=>choosenRole.id === role.id),
+                            "onChoose": ()=>handleToggleChooseRole(role),
+                            "onNavigate": handleNavigate,
+                            "defaultModelId": props.defaultModelId,
+                            "spaceId": role.spaceId,
+                            "spaces": props.spaces,
+                            "roleTypes": props.roleTypes,
+                            "apiPrefix": props.apiPrefix,
+                            "showGenerateType": props.showGenerateType
+                        }, {
+                            'pre-actions': preActionSlot
+                        }));
+                case Module.Prompt:
+                    return prompts.value.map((prompt)=>_createVNode2(RenderPromptCard, {
+                            "class": "g-mb-12",
+                            "type": ResourceCardType.Choose,
+                            "prompt": prompt,
+                            "isShowCheckbox": true,
+                            "multiple": true,
+                            "spaceId": prompt.spaceId,
+                            "spaces": props.spaces,
+                            "defaultModelId": props.defaultModelId,
+                            "apiPrefix": props.apiPrefix,
+                            "checked": props.choosenPrompts.some((choosenPrompt)=>choosenPrompt.id === prompt.id),
+                            "showGenerateType": props.showGenerateType,
+                            "onChoose": ()=>handleToggleChoosePrompt(prompt),
+                            "onNavigate": handleNavigate
+                        }, {
+                            'pre-actions': preActionSlot
+                        }));
+                case Module.Skill:
+                    return skills.value.map((skill)=>_createVNode2(RenderSkillCard, {
+                            "class": "g-mb-12",
+                            "type": ResourceCardType.Choose,
+                            "skill": skill,
+                            "isShowCheckbox": true,
+                            "multiple": true,
+                            "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": ()=>handleToggleChooseSkill(skill),
+                            "onNavigate": handleNavigate
+                        }, {
+                            'pre-actions': preActionSlot
+                        }));
+            }
+        };
+        const updateSearch = ()=>{
+            if (props.module === Module.Tool) {
+                toolSearch.value = {};
+            }
+            if (props.module === Module.Mcp) {
+                mcpSearch.value = {};
+            }
+            if (props.module === Module.Knowledge) {
+                knowledgeSearch.value = {};
+            }
+            if (props.module === Module.Knowledgebase) {
+                knowledgebaseSearch.value = {};
+            }
+            if (props.module === Module.Agent) {
+                agentSearch.value = {};
+            }
+            if (props.module === Module.Skill) {
+                skillSearch.value = {};
+            }
+        };
+        const getIsEmpty = ()=>{
+            if (props.module === Module.Tool) {
+                return tools.value.length <= 0;
+            }
+            if (props.module === Module.Mcp) {
+                return mcps.value.length <= 0;
+            }
+            if (props.module === Module.Knowledge) {
+                return knowledges.value.length <= 0;
+            }
+            if (props.module === Module.Knowledgebase) {
+                return knowledgebases.value.length <= 0;
+            }
+            if (props.module === Module.Agent) {
+                return agents.value.length <= 0;
+            }
+            if (props.module === Module.Collection) {
+                return roles.value.length <= 0;
+            }
+            if (props.module === Module.Prompt) {
+                return prompts.value.length <= 0;
+            }
+            if (props.module === Module.Skill) {
+                return skills.value.length <= 0;
+            }
+        };
+        const getDescription = ()=>{
+            return `暂无${props.canApply ? '可申请的' : ''}${MODULE_NAME[props.module]}`;
+        };
+        // tools
+        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', [
+                    ...props.choosenTools,
+                    tool
+                ]);
+            }
+        };
+        // mcps
+        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', [
+                    ...props.choosenMcps,
+                    mcp
+                ]);
+            }
+        };
+        // knowledges
+        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
+                ]);
+            }
+        };
+        // knowledgebases
+        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', [
+                    ...props.choosenKnowledgebases,
+                    knowledgebase
+                ]);
+            }
+        };
+        // agents
+        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', [
+                    ...props.choosenAgents,
+                    agent
+                ]);
+            }
+        };
+        // roles
+        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
+                ] : [
+                    ...props.choosenRoles,
+                    role
+                ]);
+            }
+        };
+        // prompts
+        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', [
+                    ...props.choosenPrompts,
+                    prompt
+                ]);
+            }
+        };
+        // skills
+        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', [
+                    ...props.choosenSkills,
+                    skill
+                ]);
+            }
+        };
+        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 (_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'
+                ])
+            }, [
+                _createVNode(RenderSearch, {
+                    class: "g-mb-12"
+                }),
+                _createVNode(_component_bk_loading, {
+                    loading: _unref(isLoadingResources),
+                    class: "resource-cards g-scrollbar"
+                }, {
+                    default: _withCtx(()=>[
+                            _createVNode(RenderCards),
+                            getIsEmpty() ? (_openBlock(), _createBlock(RenderSearchEmpty, {
+                                key: 0,
+                                scene: "part",
+                                search: getCurrentSearch(),
+                                description: getDescription(),
+                                "onUpdate:search": updateSearch
+                            }, null, 8 /* PROPS */ , [
+                                "search",
+                                "description"
+                            ])) : _createCommentVNode("v-if", true)
+                        ]),
+                    _: 1 /* STABLE */ 
+                }, 8 /* PROPS */ , [
+                    "loading"
+                ])
+            ], 2 /* CLASS */ );
+        };
+    }
+});

package/dist/components/render-dialog/choose-resource.vue.css

@@ -0,0 +1,10 @@
+
+.choose-resource[data-v-vrz4w417] {
+  padding: 0 16px;
+}
+.choose-resource .resource-cards[data-v-vrz4w417] {
+    max-height: calc(100% - 44px);
+}
+.no-space-height[data-v-vrz4w417] {
+  height: calc(100% - 57px);
+}