@blueking/ai-ui-sdk 0.5.0-beta.2 → 0.5.0-beta.3

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

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

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

@@ -0,0 +1,5 @@
+import script from './choose-resource.script.vue.js';
+script.__scopeId = "data-v-c9y9q9h5";
+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

@@ -0,0 +1,426 @@
+"use strict";
+var _interopRequireDefault = require('../../node_modules/@babel/runtime/helpers/interopRequireDefault.js');
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _toConsumableArray2 = _interopRequireDefault(require('../../node_modules/@babel/runtime/helpers/toConsumableArray.js'));
+require('../../node_modules/core-js/modules/es.array.concat.js');
+require('../../node_modules/core-js/modules/es.array.filter.js');
+require('../../node_modules/core-js/modules/es.array.find.js');
+require('../../node_modules/core-js/modules/es.array.find-index.js');
+require('../../node_modules/core-js/modules/es.array.includes.js');
+require('../../node_modules/core-js/modules/es.array.splice.js');
+require('../../node_modules/core-js/modules/es.function.name.js');
+require('../../node_modules/core-js/modules/es.object.to-string.js');
+var _icon = require("bkui-vue/lib/icon");
+var _constants = require('../../common/constants.ts.js');
+var _util = require('../../common/util.ts.js');
+var _index = _interopRequireDefault(require('../render-image/index.vue.js'));
+var _index2 = _interopRequireDefault(require('../render-knowledge/icon/index.vue.js'));
+var _index3 = _interopRequireDefault(require('../render-permission-tag/index.vue.js'));
+var _index4 = _interopRequireDefault(require('../render-search-empty/index.vue.js'));
+var _enum = require('../../types/enum.ts.js');
+var _hoisted_1 = {
+    class: "choose-result g-scrollbar-page"
+};
+var _hoisted_2 = {
+    class: "result-head g-flex-row"
+};
+var _hoisted_3 = {
+    class: "title-num"
+};
+var _hoisted_4 = [
+    "onClick"
+];
+var _hoisted_5 = {
+    class: "g-flex-1 g-flex-row g-resource-main"
+};
+var _hoisted_6 = {
+    class: "g-flex-truncate g-inline-flex-row g-ml-8"
+};
+var _hoisted_7 = {
+    class: "g-max-truncate g-resource-name",
+    "data-ellipsis-tooltip": ""
+};
+var _hoisted_8 = {
+    class: "g-flex-row"
+};
+var _hoisted_9 = {
+    class: "g-flex g-flex-col !g-items-center !g-items-start g-ml-8"
+};
+var _hoisted_10 = {
+    class: "g-font-bold"
+};
+var _hoisted_11 = {
+    class: "g-text-gray"
+};
+var _hoisted_12 = {
+    class: "g-text-light-gray g-ml-24 g-max-truncate result-space-name"
+};
+var _default = exports.default = /*@__PURE__*/ (0, _vue.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: function setup(__props, _ref) {
+        var __emit = _ref.emit;
+        ;
+        var props = __props;
+        var emits = __emit;
+        var calcChoosenGroups = (0, _vue.computed)(function() {
+            var getSpaceName = function getSpaceName(spaceId, mcpType) {
+                return mcpType === _enum.McpType.Apigw ? '蓝鲸 API 网关' : "".concat((0, _util.getCurrentSpaceName)(props.spaces, spaceId)).concat(spaceId === props.spaceId ? '（本空间）' : '');
+            };
+            // 通过空间进行聚合
+            var getChoosenGroup = function getChoosenGroup(resources, transformChildren) {
+                var calcChoosenAgentGroup = resources.reduce(function(acc, cur) {
+                    var label = getSpaceName(cur.spaceId, cur.mcpType);
+                    var group = acc.find(function(item) {
+                        return item.label === label;
+                    });
+                    if (!group) {
+                        group = {
+                            label: label,
+                            type: props.module,
+                            spaceId: cur.spaceId,
+                            children: []
+                        };
+                        acc.push(group);
+                    }
+                    ;
+                    group.children.push(transformChildren(cur));
+                    return acc;
+                }, []);
+                // 当前空间置顶
+                var currentSpaceGroupIndex = calcChoosenAgentGroup.findIndex(function(item) {
+                    return item.label === getSpaceName(props.spaceId);
+                });
+                var currentSpaceGroup = calcChoosenAgentGroup.splice(currentSpaceGroupIndex, 1);
+                calcChoosenAgentGroup.unshift.apply(calcChoosenAgentGroup, (0, _toConsumableArray2.default)(currentSpaceGroup));
+                return calcChoosenAgentGroup;
+            };
+            if (props.module === _enum.Module.Agent && props.choosenAgents.length > 0) {
+                return getChoosenGroup(props.choosenAgents, function(data) {
+                    return {
+                        id: data.id,
+                        name: data.agentName,
+                        icon: data.icon
+                    };
+                });
+            }
+            if (props.module === _enum.Module.Knowledge && props.choosenKnowledges.length > 0) {
+                return getChoosenGroup(props.choosenKnowledges, function(data) {
+                    return {
+                        id: data.id,
+                        name: data.name,
+                        fileType: data.fileType,
+                        pathType: data.pathType
+                    };
+                });
+            }
+            if (props.module === _enum.Module.Knowledgebase && props.choosenKnowledgebases.length > 0) {
+                return getChoosenGroup(props.choosenKnowledgebases, function(data) {
+                    return {
+                        id: data.id,
+                        name: data.name,
+                        pathType: data.pathType,
+                        fileType: data.fileType
+                    };
+                });
+            }
+            if (props.module === _enum.Module.Tool && props.choosenTools.length > 0) {
+                return getChoosenGroup(props.choosenTools, function(data) {
+                    return {
+                        id: data.id,
+                        name: data.toolName,
+                        status: data.status
+                    };
+                });
+            }
+            if (props.module === _enum.Module.Mcp && props.choosenMcps.length > 0) {
+                return getChoosenGroup(props.choosenMcps, function(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 === _enum.Module.Collection && props.choosenRoles.length > 0) {
+                return getChoosenGroup(props.choosenRoles, function(data) {
+                    return {
+                        id: data.id,
+                        name: data.name
+                    };
+                });
+            }
+            if (props.module === _enum.Module.Prompt && props.choosenPrompts.length > 0) {
+                return getChoosenGroup(props.choosenPrompts, function(data) {
+                    return {
+                        id: data.id,
+                        name: data.name
+                    };
+                });
+            }
+            if (props.module === _enum.Module.Skill && props.choosenSkills.length > 0) {
+                return getChoosenGroup(props.choosenSkills, function(data) {
+                    return {
+                        id: data.id,
+                        name: data.skillName
+                    };
+                });
+            }
+            return [];
+        });
+        var RenderIcon = function RenderIcon(_ref2) {
+            var item = _ref2.item;
+            if (props.module === _enum.Module.Agent) {
+                return (0, _vue.createVNode)(_index.default, {
+                    "url": item.icon,
+                    "size": 16,
+                    "class": "g-border-radio-100"
+                }, null);
+            }
+            if ([
+                _enum.Module.Knowledge,
+                _enum.Module.Knowledgebase
+            ].includes(props.module)) {
+                return (0, _vue.createVNode)(_index2.default, {
+                    "data": item,
+                    "size": "14"
+                }, null);
+            }
+        };
+        // 当前的tool/MCP是否被删除
+        var getIsDeleted = function getIsDeleted(status) {
+            return status === _enum.ResourceStatus.Deleted;
+        };
+        // 当前的tool/MCP是否无权限
+        var getIsNoPermission = function getIsNoPermission(status) {
+            return status === _enum.ResourceStatus.NoPermission;
+        };
+        // 清空选项
+        var handleClear = function handleClear(group) {
+            // 计算清空后的资源
+            var getResources = function getResources(resources) {
+                var _a;
+                if (group.type === _enum.Module.Mcp && ((_a = group.children[0]) === null || _a === void 0 ? void 0 : _a.mcpType) === _enum.McpType.Apigw) {
+                    return resources.filter(function(item) {
+                        return item.mcpType !== _enum.McpType.Apigw;
+                    });
+                }
+                return group.spaceId ? resources.filter(function(item) {
+                    return item.spaceId !== group.spaceId;
+                }) : [];
+            };
+            // 清空
+            if (group.type === _enum.Module.Tool) {
+                emits('update:choosenTools', getResources(props.choosenTools));
+            } else if (group.type === _enum.Module.Mcp) {
+                emits('update:choosenMcps', getResources(props.choosenMcps));
+            } else if (group.type === _enum.Module.Knowledge) {
+                emits('update:choosenKnowledges', getResources(props.choosenKnowledges));
+            } else if (group.type === _enum.Module.Knowledgebase) {
+                emits('update:choosenKnowledgebases', getResources(props.choosenKnowledgebases));
+            } else if (group.type === _enum.Module.Agent) {
+                emits('update:choosenAgents', getResources(props.choosenAgents));
+            } else if (group.type === _enum.Module.Collection) {
+                emits('update:choosenRoles', getResources(props.choosenRoles));
+            } else if (group.type === _enum.Module.Prompt) {
+                emits('update:choosenPrompts', getResources(props.choosenPrompts));
+            } else if (group.type === _enum.Module.Skill) {
+                emits('update:choosenSkills', getResources(props.choosenSkills));
+            }
+        };
+        // 删除选中项
+        var handleDeleteItem = function handleDeleteItem(type, id, mcpType) {
+            if (type === _enum.Module.Tool) {
+                var choosenTools = (props.choosenTools || []).filter(function(item) {
+                    return item.id !== id;
+                });
+                emits('update:choosenTools', choosenTools);
+            } else if (type === _enum.Module.Mcp) {
+                var choosenMcps = (props.choosenMcps || []).filter(function(item) {
+                    return !(item.id === id && item.mcpType === mcpType);
+                });
+                emits('update:choosenMcps', choosenMcps);
+            } else if (type === _enum.Module.Knowledge) {
+                var choosenKnowledges = (props.choosenKnowledges || []).filter(function(item) {
+                    return item.id !== id;
+                });
+                emits('update:choosenKnowledges', choosenKnowledges);
+            } else if (type === _enum.Module.Knowledgebase) {
+                var choosenKnowledgebases = (props.choosenKnowledgebases || []).filter(function(item) {
+                    return item.id !== id;
+                });
+                emits('update:choosenKnowledgebases', choosenKnowledgebases);
+            } else if (type === _enum.Module.Agent) {
+                var choosenAgents = (props.choosenAgents || []).filter(function(item) {
+                    return item.id !== id;
+                });
+                emits('update:choosenAgents', choosenAgents);
+            } else if (type === _enum.Module.Collection) {
+                var choosenRoles = (props.choosenRoles || []).filter(function(item) {
+                    return item.id !== id;
+                });
+                emits('update:choosenRoles', choosenRoles);
+            } else if (type === _enum.Module.Prompt) {
+                var choosenPrompts = (props.choosenPrompts || []).filter(function(item) {
+                    return item.id !== id;
+                });
+                emits('update:choosenPrompts', choosenPrompts);
+            } else if (type === _enum.Module.Skill) {
+                var choosenSkills = (props.choosenSkills || []).filter(function(item) {
+                    return item.id !== id;
+                });
+                emits('update:choosenSkills', choosenSkills);
+            }
+        };
+        return function(_ctx, _cache) {
+            var _component_bk_popover = (0, _vue.resolveComponent)("bk-popover");
+            var _component_bk_tag = (0, _vue.resolveComponent)("bk-tag");
+            var _directive_bk_tooltips = (0, _vue.resolveDirective)("bk-tooltips");
+            return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("section", _hoisted_1, [
+                _cache[2] || (_cache[2] = (0, _vue.createElementVNode)("h3", {
+                    class: "result-title"
+                }, "选择结果", -1 /* CACHED */ )),
+                ((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(calcChoosenGroups.value, function(group) {
+                    return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("section", {
+                        key: group.label,
+                        class: "result-main"
+                    }, [
+                        (0, _vue.createElementVNode)("span", _hoisted_2, [
+                            (0, _vue.createElementVNode)("span", null, [
+                                (0, _vue.createTextVNode)(" 【" + (0, _vue.toDisplayString)(group.label) + "】 - 共 ", 1 /* TEXT */ ),
+                                (0, _vue.createElementVNode)("span", _hoisted_3, (0, _vue.toDisplayString)(group.children.length), 1 /* TEXT */ ),
+                                _cache[0] || (_cache[0] = (0, _vue.createTextVNode)(" 个 ", -1 /* CACHED */ ))
+                            ]),
+                            (0, _vue.createElementVNode)("span", {
+                                class: "head-clear",
+                                onClick: function onClick($event) {
+                                    return handleClear(group);
+                                }
+                            }, " 清空 ", 8 /* PROPS */ , _hoisted_4)
+                        ]),
+                        (0, _vue.createElementVNode)("ul", null, [
+                            ((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(group.children, function(item) {
+                                return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("li", {
+                                    key: "".concat(group.label, "-").concat(item.id, "-").concat(item.mcpType),
+                                    class: (0, _vue.normalizeClass)({
+                                        'result-item !g-cursor-pointer': true,
+                                        'g-deleted-resource': getIsDeleted(item.status),
+                                        'g-no-permission-resource': getIsNoPermission(item.status)
+                                    })
+                                }, [
+                                    (0, _vue.createElementVNode)("span", _hoisted_5, [
+                                        (0, _vue.createVNode)(RenderIcon, {
+                                            item: item
+                                        }, null, 8 /* PROPS */ , [
+                                            "item"
+                                        ]),
+                                        (0, _vue.createElementVNode)("span", _hoisted_6, [
+                                            (0, _vue.createVNode)(_component_bk_popover, {
+                                                placement: "top",
+                                                "ext-cls": "popover-main"
+                                            }, {
+                                                content: (0, _vue.withCtx)(function() {
+                                                    return [
+                                                        (0, _vue.createElementVNode)("section", _hoisted_8, [
+                                                            (0, _vue.createVNode)(RenderIcon, {
+                                                                item: item
+                                                            }, null, 8 /* PROPS */ , [
+                                                                "item"
+                                                            ]),
+                                                            (0, _vue.createElementVNode)("section", _hoisted_9, [
+                                                                (0, _vue.createElementVNode)("span", _hoisted_10, (0, _vue.toDisplayString)(item.name), 1 /* TEXT */ ),
+                                                                (0, _vue.createElementVNode)("span", _hoisted_11, (0, _vue.toDisplayString)(item.spaceName), 1 /* TEXT */ )
+                                                            ])
+                                                        ])
+                                                    ];
+                                                }),
+                                                default: (0, _vue.withCtx)(function() {
+                                                    return [
+                                                        (0, _vue.createElementVNode)("span", _hoisted_7, (0, _vue.toDisplayString)(item.name), 1 /* TEXT */ )
+                                                    ];
+                                                }),
+                                                _: 2 /* DYNAMIC */ 
+                                            }, 1024 /* DYNAMIC_SLOTS */ ),
+                                            (0, _vue.createVNode)(_index3.default, {
+                                                class: "g-ml-4",
+                                                status: item.status,
+                                                approvers: item.approvers
+                                            }, null, 8 /* PROPS */ , [
+                                                "status",
+                                                "approvers"
+                                            ]),
+                                            getIsDeleted(item.status) ? (0, _vue.withDirectives)(((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_tag, {
+                                                key: 0,
+                                                theme: "danger",
+                                                size: "small",
+                                                class: "g-ml-4 g-mr-6"
+                                            }, {
+                                                default: (0, _vue.withCtx)(function() {
+                                                    return (0, _toConsumableArray2.default)(_cache[1] || (_cache[1] = [
+                                                        (0, _vue.createTextVNode)(" 已被归档 ", -1 /* CACHED */ )
+                                                    ]));
+                                                }),
+                                                _: 1 /* STABLE */ 
+                                            })), [
+                                                [
+                                                    _directive_bk_tooltips,
+                                                    {
+                                                        content: '已被归档'
+                                                    }
+                                                ]
+                                            ]) : (0, _vue.createCommentVNode)("v-if", true)
+                                        ]),
+                                        (0, _vue.createElementVNode)("span", _hoisted_12, (0, _vue.toDisplayString)(item.spaceName), 1 /* TEXT */ ),
+                                        (0, _vue.createVNode)((0, _vue.unref)(_icon.Close), {
+                                            class: "item-close",
+                                            onClick: function onClick($event) {
+                                                return handleDeleteItem(group.type, item.id, item.mcpType);
+                                            }
+                                        }, null, 8 /* PROPS */ , [
+                                            "onClick"
+                                        ])
+                                    ])
+                                ], 2 /* CLASS */ );
+                            }), 128 /* KEYED_FRAGMENT */ ))
+                        ])
+                    ]);
+                }), 128 /* KEYED_FRAGMENT */ )),
+                calcChoosenGroups.value.length <= 0 ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_index4.default, {
+                    key: 0,
+                    scene: "part",
+                    description: "\u6682\u672A\u9009\u62E9".concat((0, _vue.unref)(_constants.MODULE_NAME)[props.module])
+                }, null, 8 /* PROPS */ , [
+                    "description"
+                ])) : (0, _vue.createCommentVNode)("v-if", true)
+            ]);
+        };
+    }
+});

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

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

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-zuvvh995";
+script.__file = "./src/components/render-dialog/choose-result.vue";
+import './choose-result.vue.css';
+export default script;