@blueking/ai-ui-sdk 0.4.0-beta.1 → 0.4.1-beta.1

package/dist/components/render-dataset-list/components/table.vue.d.ts

@@ -1,5 +1,6 @@
 import type { IDatasetListParam } from '@/types/dataset';
 import { GroupType } from '@/types/enum';
+import type { ISdkNavigateAction } from '@/types/navigate';
 interface IProps {
     apiPrefix: string;
     isInternal?: boolean;
@@ -14,10 +15,12 @@ interface IExpose {
     triggerApi: () => void;
 }
 declare const __VLS_export: import("vue").DefineComponent<IProps, IExpose, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    navigate: (value: ISdkNavigateAction) => any;
     "update:search": (search: IDatasetListParam) => any;
     "success-delete": () => any;
     "success-edit": () => any;
 }, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onNavigate?: (value: ISdkNavigateAction) => any;
     "onUpdate:search"?: (search: IDatasetListParam) => any;
     "onSuccess-delete"?: () => any;
     "onSuccess-edit"?: () => any;

package/dist/components/render-dataset-list/index.script.vue.js.js

@@ -17,10 +17,13 @@ export default /*@__PURE__*/ _defineComponent({
         },
         namePlaceholder: {},
         codePlaceholder: {},
-        memberUrl: {},
-        tenantId: {}
+        memberUrl: {}
     },
-    setup (__props) {
+    emits: [
+        "navigate"
+    ],
+    setup (__props, { emit: __emit }) {
+        const emits = __emit;
         const groupType = ref(GroupType.All);
         const tagId = ref();
         const tagName = ref('');
@@ -35,6 +38,9 @@ export default /*@__PURE__*/ _defineComponent({
             tagTreeRef.value.handleGetTagsTree();
             mainRef.value.handleGetDatasetList();
         };
+        const handleNavigate = (route)=>{
+            emits('navigate', route);
+        };
         return (_ctx, _cache)=>{
             const _component_bk_resize_layout = _resolveComponent("bk-resize-layout");
             return _openBlock(), _createElementBlock("article", null, [
@@ -97,12 +103,12 @@ export default /*@__PURE__*/ _defineComponent({
                                 "name-placeholder": __props.namePlaceholder,
                                 "code-placeholder": __props.codePlaceholder,
                                 "member-url": __props.memberUrl,
-                                "tenant-id": __props.tenantId,
                                 ref_key: "mainRef",
                                 ref: mainRef,
                                 onSuccessCreate: handleUpdateAll,
                                 onSuccessDelete: handleUpdateAll,
-                                onSuccessEdit: handleUpdateListAndTagsTree
+                                onSuccessEdit: handleUpdateListAndTagsTree,
+                                onNavigate: handleNavigate
                             }, null, 8 /* PROPS */ , [
                                 "api-prefix",
                                 "space-id",
@@ -113,8 +119,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 "tag-name",
                                 "name-placeholder",
                                 "code-placeholder",
-                                "member-url",
-                                "tenant-id"
+                                "member-url"
                             ])
                         ]),
                     _: 1 /* STABLE */ 
@@ -134,7 +139,8 @@ export default /*@__PURE__*/ _defineComponent({
                     ref: mainRef,
                     onSuccessCreate: handleUpdateAll,
                     onSuccessDelete: handleUpdateAll,
-                    onSuccessEdit: handleUpdateListAndTagsTree
+                    onSuccessEdit: handleUpdateListAndTagsTree,
+                    onNavigate: handleNavigate
                 }, null, 8 /* PROPS */ , [
                     "api-prefix",
                     "space-id",

package/dist/components/render-dataset-list/index.vue.css

@@ -1,8 +1,8 @@
 
-.dataset-main[data-v-i7ruvujf] {
+.dataset-main[data-v-owatezh2] {
   height: calc(100% - 90px);
   margin-top: 2px;
 }
-[data-v-i7ruvujf] .dataset-main>.bk-resize-layout-main {
+[data-v-owatezh2] .dataset-main>.bk-resize-layout-main {
     width: 0;
 }

package/dist/components/render-dataset-list/index.vue.d.ts

@@ -1,3 +1,4 @@
+import type { ISdkNavigateAction } from '@/types/navigate';
 interface IProps {
     apiPrefix: string;
     spaceId?: string;
@@ -6,8 +7,11 @@ interface IProps {
     namePlaceholder?: string;
     codePlaceholder?: string;
     memberUrl?: string;
-    tenantId?: string;
 }
-declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    navigate: (value: ISdkNavigateAction) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onNavigate?: (value: ISdkNavigateAction) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/render-dataset-list/index.vue.js

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

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

@@ -0,0 +1,307 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { defineComponent as _defineComponent } from 'vue';
+import { createElementVNode as _createElementVNode, unref as _unref, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode } from "vue";
+const _hoisted_1 = {
+    class: "g-flex-row !g-justify-between"
+};
+const _hoisted_2 = {
+    key: 0,
+    class: "g-inline-flex-row g-text-blue !g-text-12 g-leading-20 !g-cursor-pointer"
+};
+const _hoisted_3 = {
+    key: 1,
+    class: "g-text-gray !g-text-12"
+};
+import { ref, toRef } from 'vue';
+import { MODULE_NAME } from '../../common/constants.ts.js';
+import { useAgentHttp } from '../../hooks/use-agent-http.ts.js';
+import { McpType, Module, ResourceStatus, SdkNavigateActionType } from '../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        choosenTools: {},
+        choosenMcps: {},
+        choosenKnowledges: {},
+        choosenKnowledgebases: {},
+        choosenAgents: {},
+        choosenRoles: {},
+        choosenPrompts: {},
+        choosenSkills: {},
+        module: {},
+        agentId: {},
+        canApply: {
+            type: Boolean
+        },
+        apiPrefix: {},
+        spaceId: {}
+    },
+    emits: [
+        "confirm",
+        "cancel",
+        "navigate"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { resourceApply } = useAgentHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const isShowPopover = ref(false);
+        const isConfirmLoading = ref(false);
+        const noPermissionResource = ref([]);
+        // 获取无权限数据
+        const getNoPermissionResource = ()=>{
+            noPermissionResource.value = [
+                ...props.choosenTools.filter((tool)=>tool.status === ResourceStatus.NoPermission).map((tool)=>({
+                        resourceType: Module.Tool,
+                        resourceCode: tool.toolCode
+                    })),
+                ...props.choosenMcps.filter((mcp)=>mcp.status === ResourceStatus.NoPermission).map((mcp)=>({
+                        resourceType: Module.Mcp,
+                        resourceCode: mcp.mcpCode
+                    }))
+            ];
+        };
+        // 跳转添加工具,MCP
+        const handleGotoAddResource = ()=>{
+            if (props.module) {
+                emits('navigate', {
+                    type: SdkNavigateActionType.ModuleHome,
+                    module: props.module
+                });
+            }
+        };
+        // 跳转申请资源
+        const handleGotoApplyResource = ()=>{
+            if (props.module) {
+                emits('navigate', {
+                    type: SdkNavigateActionType.SpaceResourceManage,
+                    module: props.module
+                });
+            }
+        };
+        // 点击提交按钮
+        const handleConfirm = function() {
+            var _ref = _async_to_generator(function*() {
+                // 先刷新无权限数据
+                getNoPermissionResource();
+                if (noPermissionResource.value.length > 0) {
+                    // 有无权限数据，展示无权限弹框
+                    handleShowPopover();
+                } else {
+                    // 都有权限，直接抛出数据
+                    handleUpdateData();
+                    handleCancle();
+                }
+            });
+            return function handleConfirm() {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        // 正常使用，但是提交无权限数据
+        const handleApplyPermissionAndConfirm = function() {
+            var _ref = _async_to_generator(function*() {
+                isConfirmLoading.value = true;
+                try {
+                    const appliedResources = yield resourceApply(noPermissionResource.value, props.agentId);
+                    const mcps = getAppliedMcps(appliedResources);
+                    handleUpdateData({
+                        mcps
+                    });
+                    handleHidePopover();
+                    handleCancle();
+                } finally{
+                    isConfirmLoading.value = false;
+                }
+            });
+            return function handleApplyPermissionAndConfirm() {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        const getAppliedMcps = (appliedResources)=>{
+            return props.choosenMcps.map((mcp)=>{
+                // 根据接口返回更新 apigateway 的申请状态
+                if (mcp.mcpType === McpType.Apigw) {
+                    const appliedMcp = appliedResources.find((resource)=>resource.resourceType === Module.Mcp && resource.resourceCode === mcp.mcpCode);
+                    return _object_spread_props(_object_spread({}, mcp), {
+                        status: (appliedMcp === null || appliedMcp === void 0 ? void 0 : appliedMcp.status) || mcp.status
+                    });
+                }
+                return mcp;
+            });
+        };
+        const handleUpdateData = (data)=>{
+            emits('confirm', _object_spread({
+                tools: props.choosenTools,
+                mcps: props.choosenMcps,
+                knowledges: props.choosenKnowledges,
+                knowledgebases: props.choosenKnowledgebases,
+                agents: props.choosenAgents,
+                roles: props.choosenRoles,
+                prompts: props.choosenPrompts,
+                skills: props.choosenSkills
+            }, data));
+        };
+        const handleShowPopover = ()=>{
+            isShowPopover.value = true;
+        };
+        const handleHidePopover = ()=>{
+            isShowPopover.value = false;
+        };
+        const handleCancle = ()=>{
+            emits('cancel');
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_button = _resolveComponent("bk-button");
+            const _component_bk_pop_confirm = _resolveComponent("bk-pop-confirm");
+            return _openBlock(), _createElementBlock("section", _hoisted_1, [
+                !props.canApply ? (_openBlock(), _createElementBlock("span", _hoisted_2, [
+                    _createElementVNode("i", {
+                        class: "ai-ui-sdk-icon ai-ui-sdk-jump-link-line g-mr-4",
+                        onClick: handleGotoAddResource
+                    }),
+                    _createElementVNode("span", {
+                        onClick: handleGotoAddResource
+                    }, " 去添加" + _toDisplayString(_unref(MODULE_NAME)[props.module]), 1 /* TEXT */ ),
+                    props.module !== _unref(Module).Knowledge ? (_openBlock(), _createElementBlock("i", {
+                        key: 0,
+                        class: "ai-ui-sdk-icon ai-ui-sdk-jump-link-line g-mr-4 g-ml-16",
+                        onClick: handleGotoApplyResource
+                    })) : _createCommentVNode("v-if", true),
+                    props.module !== _unref(Module).Knowledge ? (_openBlock(), _createElementBlock("span", {
+                        key: 1,
+                        onClick: handleGotoApplyResource
+                    }, " 去申请" + _toDisplayString(_unref(MODULE_NAME)[props.module]), 1 /* TEXT */ )) : _createCommentVNode("v-if", true)
+                ])) : (_openBlock(), _createElementBlock("span", _hoisted_3, " 提示：这里提供其它空间可申请的资源，申请审批通过后，本空间可使用 ")),
+                _createElementVNode("section", null, [
+                    _createVNode(_component_bk_pop_confirm, {
+                        trigger: "manual",
+                        placement: "top",
+                        width: "280",
+                        title: "确认提交申请？",
+                        "is-show": isShowPopover.value,
+                        content: `当前已选资源中，有${noPermissionResource.value.length}个暂无使用权限且未经申请，提交后，将自动创建申请单`,
+                        "confirm-config": {
+                            loading: isConfirmLoading.value
+                        },
+                        onConfirm: handleApplyPermissionAndConfirm,
+                        onCancel: handleHidePopover
+                    }, {
+                        default: _withCtx(()=>[
+                                _createVNode(_component_bk_button, {
+                                    theme: "primary",
+                                    class: "g-mr-8",
+                                    loading: isConfirmLoading.value,
+                                    onClick: handleConfirm
+                                }, {
+                                    default: _withCtx(()=>[
+                                            ..._cache[0] || (_cache[0] = [
+                                                _createTextVNode(" 确定 ", -1 /* CACHED */ )
+                                            ])
+                                        ]),
+                                    _: 1 /* STABLE */ 
+                                }, 8 /* PROPS */ , [
+                                    "loading"
+                                ])
+                            ]),
+                        _: 1 /* STABLE */ 
+                    }, 8 /* PROPS */ , [
+                        "is-show",
+                        "content",
+                        "confirm-config"
+                    ]),
+                    _createVNode(_component_bk_button, {
+                        disabled: isConfirmLoading.value,
+                        onClick: handleCancle
+                    }, {
+                        default: _withCtx(()=>[
+                                ..._cache[1] || (_cache[1] = [
+                                    _createTextVNode(" 取消 ", -1 /* CACHED */ )
+                                ])
+                            ]),
+                        _: 1 /* STABLE */ 
+                    }, 8 /* PROPS */ , [
+                        "disabled"
+                    ])
+                ])
+            ]);
+        };
+    }
+});

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

@@ -0,0 +1,53 @@
+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 { ISdkNavigateAction } from '@/types/navigate';
+import type { IPrompt } from '@/types/prompt';
+import type { ISkill } from '@/types/skill';
+import type { ITool } from '@/types/tool';
+interface IProps {
+    choosenTools?: ITool[];
+    choosenMcps?: IMcp[];
+    choosenKnowledges?: IKnowledge[];
+    choosenKnowledgebases?: IKnowledgebase[];
+    choosenAgents?: IAgent[];
+    choosenRoles?: ICollection[];
+    choosenPrompts?: IPrompt[];
+    choosenSkills?: ISkill[];
+    module: Module;
+    agentId: number;
+    canApply?: boolean;
+    apiPrefix: string;
+    spaceId: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    navigate: (value: ISdkNavigateAction) => any;
+    cancel: () => any;
+    confirm: (data: {
+        tools: ITool[];
+        mcps: IMcp[];
+        knowledges: IKnowledge[];
+        knowledgebases: IKnowledgebase[];
+        agents: IAgent[];
+        roles: ICollection[];
+        prompts: IPrompt[];
+        skills: ISkill[];
+    }) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onNavigate?: (value: ISdkNavigateAction) => any;
+    onCancel?: () => any;
+    onConfirm?: (data: {
+        tools: ITool[];
+        mcps: IMcp[];
+        knowledges: IKnowledge[];
+        knowledgebases: IKnowledgebase[];
+        agents: IAgent[];
+        roles: ICollection[];
+        prompts: IPrompt[];
+        skills: ISkill[];
+    }) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,3 @@
+import script from './choose-footer.script.vue.js.js';
+script.__file = "./src/components/render-dialog/choose-footer.vue";
+export default script;