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

package/dist/components/render-reference/index.script.vue.js

@@ -0,0 +1,446 @@
+"use strict";
+var _interopRequireDefault = require('../../node_modules/@babel/runtime/helpers/interopRequireDefault.js');
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+require('../../node_modules/regenerator-runtime/runtime.js');
+var _vue = require("vue");
+var _defineProperty2 = _interopRequireDefault(require('../../node_modules/@babel/runtime/helpers/defineProperty.js'));
+require('../../node_modules/core-js/modules/es.array.map.js');
+require('../../node_modules/core-js/modules/es.function.name.js');
+require('../../node_modules/core-js/modules/es.object.to-string.js');
+require('../../node_modules/core-js/modules/es.promise.js');
+require('../../node_modules/core-js/modules/es.regexp.to-string.js');
+var _index = _interopRequireDefault(require('../render-t-table/index.vue.js'));
+var _useAgentHttp2 = require('../../hooks/use-agent-http.ts.js');
+var _useCollectionHttp2 = require('../../hooks/use-collection-http.ts.js');
+var _useCredentialHttp2 = require('../../hooks/use-credential-http.ts.js');
+var _useKnowledgeHttp2 = require('../../hooks/use-knowledge-http.ts.js');
+var _useLlmHttp2 = require('../../hooks/use-llm-http.ts.js');
+var _useMcpHttp2 = require('../../hooks/use-mcp-http.ts.js');
+var _useSkillHttp2 = require('../../hooks/use-skill-http.ts.js');
+var _useToolHttp2 = require('../../hooks/use-tool-http.ts.js');
+var _enum = require('../../types/enum.ts.js');
+var __awaiter = (void 0) && (void 0).__awaiter || function(thisArg, _arguments, P, generator) {
+    function adopt(value) {
+        return value instanceof P ? value : new P(function(resolve) {
+            resolve(value);
+        });
+    }
+    return new (P || (P = Promise))(function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator["throw"](value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var _hoisted_1 = {
+    class: "g-flex-row"
+};
+var _hoisted_2 = {
+    class: "g-text-14 g-text-gray"
+};
+var _hoisted_3 = {
+    class: "reference-table"
+};
+function _isSlot(s) {
+    return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0, _vue.isVNode)(s);
+}
+var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+    props: {
+        isShow: {
+            type: Boolean
+        },
+        id: {},
+        name: {},
+        module: {},
+        spaceId: {},
+        spaceName: {},
+        apiPrefix: {}
+    },
+    emits: [
+        "update:isShow",
+        "navigate"
+    ],
+    setup: function setup(__props, _ref) {
+        var _this = this;
+        var __emit = _ref.emit;
+        var props = __props;
+        var emits = __emit;
+        var _useAgentHttp = (0, _useAgentHttp2.useAgentHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getAgentReferringAgents = _useAgentHttp.getAgentReferringAgents;
+        var _useKnowledgeHttp = (0, _useKnowledgeHttp2.useKnowledgeHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getKnowledgebaseReferringAgents = _useKnowledgeHttp.getKnowledgebaseReferringAgents;
+        ;
+        var _useToolHttp = (0, _useToolHttp2.useToolHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getToolReferringAgents = _useToolHttp.getToolReferringAgents;
+        var _useMcpHttp = (0, _useMcpHttp2.useMcpHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getMcpReferringAgents = _useMcpHttp.getMcpReferringAgents;
+        var _useCredentialHttp = (0, _useCredentialHttp2.useCredentialHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getCredentialReferenceList = _useCredentialHttp.getCredentialReferenceList;
+        ;
+        var _useCollectionHttp = (0, _useCollectionHttp2.useCollectionHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getCollectionReferringAgents = _useCollectionHttp.getCollectionReferringAgents;
+        ;
+        var _useSkillHttp = (0, _useSkillHttp2.useSkillHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getSkillReferringAgents = _useSkillHttp.getSkillReferringAgents;
+        var _useLlmHttp = (0, _useLlmHttp2.useLlmHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getLLMReferringAgents = _useLlmHttp.getLLMReferringAgents;
+        var referenceTypes = [
+            {
+                id: _enum.Module.Knowledgebase,
+                name: '知识库'
+            },
+            {
+                id: _enum.Module.Tool,
+                name: '工具'
+            },
+            {
+                id: _enum.Module.Mcp,
+                name: 'MCP'
+            },
+            {
+                id: _enum.Module.Cr,
+                name: 'CR'
+            }
+        ];
+        var tableDataMap = (0, _vue.ref)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _enum.Module.Knowledgebase, {
+            data: [],
+            columns: [
+                {
+                    title: '知识名称',
+                    colKey: 'knowledgeName'
+                },
+                {
+                    title: '所属知识库',
+                    colKey: 'knowledgeBaseName'
+                },
+                {
+                    title: '所属空间',
+                    colKey: 'spaceName'
+                }
+            ]
+        }), _enum.Module.Tool, {
+            data: [],
+            columns: [
+                {
+                    title: '工具名称',
+                    colKey: 'toolName'
+                },
+                {
+                    title: '所属空间',
+                    colKey: 'spaceName'
+                }
+            ]
+        }), _enum.Module.Mcp, {
+            data: [],
+            columns: [
+                {
+                    title: 'MCP名称',
+                    colKey: 'mcpName'
+                },
+                {
+                    title: '所属空间',
+                    colKey: 'spaceName'
+                }
+            ]
+        }), _enum.Module.Cr, {
+            data: [],
+            columns: [
+                {
+                    title: 'CR名称',
+                    colKey: 'crName'
+                },
+                {
+                    title: '所属空间',
+                    colKey: 'spaceName'
+                }
+            ]
+        }), _enum.Module.Agent, {
+            data: [],
+            columns: [
+                {
+                    title: '智能体名称',
+                    colKey: 'agentName'
+                },
+                {
+                    title: '所属空间',
+                    colKey: 'spaceName'
+                },
+                {
+                    title: '引用人',
+                    colKey: 'updatedBy'
+                },
+                {
+                    title: '引用时间',
+                    colKey: 'updatedAt'
+                }
+            ]
+        }));
+        var radioGroupValue = (0, _vue.ref)(_enum.Module.Knowledgebase);
+        var loading = (0, _vue.ref)(false);
+        var getColumns = function getColumns() {
+            return tableDataMap.value[radioGroupValue.value].columns.map(function(column, index) {
+                return {
+                    title: column.title,
+                    colKey: column.colKey,
+                    className: '!g-h-32',
+                    cell: function cell(h, _ref3) {
+                        var row = _ref3.row;
+                        if (index === 0) {
+                            var cellValue = row[column.colKey];
+                            return radioGroupValue.value === _enum.Module.Agent ? (0, _vue.createVNode)("span", null, [
+                                cellValue
+                            ]) : (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-button"), {
+                                "text": true,
+                                "theme": "primary",
+                                "onClick": function onClick() {
+                                    return handleToDetail(row);
+                                }
+                            }, _isSlot(cellValue) ? cellValue : {
+                                default: function _default() {
+                                    return [
+                                        cellValue
+                                    ];
+                                }
+                            });
+                        }
+                        if (column.colKey === 'spaceName' && props.module === _enum.Module.Credential) {
+                            return (0, _vue.createVNode)("span", null, [
+                                props.spaceName || row.spaceId
+                            ]);
+                        }
+                        if (column.colKey === 'updatedBy') {
+                            return (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-user-display-name"), {
+                                "user-id": row[column.colKey]
+                            }, null);
+                        }
+                        return (0, _vue.createVNode)("span", null, [
+                            row[column.colKey]
+                        ]);
+                    }
+                };
+            });
+        };
+        var handleClose = function handleClose() {
+            emits('update:isShow', false);
+        };
+        // 获取本类型的数据长度
+        var getTableLength = function getTableLength(id) {
+            return tableDataMap.value[id].data.length;
+        };
+        var referringAgentsApiMap = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _enum.Module.Agent, getAgentReferringAgents), _enum.Module.Tool, getToolReferringAgents), _enum.Module.Skill, getSkillReferringAgents), _enum.Module.Mcp, getMcpReferringAgents), _enum.Module.LLM, getLLMReferringAgents), _enum.Module.Knowledgebase, getKnowledgebaseReferringAgents), _enum.Module.Collection, getCollectionReferringAgents);
+        var handleShowReferenceDetail = function handleShowReferenceDetail() {
+            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee() {
+                var module, id, apiFn, _yield$getCredentialR, knowledge, tool, codeReview, mcp;
+                return regeneratorRuntime.wrap(function(_context) {
+                    while(1)switch(_context.prev = _context.next){
+                        case 0:
+                            loading.value = true;
+                            _context.prev = 1;
+                            module = props.module, id = props.id;
+                            apiFn = referringAgentsApiMap[module];
+                            if (!(props.module !== _enum.Module.Credential)) {
+                                _context.next = 3;
+                                break;
+                            }
+                            _context.next = 2;
+                            return apiFn(id);
+                        case 2:
+                            tableDataMap.value[_enum.Module.Agent].data = _context.sent;
+                            _context.next = 5;
+                            break;
+                        case 3:
+                            _context.next = 4;
+                            return getCredentialReferenceList(id);
+                        case 4:
+                            _yield$getCredentialR = _context.sent;
+                            knowledge = _yield$getCredentialR.knowledge;
+                            tool = _yield$getCredentialR.tool;
+                            codeReview = _yield$getCredentialR.codeReview;
+                            mcp = _yield$getCredentialR.mcp;
+                            tableDataMap.value[_enum.Module.Tool].data = tool;
+                            tableDataMap.value[_enum.Module.Knowledgebase].data = knowledge;
+                            tableDataMap.value[_enum.Module.Mcp].data = mcp;
+                            tableDataMap.value[_enum.Module.Cr].data = codeReview;
+                        case 5:
+                            _context.prev = 5;
+                            loading.value = false;
+                            return _context.finish(5);
+                        case 6:
+                        case "end":
+                            return _context.stop();
+                    }
+                }, _callee, null, [
+                    [
+                        1,
+                        ,
+                        5,
+                        6
+                    ]
+                ]);
+            }));
+        };
+        var handleToDetail = function handleToDetail(row) {
+            var refRow = row;
+            var action;
+            switch(radioGroupValue.value){
+                case _enum.Module.Agent:
+                    {
+                        var agentRow = row;
+                        action = {
+                            type: _enum.SdkNavigateActionType.Agent,
+                            spaceId: agentRow.spaceId,
+                            agentName: agentRow.agentName,
+                            groupType: _enum.GroupType.All
+                        };
+                        break;
+                    }
+                case _enum.Module.Knowledgebase:
+                    {
+                        if (refRow.pathType === _enum.KnowledgePathType.File) {
+                            action = {
+                                type: _enum.SdkNavigateActionType.KnowledgebaseFile,
+                                spaceId: String(refRow.spaceId),
+                                anchorPath: refRow.parentAnchorPath,
+                                knowledgeName: refRow.knowledgeName,
+                                groupType: _enum.GroupType.All
+                            };
+                        } else {
+                            action = {
+                                type: _enum.SdkNavigateActionType.KnowledgebaseFolder,
+                                spaceId: String(refRow.spaceId),
+                                anchorPath: refRow.anchorPath,
+                                groupType: _enum.GroupType.All
+                            };
+                        }
+                        break;
+                    }
+                case _enum.Module.Tool:
+                    {
+                        action = {
+                            type: _enum.SdkNavigateActionType.Tool,
+                            spaceId: String(refRow.spaceId),
+                            toolName: refRow.toolName,
+                            groupType: _enum.GroupType.All
+                        };
+                        break;
+                    }
+                case _enum.Module.Cr:
+                    {
+                        action = {
+                            type: _enum.SdkNavigateActionType.Cr,
+                            spaceId: String(refRow.spaceId),
+                            id: String(refRow.codereviewId)
+                        };
+                        break;
+                    }
+                case _enum.Module.Mcp:
+                    {
+                        action = {
+                            type: _enum.SdkNavigateActionType.Mcp,
+                            spaceId: String(refRow.spaceId),
+                            mcpName: refRow.mcpName,
+                            groupType: _enum.GroupType.All
+                        };
+                        break;
+                    }
+                default:
+                    break;
+            }
+            emits('navigate', action);
+        };
+        (0, _vue.watch)(function() {
+            return props.isShow;
+        }, function() {
+            if (props.isShow) {
+                radioGroupValue.value = props.module === _enum.Module.Credential ? _enum.Module.Knowledgebase : _enum.Module.Agent;
+                handleShowReferenceDetail();
+            }
+        });
+        return function(_ctx, _cache) {
+            var _component_bk_radio_button = (0, _vue.resolveComponent)("bk-radio-button");
+            var _component_bk_radio_group = (0, _vue.resolveComponent)("bk-radio-group");
+            var _component_bk_sideslider = (0, _vue.resolveComponent)("bk-sideslider");
+            return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_sideslider, {
+                width: "960px",
+                "is-show": __props.isShow,
+                onClosed: handleClose
+            }, {
+                header: (0, _vue.withCtx)(function() {
+                    return [
+                        (0, _vue.createElementVNode)("section", _hoisted_1, [
+                            _cache[1] || (_cache[1] = (0, _vue.createElementVNode)("span", {
+                                class: "title"
+                            }, " 引用的实例 ", -1 /* CACHED */ )),
+                            _cache[2] || (_cache[2] = (0, _vue.createElementVNode)("span", {
+                                class: "g-gap g-ml-14 g-mr-8"
+                            }, null, -1 /* CACHED */ )),
+                            (0, _vue.createElementVNode)("span", _hoisted_2, (0, _vue.toDisplayString)(props.name), 1 /* TEXT */ )
+                        ])
+                    ];
+                }),
+                default: (0, _vue.withCtx)(function() {
+                    var _a, _b;
+                    return [
+                        (0, _vue.createElementVNode)("section", _hoisted_3, [
+                            props.module === (0, _vue.unref)(_enum.Module).Credential ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_radio_group, {
+                                key: 0,
+                                modelValue: radioGroupValue.value,
+                                "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
+                                    return radioGroupValue.value = $event;
+                                }),
+                                type: "capsule",
+                                class: "g-flex-row g-mb-14 !g-w-full"
+                            }, {
+                                default: (0, _vue.withCtx)(function() {
+                                    return [
+                                        ((0, _vue.openBlock)(), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(referenceTypes, function(referenceType) {
+                                            return (0, _vue.createVNode)(_component_bk_radio_button, {
+                                                key: referenceType.id,
+                                                label: referenceType.id
+                                            }, {
+                                                default: (0, _vue.withCtx)(function() {
+                                                    return [
+                                                        (0, _vue.createTextVNode)((0, _vue.toDisplayString)(referenceType.name) + "（" + (0, _vue.toDisplayString)(getTableLength(referenceType.id)) + "） ", 1 /* TEXT */ )
+                                                    ];
+                                                }),
+                                                _: 2 /* DYNAMIC */ 
+                                            }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
+                                                "label"
+                                            ]);
+                                        }), 64 /* STABLE_FRAGMENT */ ))
+                                    ];
+                                }),
+                                _: 1 /* STABLE */ 
+                            }, 8 /* PROPS */ , [
+                                "modelValue"
+                            ])) : (0, _vue.createCommentVNode)("v-if", true),
+                            (0, _vue.createVNode)(_index.default, {
+                                "row-key": (_b = (_a = tableDataMap.value[radioGroupValue.value].columns) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.colKey,
+                                columns: getColumns(),
+                                "is-loading": loading.value,
+                                "table-data": tableDataMap.value[radioGroupValue.value].data
+                            }, null, 8 /* PROPS */ , [
+                                "row-key",
+                                "columns",
+                                "is-loading",
+                                "table-data"
+                            ])
+                        ])
+                    ];
+                }),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "is-show"
+            ]);
+        };
+    }
+});

package/dist/components/render-reference/index.vue.css

@@ -0,0 +1,8 @@
+
+.reference-table[data-v-ho6snbty]{
+  padding: 18px 24px;
+}
+.bk-radio-button[data-v-ho6snbty]{
+  flex: 1;
+  text-align: center;
+}

package/dist/components/render-reference/index.vue.js

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