@blueking/ai-ui-sdk 0.3.0-beta.5 → 0.3.0-beta.7

package/dist/components/render-dataset-list/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-6x54kikb";
+script.__scopeId = "data-v-197y6fbz";
 script.__file = "./src/components/render-dataset-list/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -41,10 +41,9 @@ const _hoisted_3 = {
     class: "g-text-gray !g-text-12"
 };
 import { ref, toRef } from 'vue';
-import { useRouter } from 'vue-router';
 import { MODULE_NAME } from '../../common/constants.ts.js';
 import { useAgentHttp } from '../../hooks/use-agent-http.ts.js';
-import { Module, ResourceStatus } from '../../types/enum.ts.js';
+import { Module, ResourceStatus, SdkNavigateActionType } from '../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         choosenTools: {},
@@ -65,12 +64,12 @@ export default /*@__PURE__*/ _defineComponent({
     },
     emits: [
         "confirm",
-        "cancel"
+        "cancel",
+        "navigate"
     ],
     setup (__props, { emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        const router = useRouter();
         const { resourceApply } = useAgentHttp(props.apiPrefix, toRef(props, 'spaceId'));
         const isShowPopover = ref(false);
         const isConfirmLoading = ref(false);
@@ -91,26 +90,19 @@ export default /*@__PURE__*/ _defineComponent({
         // 跳转添加工具,MCP
         const handleGotoAddResource = ()=>{
             if (props.module) {
-                const url = router.resolve({
-                    name: props.module === Module.Knowledgebase ? Module.Knowledge : props.module
+                emits('navigate', {
+                    type: SdkNavigateActionType.ModuleHome,
+                    module: props.module
                 });
-                window.open(url.href, '_blank');
             }
         };
         // 跳转申请资源
         const handleGotoApplyResource = ()=>{
             if (props.module) {
-                const moduleRouteMap = {
-                    [Module.Knowledgebase]: 'space-knowledgebase-manage',
-                    [Module.Mcp]: 'space-mcp-manage',
-                    [Module.Tool]: 'space-tool-manage',
-                    [Module.Agent]: 'space-agent-manage',
-                    [Module.Skill]: 'space-skill-manage'
-                };
-                const url = router.resolve({
-                    name: moduleRouteMap[props.module]
+                emits('navigate', {
+                    type: SdkNavigateActionType.SpaceResourceManage,
+                    module: props.module
                 });
-                window.open(url.href, '_blank');
             }
         };
         // 点击提交按钮

package/dist/components/render-dialog/choose-footer.vue.d.ts

@@ -3,6 +3,7 @@ import type { ICollection } from '@/types/collection';
 import { Module } from '@/types/enum';
 import type { IKnowledge, IKnowledgebase } from '@/types/knowledge';
 import type { IMcp } from '@/types/mcp';
+import type { ISdkNavigateAction } from '@/types/navigate';
 import type { IPrompt } from '@/types/prompt';
 import type { ISkill } from '@/types/skill';
 import type { ITool } from '@/types/tool';
@@ -22,6 +23,7 @@ interface IProps {
     spaceId: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    navigate: (value: ISdkNavigateAction) => any;
     cancel: () => any;
     confirm: (data: {
         tools: ITool[];
@@ -34,6 +36,7 @@ declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}
         skills: ISkill[];
     }) => any;
 }, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onNavigate?: (value: ISdkNavigateAction) => any;
     onCancel?: () => any;
     onConfirm?: (data: {
         tools: ITool[];

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

@@ -1,9 +1,6 @@
 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, createElementBlock as _createElementBlock } from "vue";
-const _hoisted_1 = {
-    class: "choose-resource g-relative"
-};
-import { ref, toRef, watch } 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';
@@ -61,7 +58,14 @@ export default /*@__PURE__*/ _defineComponent({
         spaceId: {},
         memberUrl: {},
         spaces: {},
-        apiPrefix: {}
+        apiPrefix: {},
+        defaultIcon: {},
+        showSpace: {
+            type: Boolean
+        },
+        showGenerateType: {
+            type: Boolean
+        }
     },
     emits: [
         "update:choosenTools",
@@ -71,11 +75,13 @@ export default /*@__PURE__*/ _defineComponent({
         "update:choosenAgents",
         "update:choosenRoles",
         "update:choosenPrompts",
-        "update:choosenSkills"
+        "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'));
@@ -295,7 +301,11 @@ export default /*@__PURE__*/ _defineComponent({
                     }, 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, {
@@ -308,8 +318,12 @@ export default /*@__PURE__*/ _defineComponent({
                             "spaceId": tool.spaceId,
                             "spaces": props.spaces,
                             "apiPrefix": props.apiPrefix,
-                            "onChoose": ()=>handleToggleChooseTool(tool)
-                        }, null));
+                            "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",
@@ -320,9 +334,14 @@ export default /*@__PURE__*/ _defineComponent({
                             "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)
-                        }, null));
+                            "onChoose": ()=>handleToggleChooseMcp(mcp),
+                            "onNavigate": handleNavigate
+                        }, {
+                            'pre-actions': preActionSlot
+                        }));
                 case Module.Knowledge:
                     return knowledges.value.map((knowledge)=>_createVNode2(RenderKnowledgeCard, {
                             "class": "g-mb-12",
@@ -331,9 +350,13 @@ export default /*@__PURE__*/ _defineComponent({
                             "isShowCheckbox": true,
                             "multiple": true,
                             "apiPrefix": props.apiPrefix,
+                            "showGenerateType": props.showGenerateType,
                             "checked": props.choosenKnowledges.some((chooseKnowledge)=>chooseKnowledge.id === knowledge.id),
-                            "onChoose": ()=>handleToggleChooseKnowledge(knowledge)
-                        }, null));
+                            "onChoose": ()=>handleToggleChooseKnowledge(knowledge),
+                            "onNavigate": handleNavigate
+                        }, {
+                            'pre-actions': preActionSlot
+                        }));
                 case Module.Knowledgebase:
                     return knowledgebases.value.map((knowledgebase)=>_createVNode2(RenderKnowledgebaseCard, {
                             "class": "g-mb-12",
@@ -344,9 +367,13 @@ export default /*@__PURE__*/ _defineComponent({
                             "spaceId": knowledgebase.spaceId,
                             "spaces": props.spaces,
                             "apiPrefix": props.apiPrefix,
+                            "showGenerateType": props.showGenerateType,
                             "checked": props.choosenKnowledgebases.some((chooseKnowledgebase)=>chooseKnowledgebase.id === knowledgebase.id),
-                            "onChoose": ()=>handleToggleChooseKnowledgebase(knowledgebase)
-                        }, null));
+                            "onChoose": ()=>handleToggleChooseKnowledgebase(knowledgebase),
+                            "onNavigate": handleNavigate
+                        }, {
+                            'pre-actions': preActionSlot
+                        }));
                 case Module.Agent:
                     return agents.value.map((agent)=>_createVNode2(RenderAgentCard, {
                             "class": "g-mb-12",
@@ -358,8 +385,13 @@ export default /*@__PURE__*/ _defineComponent({
                             "spaceId": agent.spaceId,
                             "spaces": props.spaces,
                             "apiPrefix": props.apiPrefix,
-                            "onChoose": ()=>handleToggleChooseAgent(agent)
-                        }, null));
+                            "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",
@@ -369,12 +401,16 @@ export default /*@__PURE__*/ _defineComponent({
                             "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
-                        }, null));
+                            "apiPrefix": props.apiPrefix,
+                            "showGenerateType": props.showGenerateType
+                        }, {
+                            'pre-actions': preActionSlot
+                        }));
                 case Module.Prompt:
                     return prompts.value.map((prompt)=>_createVNode2(RenderPromptCard, {
                             "class": "g-mb-12",
@@ -387,8 +423,12 @@ export default /*@__PURE__*/ _defineComponent({
                             "defaultModelId": props.defaultModelId,
                             "apiPrefix": props.apiPrefix,
                             "checked": props.choosenPrompts.some((choosenPrompt)=>choosenPrompt.id === prompt.id),
-                            "onChoose": ()=>handleToggleChoosePrompt(prompt)
-                        }, null));
+                            "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",
@@ -400,8 +440,13 @@ export default /*@__PURE__*/ _defineComponent({
                             "spaceId": skill.spaceId,
                             "spaces": props.spaces,
                             "apiPrefix": props.apiPrefix,
-                            "onChoose": ()=>handleToggleChooseSkill(skill)
-                        }, null));
+                            "defaultIcon": props.defaultIcon,
+                            "showGenerateType": props.showGenerateType,
+                            "onChoose": ()=>handleToggleChooseSkill(skill),
+                            "onNavigate": handleNavigate
+                        }, {
+                            'pre-actions': preActionSlot
+                        }));
             }
         };
         const updateSearch = ()=>{
@@ -560,7 +605,12 @@ export default /*@__PURE__*/ _defineComponent({
         });
         return (_ctx, _cache)=>{
             const _component_bk_loading = _resolveComponent("bk-loading");
-            return _openBlock(), _createElementBlock("section", _hoisted_1, [
+            return _openBlock(), _createElementBlock("section", {
+                class: _normalizeClass([
+                    'choose-resource g-relative',
+                    props.showSpace ? '!g-h-full' : 'no-space-height'
+                ])
+            }, [
                 _createVNode(RenderSearch, {
                     class: "g-mb-12"
                 }),
@@ -585,7 +635,7 @@ export default /*@__PURE__*/ _defineComponent({
                 }, 8 /* PROPS */ , [
                     "loading"
                 ])
-            ]);
+            ], 2 /* CLASS */ );
         };
     }
 });

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

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

package/dist/components/render-dialog/choose-resource.vue.d.ts

@@ -4,6 +4,7 @@ import type { ICollection } from '@/types/collection';
 import { AgentType, Module } from '@/types/enum';
 import type { IKnowledge, IKnowledgebase } from '@/types/knowledge';
 import type { IMcp } from '@/types/mcp';
+import type { ISdkNavigateAction } from '@/types/navigate';
 import type { IPrompt } from '@/types/prompt';
 import type { ISkill } from '@/types/skill';
 import type { ISpace, IUsableSpace } from '@/types/space';
@@ -32,8 +33,12 @@ interface IProps {
     memberUrl: string;
     spaces?: ISpace[];
     apiPrefix: string;
+    defaultIcon?: string;
+    showSpace?: boolean;
+    showGenerateType?: boolean;
 }
 declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    navigate: (value: ISdkNavigateAction) => any;
     "update:choosenTools": (value: ITool[]) => any;
     "update:choosenMcps": (value: IMcp[]) => any;
     "update:choosenKnowledges": (value: IKnowledge[]) => any;
@@ -43,6 +48,7 @@ declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}
     "update:choosenPrompts": (value: IPrompt[]) => any;
     "update:choosenSkills": (value: ISkill[]) => any;
 }, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onNavigate?: (value: ISdkNavigateAction) => any;
     "onUpdate:choosenTools"?: (value: ITool[]) => any;
     "onUpdate:choosenMcps"?: (value: IMcp[]) => any;
     "onUpdate:choosenKnowledges"?: (value: IKnowledge[]) => any;

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

@@ -1,5 +1,5 @@
 import script from './choose-resource.script.vue.js';
-script.__scopeId = "data-v-idr8rkq4";
+script.__scopeId = "data-v-rcixwlac";
 script.__file = "./src/components/render-dialog/choose-resource.vue";
 import './choose-resource.vue.css';
 export default script;

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

@@ -1,31 +1,31 @@
 
-.choose-result[data-v-5cz51vu7] {
+.choose-result[data-v-l42b8572] {
   height: 100%;
   background: #F5F7FA;
   padding: 16px 24px;
   font-size: 12px;
 }
-.result-title[data-v-5cz51vu7] {
+.result-title[data-v-l42b8572] {
   line-height: 28px;
   font-size: 20px;
   color: #313238;
 }
-.result-main[data-v-5cz51vu7] {
+.result-main[data-v-l42b8572] {
   margin-top: 12px;
 }
-.result-main .result-head[data-v-5cz51vu7] {
+.result-main .result-head[data-v-l42b8572] {
     justify-content: space-between;
     line-height: 32px;
 }
-.result-main .result-head .title-num[data-v-5cz51vu7] {
+.result-main .result-head .title-num[data-v-l42b8572] {
       color: #3A84FF;
       font-weight: 700;
 }
-.result-main .result-head .head-clear[data-v-5cz51vu7] {
+.result-main .result-head .head-clear[data-v-l42b8572] {
       cursor: pointer;
       color: #3A84FF;
 }
-.result-item[data-v-5cz51vu7] {
+.result-item[data-v-l42b8572] {
   line-height: 32px;
   background: #FFFFFF;
   border-radius: 2px;
@@ -33,27 +33,27 @@
   margin-top: 4px;
   padding: 0 8px;
 }
-.result-item:hover .item-close[data-v-5cz51vu7] {
+.result-item:hover .item-close[data-v-l42b8572] {
       display: block !important;
 }
-.result-item[data-v-5cz51vu7]:hover {
+.result-item[data-v-l42b8572]:hover {
     box-shadow: 0 2px 6px 0 #1919291a;
 }
-.result-item .result-space-name[data-v-5cz51vu7] {
+.result-item .result-space-name[data-v-l42b8572] {
     max-width: 40%;
 }
-.result-item .item-close[data-v-5cz51vu7] {
+.result-item .item-close[data-v-l42b8572] {
     cursor: pointer;
     font-size: 16px;
     color: #C4C6CC;
     display: none !important;
 }
-.result-item .item-close[data-v-5cz51vu7]:hover {
+.result-item .item-close[data-v-l42b8572]:hover {
       color: #979BA5;
 }
-.hover-shadow-strong[data-v-5cz51vu7]:hover {
+.hover-shadow-strong[data-v-l42b8572]:hover {
   transition: box-shadow 0.2s;
 }
-.popover-main[data-v-5cz51vu7] {
+.popover-main[data-v-l42b8572] {
   padding: 8px 8px 10px;
 }

package/dist/components/render-dialog/choose-result.vue.js

@@ -1,5 +1,5 @@
 import script from './choose-result.script.vue.js';
-script.__scopeId = "data-v-5cz51vu7";
+script.__scopeId = "data-v-l42b8572";
 script.__file = "./src/components/render-dialog/choose-result.vue";
 import './choose-result.vue.css';
 export default script;

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

@@ -1,32 +1,32 @@
 
-.choose-space[data-v-p614vncl] {
+.choose-space[data-v-zjti21rm] {
   padding: 0 18px 0 24px;
   height: 100%;
   font-size: 12px;
 }
-.space-list[data-v-p614vncl] {
+.space-list[data-v-zjti21rm] {
   margin-top: 12px;
   height: calc(100% - 44px);
 }
-.space-list .space-item[data-v-p614vncl] {
+.space-list .space-item[data-v-zjti21rm] {
     line-height: 32px;
     padding-left: 8px;
 }
-.space-list .space-item[data-v-p614vncl]:hover {
+.space-list .space-item[data-v-zjti21rm]:hover {
       background: #f5f7fa;
 }
-.space-list .space-item.space-item-active[data-v-p614vncl] {
+.space-list .space-item.space-item-active[data-v-zjti21rm] {
       background: #F0F5FF;
       color: #3A84FF;
 }
-.space-list .space-item.space-item-active .space-tool-number[data-v-p614vncl] {
+.space-list .space-item.space-item-active .space-tool-number[data-v-zjti21rm] {
         background: #A3C5FD;
         color: #FFFFFF;
 }
-.space-list .space-item.space-item-active .bkaidev-guanlikongjian-3[data-v-p614vncl] {
+.space-list .space-item.space-item-active .bkaidev-guanlikongjian-3[data-v-zjti21rm] {
         color: #3A84FF;
 }
-.space-list .space-tool-number[data-v-p614vncl] {
+.space-list .space-tool-number[data-v-zjti21rm] {
     padding: 0 6px;
     border-radius: 2px;
     background: #F0F1F5;

package/dist/components/render-dialog/choose-space.vue.js

@@ -1,5 +1,5 @@
 import script from './choose-space.script.vue.js.js';
-script.__scopeId = "data-v-p614vncl";
+script.__scopeId = "data-v-zjti21rm";
 script.__file = "./src/components/render-dialog/choose-space.vue";
 import './choose-space.vue.css';
 export default script;