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

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

@@ -0,0 +1,365 @@
+import { defineComponent as _defineComponent, createVNode as _createVNode2 } from 'vue';
+import { createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createVNode as _createVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, resolveDirective as _resolveDirective, createBlock as _createBlock, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode, unref as _unref, normalizeClass as _normalizeClass } from "vue";
+const _hoisted_1 = {
+    class: "choose-result g-scrollbar-page"
+};
+const _hoisted_2 = {
+    class: "result-head g-flex-row"
+};
+const _hoisted_3 = {
+    class: "title-num"
+};
+const _hoisted_4 = [
+    "onClick"
+];
+const _hoisted_5 = {
+    class: "g-flex-1 g-flex-row g-resource-main"
+};
+const _hoisted_6 = {
+    class: "g-flex-truncate g-inline-flex-row g-ml-8"
+};
+const _hoisted_7 = {
+    class: "g-max-truncate g-resource-name",
+    "data-ellipsis-tooltip": ""
+};
+const _hoisted_8 = {
+    class: "g-flex-row"
+};
+const _hoisted_9 = {
+    class: "g-flex-column g-align-center g-align-start g-ml-8"
+};
+const _hoisted_10 = {
+    class: "g-weight-bold"
+};
+const _hoisted_11 = {
+    class: "g-text-gray"
+};
+const _hoisted_12 = {
+    class: "g-text-light-gray g-ml-24 g-max-truncate result-space-name"
+};
+import { Close } from 'bkui-vue/lib/icon';
+import { computed } from 'vue';
+import { MODULE_NAME } from '../../common/constants.ts.js';
+import { getCurrentSpaceName } from '../../common/util.ts.js';
+import RenderImage from '../render-image/index.vue.js';
+import KnowledgeIcon from '../render-knowledge/icon/index.vue.js';
+import RenderPermissionTag from '../render-permission-tag/index.vue.js';
+import RenderSearchEmpty from '../render-search-empty/index.vue.js';
+import { McpType, Module, ResourceStatus } from '../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        choosenTools: {},
+        choosenMcps: {},
+        choosenAgents: {},
+        choosenKnowledges: {},
+        choosenKnowledgebases: {},
+        choosenRoles: {},
+        choosenPrompts: {},
+        choosenSkills: {},
+        module: {},
+        spaceId: {},
+        spaces: {}
+    },
+    emits: [
+        "update:choosenTools",
+        "update:choosenMcps",
+        "update:choosenAgents",
+        "update:choosenKnowledges",
+        "update:choosenKnowledgebases",
+        "update:choosenRoles",
+        "update:choosenPrompts",
+        "update:choosenSkills"
+    ],
+    setup (__props, { emit: __emit }) {
+        ;
+        const props = __props;
+        const emits = __emit;
+        const calcChoosenGroups = computed(()=>{
+            const getSpaceName = (spaceId, mcpType)=>{
+                return mcpType === McpType.Apigw ? '蓝鲸 API 网关' : `${getCurrentSpaceName(props.spaces, spaceId)}${spaceId === props.spaceId ? '（本空间）' : ''}`;
+            };
+            // 通过空间进行聚合
+            const getChoosenGroup = (resources, transformChildren)=>{
+                const calcChoosenAgentGroup = resources.reduce((acc, cur)=>{
+                    const label = getSpaceName(cur.spaceId, cur.mcpType);
+                    let group = acc.find((item)=>item.label === label);
+                    if (!group) {
+                        group = {
+                            label,
+                            type: props.module,
+                            spaceId: cur.spaceId,
+                            children: []
+                        };
+                        acc.push(group);
+                    }
+                    ;
+                    group.children.push(transformChildren(cur));
+                    return acc;
+                }, []);
+                // 当前空间置顶
+                const currentSpaceGroupIndex = calcChoosenAgentGroup.findIndex((item)=>item.label === getSpaceName(props.spaceId));
+                const currentSpaceGroup = calcChoosenAgentGroup.splice(currentSpaceGroupIndex, 1);
+                calcChoosenAgentGroup.unshift(...currentSpaceGroup);
+                return calcChoosenAgentGroup;
+            };
+            if (props.module === Module.Agent && props.choosenAgents.length > 0) {
+                return getChoosenGroup(props.choosenAgents, (data)=>({
+                        id: data.id,
+                        name: data.agentName,
+                        icon: data.icon
+                    }));
+            }
+            if (props.module === Module.Knowledge && props.choosenKnowledges.length > 0) {
+                return getChoosenGroup(props.choosenKnowledges, (data)=>({
+                        id: data.id,
+                        name: data.name,
+                        fileType: data.fileType,
+                        pathType: data.pathType
+                    }));
+            }
+            if (props.module === Module.Knowledgebase && props.choosenKnowledgebases.length > 0) {
+                return getChoosenGroup(props.choosenKnowledgebases, (data)=>({
+                        id: data.id,
+                        name: data.name,
+                        pathType: data.pathType,
+                        fileType: data.fileType
+                    }));
+            }
+            if (props.module === Module.Tool && props.choosenTools.length > 0) {
+                return getChoosenGroup(props.choosenTools, (data)=>({
+                        id: data.id,
+                        name: data.toolName,
+                        status: data.status
+                    }));
+            }
+            if (props.module === Module.Mcp && props.choosenMcps.length > 0) {
+                return getChoosenGroup(props.choosenMcps, (data)=>{
+                    return {
+                        id: data.id,
+                        name: data.mcpName,
+                        status: data.status,
+                        spaceName: getSpaceName(data.spaceId, data.mcpType),
+                        mcpType: data.mcpType,
+                        approvers: data.approvers
+                    };
+                });
+            }
+            if (props.module === Module.Collection && props.choosenRoles.length > 0) {
+                return getChoosenGroup(props.choosenRoles, (data)=>({
+                        id: data.id,
+                        name: data.name
+                    }));
+            }
+            if (props.module === Module.Prompt && props.choosenPrompts.length > 0) {
+                return getChoosenGroup(props.choosenPrompts, (data)=>({
+                        id: data.id,
+                        name: data.name
+                    }));
+            }
+            if (props.module === Module.Skill && props.choosenSkills.length > 0) {
+                return getChoosenGroup(props.choosenSkills, (data)=>({
+                        id: data.id,
+                        name: data.skillName
+                    }));
+            }
+            return [];
+        });
+        const RenderIcon = ({ item })=>{
+            if (props.module === Module.Agent) {
+                return _createVNode2(RenderImage, {
+                    "url": item.icon,
+                    "size": 16,
+                    "class": "g-border-radio-100"
+                }, null);
+            }
+            if ([
+                Module.Knowledge,
+                Module.Knowledgebase
+            ].includes(props.module)) {
+                return _createVNode2(KnowledgeIcon, {
+                    "data": item,
+                    "size": "14"
+                }, null);
+            }
+        };
+        // 当前的tool/MCP是否被删除
+        const getIsDeleted = (status)=>{
+            return status === ResourceStatus.Deleted;
+        };
+        // 当前的tool/MCP是否无权限
+        const getIsNoPermission = (status)=>{
+            return status === ResourceStatus.NoPermission;
+        };
+        // 清空选项
+        const handleClear = (group)=>{
+            // 计算清空后的资源
+            const getResources = (resources)=>{
+                var _a;
+                if (group.type === Module.Mcp && ((_a = group.children[0]) === null || _a === void 0 ? void 0 : _a.mcpType) === McpType.Apigw) {
+                    return resources.filter((item)=>item.mcpType !== McpType.Apigw);
+                }
+                return group.spaceId ? resources.filter((item)=>item.spaceId !== group.spaceId) : [];
+            };
+            // 清空
+            if (group.type === Module.Tool) {
+                emits('update:choosenTools', getResources(props.choosenTools));
+            } else if (group.type === Module.Mcp) {
+                emits('update:choosenMcps', getResources(props.choosenMcps));
+            } else if (group.type === Module.Knowledge) {
+                emits('update:choosenKnowledges', getResources(props.choosenKnowledges));
+            } else if (group.type === Module.Knowledgebase) {
+                emits('update:choosenKnowledgebases', getResources(props.choosenKnowledgebases));
+            } else if (group.type === Module.Agent) {
+                emits('update:choosenAgents', getResources(props.choosenAgents));
+            } else if (group.type === Module.Collection) {
+                emits('update:choosenRoles', getResources(props.choosenRoles));
+            } else if (group.type === Module.Prompt) {
+                emits('update:choosenPrompts', getResources(props.choosenPrompts));
+            } else if (group.type === Module.Skill) {
+                emits('update:choosenSkills', getResources(props.choosenSkills));
+            }
+        };
+        // 删除选中项
+        const handleDeleteItem = (type, id, mcpType)=>{
+            if (type === Module.Tool) {
+                const choosenTools = (props.choosenTools || []).filter((item)=>item.id !== id);
+                emits('update:choosenTools', choosenTools);
+            } else if (type === Module.Mcp) {
+                const choosenMcps = (props.choosenMcps || []).filter((item)=>!(item.id === id && item.mcpType === mcpType));
+                emits('update:choosenMcps', choosenMcps);
+            } else if (type === Module.Knowledge) {
+                const choosenKnowledges = (props.choosenKnowledges || []).filter((item)=>item.id !== id);
+                emits('update:choosenKnowledges', choosenKnowledges);
+            } else if (type === Module.Knowledgebase) {
+                const choosenKnowledgebases = (props.choosenKnowledgebases || []).filter((item)=>item.id !== id);
+                emits('update:choosenKnowledgebases', choosenKnowledgebases);
+            } else if (type === Module.Agent) {
+                const choosenAgents = (props.choosenAgents || []).filter((item)=>item.id !== id);
+                emits('update:choosenAgents', choosenAgents);
+            } else if (type === Module.Collection) {
+                const choosenRoles = (props.choosenRoles || []).filter((item)=>item.id !== id);
+                emits('update:choosenRoles', choosenRoles);
+            } else if (type === Module.Prompt) {
+                const choosenPrompts = (props.choosenPrompts || []).filter((item)=>item.id !== id);
+                emits('update:choosenPrompts', choosenPrompts);
+            } else if (type === Module.Skill) {
+                const choosenSkills = (props.choosenSkills || []).filter((item)=>item.id !== id);
+                emits('update:choosenSkills', choosenSkills);
+            }
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_popover = _resolveComponent("bk-popover");
+            const _component_bk_tag = _resolveComponent("bk-tag");
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return _openBlock(), _createElementBlock("section", _hoisted_1, [
+                _cache[2] || (_cache[2] = _createElementVNode("h3", {
+                    class: "result-title"
+                }, "选择结果", -1 /* CACHED */ )),
+                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(calcChoosenGroups.value, (group)=>{
+                    return _openBlock(), _createElementBlock("section", {
+                        key: group.label,
+                        class: "result-main"
+                    }, [
+                        _createElementVNode("span", _hoisted_2, [
+                            _createElementVNode("span", null, [
+                                _createTextVNode(" 【" + _toDisplayString(group.label) + "】 - 共 ", 1 /* TEXT */ ),
+                                _createElementVNode("span", _hoisted_3, _toDisplayString(group.children.length), 1 /* TEXT */ ),
+                                _cache[0] || (_cache[0] = _createTextVNode(" 个 ", -1 /* CACHED */ ))
+                            ]),
+                            _createElementVNode("span", {
+                                class: "head-clear",
+                                onClick: ($event)=>handleClear(group)
+                            }, " 清空 ", 8 /* PROPS */ , _hoisted_4)
+                        ]),
+                        _createElementVNode("ul", null, [
+                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(group.children, (item)=>{
+                                return _openBlock(), _createElementBlock("li", {
+                                    key: `${group.label}-${item.id}-${item.mcpType}`,
+                                    class: _normalizeClass({
+                                        'result-item g-cursor-pointer': true,
+                                        'g-deleted-resource': getIsDeleted(item.status),
+                                        'g-no-permission-resource': getIsNoPermission(item.status)
+                                    })
+                                }, [
+                                    _createElementVNode("span", _hoisted_5, [
+                                        _createVNode(RenderIcon, {
+                                            item: item
+                                        }, null, 8 /* PROPS */ , [
+                                            "item"
+                                        ]),
+                                        _createElementVNode("span", _hoisted_6, [
+                                            _createVNode(_component_bk_popover, {
+                                                placement: "top",
+                                                "ext-cls": "popover-main"
+                                            }, {
+                                                content: _withCtx(()=>[
+                                                        _createElementVNode("section", _hoisted_8, [
+                                                            _createVNode(RenderIcon, {
+                                                                item: item
+                                                            }, null, 8 /* PROPS */ , [
+                                                                "item"
+                                                            ]),
+                                                            _createElementVNode("section", _hoisted_9, [
+                                                                _createElementVNode("span", _hoisted_10, _toDisplayString(item.name), 1 /* TEXT */ ),
+                                                                _createElementVNode("span", _hoisted_11, _toDisplayString(item.spaceName), 1 /* TEXT */ )
+                                                            ])
+                                                        ])
+                                                    ]),
+                                                default: _withCtx(()=>[
+                                                        _createElementVNode("span", _hoisted_7, _toDisplayString(item.name), 1 /* TEXT */ )
+                                                    ]),
+                                                _: 2 /* DYNAMIC */ 
+                                            }, 1024 /* DYNAMIC_SLOTS */ ),
+                                            _createVNode(RenderPermissionTag, {
+                                                class: "g-ml-4",
+                                                status: item.status,
+                                                approvers: item.approvers
+                                            }, null, 8 /* PROPS */ , [
+                                                "status",
+                                                "approvers"
+                                            ]),
+                                            getIsDeleted(item.status) ? _withDirectives((_openBlock(), _createBlock(_component_bk_tag, {
+                                                key: 0,
+                                                theme: "danger",
+                                                size: "small",
+                                                class: "g-ml-4 g-mr-6"
+                                            }, {
+                                                default: _withCtx(()=>[
+                                                        ..._cache[1] || (_cache[1] = [
+                                                            _createTextVNode(" 已被归档 ", -1 /* CACHED */ )
+                                                        ])
+                                                    ]),
+                                                _: 1 /* STABLE */ 
+                                            })), [
+                                                [
+                                                    _directive_bk_tooltips,
+                                                    {
+                                                        content: '已被归档'
+                                                    }
+                                                ]
+                                            ]) : _createCommentVNode("v-if", true)
+                                        ]),
+                                        _createElementVNode("span", _hoisted_12, _toDisplayString(item.spaceName), 1 /* TEXT */ ),
+                                        _createVNode(_unref(Close), {
+                                            class: "item-close",
+                                            onClick: ($event)=>handleDeleteItem(group.type, item.id, item.mcpType)
+                                        }, null, 8 /* PROPS */ , [
+                                            "onClick"
+                                        ])
+                                    ])
+                                ], 2 /* CLASS */ );
+                            }), 128 /* KEYED_FRAGMENT */ ))
+                        ])
+                    ]);
+                }), 128 /* KEYED_FRAGMENT */ )),
+                calcChoosenGroups.value.length <= 0 ? (_openBlock(), _createBlock(RenderSearchEmpty, {
+                    key: 0,
+                    scene: "part",
+                    description: `暂未选择${_unref(MODULE_NAME)[props.module]}`
+                }, null, 8 /* PROPS */ , [
+                    "description"
+                ])) : _createCommentVNode("v-if", true)
+            ]);
+        };
+    }
+});

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

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

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

@@ -0,0 +1,43 @@
+import type { ISpace } from '@/types';
+import type { IAgent } from '@/types/agent';
+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 { IPrompt } from '@/types/prompt';
+import type { ISkill } from '@/types/skill';
+import type { ITool } from '@/types/tool';
+interface IProps {
+    choosenTools: ITool[];
+    choosenMcps: IMcp[];
+    choosenAgents: IAgent[];
+    choosenKnowledges: IKnowledge[];
+    choosenKnowledgebases: IKnowledgebase[];
+    choosenRoles: ICollection[];
+    choosenPrompts: IPrompt[];
+    choosenSkills: ISkill[];
+    module: Module;
+    spaceId?: string;
+    spaces: ISpace[];
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:choosenTools": (value: ITool[]) => any;
+    "update:choosenMcps": (value: IMcp[]) => any;
+    "update:choosenKnowledges": (value: IKnowledge[]) => any;
+    "update:choosenKnowledgebases": (value: IKnowledgebase[]) => any;
+    "update:choosenAgents": (value: IAgent[]) => any;
+    "update:choosenRoles": (value: ICollection[]) => any;
+    "update:choosenPrompts": (value: IPrompt[]) => any;
+    "update:choosenSkills": (value: ISkill[]) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:choosenTools"?: (value: ITool[]) => any;
+    "onUpdate:choosenMcps"?: (value: IMcp[]) => any;
+    "onUpdate:choosenKnowledges"?: (value: IKnowledge[]) => any;
+    "onUpdate:choosenKnowledgebases"?: (value: IKnowledgebase[]) => any;
+    "onUpdate:choosenAgents"?: (value: IAgent[]) => any;
+    "onUpdate:choosenRoles"?: (value: ICollection[]) => any;
+    "onUpdate:choosenPrompts"?: (value: IPrompt[]) => any;
+    "onUpdate:choosenSkills"?: (value: ISkill[]) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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