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

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

@@ -0,0 +1,391 @@
+var __awaiter = this && this.__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());
+    });
+};
+import { defineComponent as _defineComponent, createVNode as _createVNode2, resolveComponent as _resolveComponent2, isVNode as _isVNode } from 'vue';
+import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
+const _hoisted_1 = {
+    class: "g-flex-row"
+};
+const _hoisted_2 = {
+    class: "g-text-14 g-text-gray"
+};
+const _hoisted_3 = {
+    class: "reference-table"
+};
+import { ref, toRef, watch } from 'vue';
+import { useRouter } from 'vue-router';
+import RenderTTable from '../render-t-table/index.vue.js';
+import { useAgentHttp } from '../../hooks/use-agent-http.ts.js';
+import { useCollectionHttp } from '../../hooks/use-collection-http.ts.js';
+import { useCredentialHttp } from '../../hooks/use-credential-http.ts.js';
+import { useKnowledgeHttp } from '../../hooks/use-knowledge-http.ts.js';
+import { useLlmHttp } from '../../hooks/use-llm-http.ts.js';
+import { useMcpHttp } from '../../hooks/use-mcp-http.ts.js';
+import { useSkillHttp } from '../../hooks/use-skill-http.ts.js';
+import { useToolHttp } from '../../hooks/use-tool-http.ts.js';
+import { GroupType, KnowledgePathType, Module } from '../../types/enum.ts.js';
+function _isSlot(s) {
+    return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
+}
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        isShow: {
+            type: Boolean
+        },
+        id: {},
+        name: {},
+        module: {},
+        spaceId: {},
+        spaceName: {},
+        apiPrefix: {}
+    },
+    emits: [
+        "update:isShow"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const router = useRouter();
+        const { getAgentReferringAgents } = useAgentHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { getKnowledgebaseReferringAgents } = useKnowledgeHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        ;
+        const { getToolReferringAgents } = useToolHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { getMcpReferringAgents } = useMcpHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { getCredentialReferenceList } = useCredentialHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        ;
+        const { getCollectionReferringAgents } = useCollectionHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        ;
+        const { getSkillReferringAgents } = useSkillHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { getLLMReferringAgents } = useLlmHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const referenceTypes = [
+            {
+                id: Module.Knowledgebase,
+                name: '知识库'
+            },
+            {
+                id: Module.Tool,
+                name: '工具'
+            },
+            {
+                id: Module.Mcp,
+                name: 'MCP'
+            },
+            {
+                id: Module.Cr,
+                name: 'CR'
+            }
+        ];
+        const tableDataMap = ref({
+            [Module.Knowledgebase]: {
+                data: [],
+                columns: [
+                    {
+                        title: '知识名称',
+                        colKey: 'knowledgeName'
+                    },
+                    {
+                        title: '所属知识库',
+                        colKey: 'knowledgeBaseName'
+                    },
+                    {
+                        title: '所属空间',
+                        colKey: 'spaceName'
+                    }
+                ]
+            },
+            [Module.Tool]: {
+                data: [],
+                columns: [
+                    {
+                        title: '工具名称',
+                        colKey: 'toolName'
+                    },
+                    {
+                        title: '所属空间',
+                        colKey: 'spaceName'
+                    }
+                ]
+            },
+            [Module.Mcp]: {
+                data: [],
+                columns: [
+                    {
+                        title: 'MCP名称',
+                        colKey: 'mcpName'
+                    },
+                    {
+                        title: '所属空间',
+                        colKey: 'spaceName'
+                    }
+                ]
+            },
+            [Module.Cr]: {
+                data: [],
+                columns: [
+                    {
+                        title: 'CR名称',
+                        colKey: 'crName'
+                    },
+                    {
+                        title: '所属空间',
+                        colKey: 'spaceName'
+                    }
+                ]
+            },
+            [Module.Agent]: {
+                data: [],
+                columns: [
+                    {
+                        title: '智能体名称',
+                        colKey: 'agentName'
+                    },
+                    {
+                        title: '所属空间',
+                        colKey: 'spaceName'
+                    },
+                    {
+                        title: '引用人',
+                        colKey: 'updatedBy'
+                    },
+                    {
+                        title: '引用时间',
+                        colKey: 'updatedAt'
+                    }
+                ]
+            }
+        });
+        const radioGroupValue = ref(Module.Knowledgebase);
+        const loading = ref(false);
+        const getColumns = ()=>tableDataMap.value[radioGroupValue.value].columns.map((column, index)=>({
+                    title: column.title,
+                    colKey: column.colKey,
+                    className: 'g-height-32',
+                    cell: (h, { row })=>{
+                        if (index === 0) {
+                            const cellValue = row[column.colKey];
+                            return radioGroupValue.value === Module.Agent ? _createVNode2("span", null, [
+                                cellValue
+                            ]) : _createVNode2(_resolveComponent2("bk-button"), {
+                                "text": true,
+                                "theme": "primary",
+                                "onClick": ()=>handleToDetail(row)
+                            }, _isSlot(cellValue) ? cellValue : {
+                                default: ()=>[
+                                        cellValue
+                                    ]
+                            });
+                        }
+                        if (column.colKey === 'spaceName' && props.module === Module.Credential) {
+                            return _createVNode2("span", null, [
+                                props.spaceName || row.spaceId
+                            ]);
+                        }
+                        return _createVNode2("span", null, [
+                            row[column.colKey]
+                        ]);
+                    }
+                }));
+        const handleClose = ()=>{
+            emits('update:isShow', false);
+        };
+        // 获取本类型的数据长度
+        const getTableLength = (id)=>{
+            return tableDataMap.value[id].data.length;
+        };
+        const referringAgentsApiMap = {
+            [Module.Agent]: getAgentReferringAgents,
+            [Module.Tool]: getToolReferringAgents,
+            [Module.Skill]: getSkillReferringAgents,
+            [Module.Mcp]: getMcpReferringAgents,
+            [Module.LLM]: getLLMReferringAgents,
+            [Module.Knowledgebase]: getKnowledgebaseReferringAgents,
+            [Module.Collection]: getCollectionReferringAgents
+        };
+        const handleShowReferenceDetail = ()=>__awaiter(this, void 0, void 0, function*() {
+                loading.value = true;
+                try {
+                    const { module, id } = props;
+                    const apiFn = referringAgentsApiMap[module];
+                    if (props.module !== Module.Credential) {
+                        tableDataMap.value[Module.Agent].data = yield apiFn(id);
+                    } else {
+                        const { knowledge, tool, codeReview, mcp } = yield getCredentialReferenceList(id);
+                        tableDataMap.value[Module.Tool].data = tool;
+                        tableDataMap.value[Module.Knowledgebase].data = knowledge;
+                        tableDataMap.value[Module.Mcp].data = mcp;
+                        tableDataMap.value[Module.Cr].data = codeReview;
+                    }
+                } finally{
+                    loading.value = false;
+                }
+            });
+        const handleToDetail = (row)=>{
+            let name = '';
+            let query = {};
+            const refRow = row;
+            switch(radioGroupValue.value){
+                case Module.Agent:
+                    {
+                        const agentRow = row;
+                        name = 'agent';
+                        query = {
+                            'x-space-id': agentRow.spaceId,
+                            agent_name: agentRow.agentName,
+                            group_type: GroupType.All
+                        };
+                        break;
+                    }
+                case Module.Knowledgebase:
+                    {
+                        name = 'knowledgebase';
+                        query = refRow.pathType === KnowledgePathType.File ? {
+                            'x-space-id': refRow.spaceId,
+                            anchorPath: refRow.parentAnchorPath,
+                            knowledgeName: refRow.knowledgeName,
+                            group_type: GroupType.All
+                        } : {
+                            'x-space-id': refRow.spaceId,
+                            anchorPath: refRow.anchorPath,
+                            group_type: GroupType.All
+                        };
+                        break;
+                    }
+                case Module.Tool:
+                    {
+                        name = 'tool';
+                        query = {
+                            'x-space-id': refRow.spaceId,
+                            tool_name: refRow.toolName,
+                            group_type: GroupType.All
+                        };
+                        break;
+                    }
+                case Module.Cr:
+                    {
+                        name = 'code-review-history';
+                        query = {
+                            'x-space-id': refRow.spaceId,
+                            id: refRow.codereviewId
+                        };
+                        break;
+                    }
+                case Module.Mcp:
+                    {
+                        name = 'mcp';
+                        query = {
+                            'x-space-id': refRow.spaceId,
+                            mcp_name: refRow.mcpName,
+                            group_type: GroupType.All
+                        };
+                        break;
+                    }
+                default:
+                    break;
+            }
+            const url = router.resolve({
+                name,
+                query
+            });
+            window.open(url.href, '_blank');
+        };
+        watch(()=>props.isShow, ()=>{
+            if (props.isShow) {
+                radioGroupValue.value = props.module === Module.Credential ? Module.Knowledgebase : Module.Agent;
+                handleShowReferenceDetail();
+            }
+        });
+        return (_ctx, _cache)=>{
+            const _component_bk_radio_button = _resolveComponent("bk-radio-button");
+            const _component_bk_radio_group = _resolveComponent("bk-radio-group");
+            const _component_bk_sideslider = _resolveComponent("bk-sideslider");
+            return _openBlock(), _createBlock(_component_bk_sideslider, {
+                width: "960px",
+                "is-show": __props.isShow,
+                onClosed: handleClose
+            }, {
+                header: _withCtx(()=>[
+                        _createElementVNode("section", _hoisted_1, [
+                            _cache[1] || (_cache[1] = _createElementVNode("span", {
+                                class: "title"
+                            }, " 引用的实例 ", -1 /* CACHED */ )),
+                            _cache[2] || (_cache[2] = _createElementVNode("span", {
+                                class: "g-gap g-ml-14 g-mr-8"
+                            }, null, -1 /* CACHED */ )),
+                            _createElementVNode("span", _hoisted_2, _toDisplayString(props.name), 1 /* TEXT */ )
+                        ])
+                    ]),
+                default: _withCtx(()=>{
+                    var _a, _b;
+                    return [
+                        _createElementVNode("section", _hoisted_3, [
+                            props.module === _unref(Module).Credential ? (_openBlock(), _createBlock(_component_bk_radio_group, {
+                                key: 0,
+                                modelValue: radioGroupValue.value,
+                                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>radioGroupValue.value = $event),
+                                type: "capsule",
+                                class: "g-flex-row g-mb-14 g-width-full"
+                            }, {
+                                default: _withCtx(()=>[
+                                        (_openBlock(), _createElementBlock(_Fragment, null, _renderList(referenceTypes, (referenceType)=>{
+                                            return _createVNode(_component_bk_radio_button, {
+                                                key: referenceType.id,
+                                                label: referenceType.id
+                                            }, {
+                                                default: _withCtx(()=>[
+                                                        _createTextVNode(_toDisplayString(referenceType.name) + "（" + _toDisplayString(getTableLength(referenceType.id)) + "） ", 1 /* TEXT */ )
+                                                    ]),
+                                                _: 2 /* DYNAMIC */ 
+                                            }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
+                                                "label"
+                                            ]);
+                                        }), 64 /* STABLE_FRAGMENT */ ))
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }, 8 /* PROPS */ , [
+                                "modelValue"
+                            ])) : _createCommentVNode("v-if", true),
+                            _createVNode(RenderTTable, {
+                                "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-3o8kbnxc]{
+  padding: 18px 24px;
+}
+.bk-radio-button[data-v-3o8kbnxc]{
+  flex: 1;
+  text-align: center;
+}

package/dist/components/render-reference/index.vue.d.ts

@@ -0,0 +1,17 @@
+import { Module } from '@/types/enum';
+interface IProps {
+    isShow: boolean;
+    id?: number;
+    name?: string;
+    module: Module;
+    spaceId?: string;
+    spaceName?: string;
+    apiPrefix: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:isShow": (val: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:isShow"?: (val: boolean) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

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