@blueking/ai-ui-sdk 0.3.0-beta.2 → 0.3.0-beta.20

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-position-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'));
@@ -243,14 +249,12 @@ export default /*@__PURE__*/ _defineComponent({
                     return _createVNode2(RenderKnowledgeSearch, {
                         "search": knowledgeSearch.value,
                         "memberUrl": props.memberUrl,
-                        "apiPrefix": props.apiPrefix,
                         "onUpdate:search": (value)=>knowledgeSearch.value = value
                     }, null);
                 case Module.Knowledgebase:
                     return _createVNode2(RenderKnowledgebaseSearch, {
                         "search": knowledgebaseSearch.value,
                         "memberUrl": props.memberUrl,
-                        "apiPrefix": props.apiPrefix,
                         "onUpdate:search": (value)=>knowledgebaseSearch.value = value
                     }, null);
                 case Module.Agent:
@@ -295,7 +299,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 +316,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 +332,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 +348,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 +365,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 +383,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 +399,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 +421,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 +438,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 +603,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 +633,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-sd027sa2] {
-  height: 100%;
+.choose-resource[data-v-1rp6lfz8] {
   padding: 0 16px;
 }
-.choose-resource .resource-cards[data-v-sd027sa2] {
+.choose-resource .resource-cards[data-v-1rp6lfz8] {
     max-height: calc(100% - 44px);
 }
+.no-space-height[data-v-1rp6lfz8] {
+  height: calc(100% - 57px);
+}

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

@@ -1,12 +1,14 @@
 import type { ILLMPromptRole } from '@/types';
 import type { IAgent } from '@/types/agent';
 import type { ICollection } from '@/types/collection';
+import type { IResourceCount } from '@/types/common';
 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';
+import type { ISpace } from '@/types/space';
 import type { ITool } from '@/types/tool';
 interface IProps {
     choosenTools?: ITool[];
@@ -16,7 +18,7 @@ interface IProps {
     choosenAgents?: IAgent[];
     choosenRoles?: ICollection[];
     choosenPrompts?: IPrompt[];
-    choosenSpace?: IUsableSpace;
+    choosenSpace?: IResourceCount;
     choosenSkills?: ISkill[];
     module: Module;
     agentCode?: string;
@@ -32,8 +34,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 +49,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-sd027sa2";
+script.__scopeId = "data-v-1rp6lfz8";
 script.__file = "./src/components/render-dialog/choose-resource.vue";
 import './choose-resource.vue.css';
 export default script;

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

@@ -26,10 +26,10 @@ const _hoisted_8 = {
     class: "g-flex-row"
 };
 const _hoisted_9 = {
-    class: "g-flex-column g-align-center g-align-start g-ml-8"
+    class: "g-flex g-flex-col !g-items-center !g-items-start g-ml-8"
 };
 const _hoisted_10 = {
-    class: "g-weight-bold"
+    class: "g-font-bold"
 };
 const _hoisted_11 = {
     class: "g-text-gray"
@@ -276,7 +276,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 return _openBlock(), _createElementBlock("li", {
                                     key: `${group.label}-${item.id}-${item.mcpType}`,
                                     class: _normalizeClass({
-                                        'result-item g-cursor-pointer': true,
+                                        'result-item !g-cursor-pointer': true,
                                         'g-deleted-resource': getIsDeleted(item.status),
                                         'g-no-permission-resource': getIsNoPermission(item.status)
                                     })

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

@@ -1,31 +1,31 @@
 
-.choose-result[data-v-jev89vx8] {
+.choose-result[data-v-flvi0n4j] {
   height: 100%;
   background: #F5F7FA;
   padding: 16px 24px;
   font-size: 12px;
 }
-.result-title[data-v-jev89vx8] {
+.result-title[data-v-flvi0n4j] {
   line-height: 28px;
   font-size: 20px;
   color: #313238;
 }
-.result-main[data-v-jev89vx8] {
+.result-main[data-v-flvi0n4j] {
   margin-top: 12px;
 }
-.result-main .result-head[data-v-jev89vx8] {
+.result-main .result-head[data-v-flvi0n4j] {
     justify-content: space-between;
     line-height: 32px;
 }
-.result-main .result-head .title-num[data-v-jev89vx8] {
+.result-main .result-head .title-num[data-v-flvi0n4j] {
       color: #3A84FF;
       font-weight: 700;
 }
-.result-main .result-head .head-clear[data-v-jev89vx8] {
+.result-main .result-head .head-clear[data-v-flvi0n4j] {
       cursor: pointer;
       color: #3A84FF;
 }
-.result-item[data-v-jev89vx8] {
+.result-item[data-v-flvi0n4j] {
   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-jev89vx8] {
+.result-item:hover .item-close[data-v-flvi0n4j] {
       display: block !important;
 }
-.result-item[data-v-jev89vx8]:hover {
+.result-item[data-v-flvi0n4j]:hover {
     box-shadow: 0 2px 6px 0 #1919291a;
 }
-.result-item .result-space-name[data-v-jev89vx8] {
+.result-item .result-space-name[data-v-flvi0n4j] {
     max-width: 40%;
 }
-.result-item .item-close[data-v-jev89vx8] {
+.result-item .item-close[data-v-flvi0n4j] {
     cursor: pointer;
     font-size: 16px;
     color: #C4C6CC;
     display: none !important;
 }
-.result-item .item-close[data-v-jev89vx8]:hover {
+.result-item .item-close[data-v-flvi0n4j]:hover {
       color: #979BA5;
 }
-.hover-shadow-strong[data-v-jev89vx8]:hover {
+.hover-shadow-strong[data-v-flvi0n4j]:hover {
   transition: box-shadow 0.2s;
 }
-.popover-main[data-v-jev89vx8] {
+.popover-main[data-v-flvi0n4j] {
   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-jev89vx8";
+script.__scopeId = "data-v-flvi0n4j";
 script.__file = "./src/components/render-dialog/choose-result.vue";
 import './choose-result.vue.css';
 export default script;