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

package/dist/hooks/use-loading-version.ts.js

@@ -0,0 +1,22 @@
+import { ref } from 'vue';
+/**
+ * 解决 abort + loading 的竞态问题：
+ * 当快速连续调用时，前一次请求被 abort 后其 finally 会错误地将 loading 设为 false，
+ * 而新请求仍在进行中。通过版本号确保只有最新一次调用才能结束 loading 状态。
+ */ export const useLoadingVersion = ()=>{
+    let version = 0;
+    const loading = ref(false);
+    const startLoading = ()=>{
+        const currentVersion = (version += 1, version);
+        loading.value = true;
+        return ()=>{
+            if (currentVersion === version) {
+                loading.value = false;
+            }
+        };
+    };
+    return {
+        loading,
+        startLoading
+    };
+};

package/dist/hooks/use-market-http.d.ts

@@ -0,0 +1,4 @@
+import { Ref } from 'vue';
+export declare const useMarketHttp: (apiPrefix: string, spaceId?: Ref<string>) => {
+    downloadMarketSkill: (id: number) => Promise<import("@/types/skill").ISkill>;
+};

package/dist/hooks/use-market-http.ts.js

@@ -0,0 +1,13 @@
+import fetch from '../http/fetch/index.ts.js';
+import { transferSkillApi2Skill } from '../http/helper/skill.ts.js';
+export const useMarketHttp = (apiPrefix, spaceId)=>{
+    // 下载 Skill
+    const downloadMarketSkill = (id)=>fetch.get(`${apiPrefix}/market/v1/skill/${id}/download/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(transferSkillApi2Skill);
+    return {
+        downloadMarketSkill
+    };
+};

package/dist/hooks/use-mcp-http.d.ts

@@ -0,0 +1,21 @@
+import { Ref } from 'vue';
+import { IFetchConfig } from '@/http/fetch';
+import type { IMcpApi, IMcpCountParam, IMcpInstallGuideParam, IMcpListParam, IRegisterMcpParam } from '@/types/mcp';
+export declare const useMcpHttp: (apiPrefix: string, spaceId?: Ref<string>) => {
+    getMcpList: {
+        (param: IMcpListParam, config?: IFetchConfig): Promise<import("@/types").IPaginationResponse<import("@/types").IMcp>>;
+        abort(): void;
+    };
+    deleteMcp: (id: number) => Promise<IMcpApi>;
+    getMcpConfig: (param: IRegisterMcpParam) => Promise<string>;
+    restoreMcp: (id: number) => Promise<unknown>;
+    getMcpCount: {
+        (param: IMcpCountParam): Promise<import("@/types").IResourceCount[]>;
+        abort(): void;
+    };
+    getMcpReferringAgents: (mcpId: number) => Promise<import("@/types").IReferringAgent[]>;
+    getMcpInstallGuide: (param: IMcpInstallGuideParam) => Promise<{
+        markdown: string;
+    }>;
+    getMcpInstallTargets: () => Promise<import("@/types").IMcpInstallTarget[]>;
+};

package/dist/hooks/use-mcp-http.ts.js

@@ -0,0 +1,118 @@
+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 fetch, { withAbort } from '../http/fetch/index.ts.js';
+import { transferMcpApi2Mcp, transferMcpCount2McpCountApi, transferMcpInstallGuideParam2McpInstallGuideParamApi, transferMcpInstallTargetApi2McpInstallTarget, transferMcpParam2McpParamApi, transferRegisterMcpParam2RegisterMcpParamApi } from '../http/helper/mcp.ts.js';
+import { transferPaginationResponseApi2PaginationResponse, transferReferringAgentApi2ReferringAgent, transferResourceCountApi2ResourceCount } from '../transforms.ts.js';
+export const useMcpHttp = (apiPrefix, spaceId)=>{
+    // 获取 MCP 列表  侧边tab切换 搜索栏搜索
+    const getMcpList = withAbort((signal, param, config)=>fetch.get(`${apiPrefix}/mcp/v1/mcp/`, transferMcpParam2McpParamApi(param), _object_spread_props(_object_spread({
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }, config), {
+            signal
+        })).then(transferPaginationResponseApi2PaginationResponse(transferMcpApi2Mcp)));
+    // 删除 MCP
+    const deleteMcp = (id)=>fetch.delete(`${apiPrefix}/mcp/v1/mcp/${id}/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 获取 MCP 配置
+    const getMcpConfig = (param)=>fetch.post(`${apiPrefix}/mcp/v1/mcp/register_json/`, transferRegisterMcpParam2RegisterMcpParamApi(param), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 恢复 MCP
+    const restoreMcp = (id)=>fetch.post(`${apiPrefix}/mcp/v1/mcp/${id}/restore/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 获取指定空间下 MCP 的数量
+    const getMcpCount = withAbort((signal, param)=>fetch.post(`${apiPrefix}/mcp/v1/mcp/count/`, transferMcpCount2McpCountApi(param), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            },
+            signal
+        }).then((data)=>data.map(transferResourceCountApi2ResourceCount)));
+    // 获取引用该 MCP 的智能体列表
+    const getMcpReferringAgents = (mcpId)=>fetch.get(`${apiPrefix}/mcp/v1/mcp/${mcpId}/referring_agents/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then((data)=>data.map(transferReferringAgentApi2ReferringAgent));
+    // 获取 MCP 安装指南
+    const getMcpInstallGuide = (param)=>fetch.get(`${apiPrefix}/mcp/v1/mcp/install_guide/`, transferMcpInstallGuideParam2McpInstallGuideParamApi(param), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 获取 MCP 安装目标列表
+    const getMcpInstallTargets = ()=>fetch.get(`${apiPrefix}/mcp/v1/mcp/install_targets/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then((data)=>data.map(transferMcpInstallTargetApi2McpInstallTarget));
+    return {
+        getMcpList,
+        deleteMcp,
+        getMcpConfig,
+        restoreMcp,
+        getMcpCount,
+        getMcpReferringAgents,
+        getMcpInstallGuide,
+        getMcpInstallTargets
+    };
+};

package/dist/hooks/use-member-http.d.ts

@@ -2,8 +2,7 @@ interface IMember {
     id: string;
     name: string;
 }
-type GetMemberList = (memberUrl: string, search: string) => Promise<IMember[]>;
 export declare const useMemberHttp: () => {
-    getMemberList: GetMemberList;
+    getMemberList: (memberUrl: string, search: string) => Promise<IMember[]>;
 };
 export {};

package/dist/hooks/use-member-http.ts.js

@@ -1,28 +1,27 @@
-import http, { withAbort } from '../http/fetch/index.ts.js';
+import { Message } from 'bkui-vue';
 export const useMemberHttp = ()=>{
-    const getMemberListHttp = withAbort((signal, memberUrl, search)=>{
-        if (!search) {
-            return Promise.resolve({
-                data: []
-            });
-        }
-        return http.get(`${memberUrl}/api/v3/open-web/tenant/users/-/search/`, {
-            keyword: search
-        }, {
-            noCheckBusiness: true,
-            noTraceparent: true,
-            signal
-        });
-    });
     const getMemberList = (memberUrl, search)=>{
-        // 取消上一次请求
-        getMemberListHttp.abort();
-        // 开始请求
-        return getMemberListHttp(memberUrl, search).then((res)=>{
-            return res.data.map((item)=>({
-                    id: item.bk_username,
-                    name: item.display_name
-                }));
+        return new Promise((resolve, reject)=>{
+            const callback = `jsonp_init_bk_member_${Math.ceil(Math.random() * 1000)}`;
+            const script = document.createElement('script');
+            script.src = `${memberUrl}?callback=${callback}&app_code=bk-magicbox&fuzzy_lookups=${search}`;
+            script.onerror = reject;
+            document.body.appendChild(script);
+            // @ts-ignore
+            window[callback] = (res)=>{
+                if (!res.code) {
+                    resolve(res.data.results.map((item)=>({
+                            id: item.username,
+                            name: `${item.username}（${item.display_name}）`
+                        })));
+                } else {
+                    reject(res.message);
+                    Message({
+                        theme: 'error',
+                        message: res.message
+                    });
+                }
+            };
         });
     };
     return {

package/dist/hooks/use-prompt-http.d.ts

@@ -0,0 +1,16 @@
+import { Ref } from 'vue';
+import { IFetchConfig } from '@/http/fetch';
+import type { IPromptApi, IPromptsParams } from '@/types/prompt';
+export declare const usePromptHttp: (apiPrefix: string, spaceId?: Ref<string>) => {
+    getPrompts: {
+        (param: IPromptsParams, config?: IFetchConfig): Promise<import("@/types").IPaginationResponse<import("@/types").IPrompt>>;
+        abort(): void;
+    };
+    togglePromptLike: (id: number) => Promise<IPromptApi>;
+    deletePrompt: (id: number) => Promise<IPromptApi>;
+    restorePrompt: (id: number) => Promise<unknown>;
+    getPromptCount: {
+        (param: import("@/types").IBaseCountParam): Promise<import("@/types").IResourceCount[]>;
+        abort(): void;
+    };
+};

package/dist/hooks/use-prompt-http.ts.js

@@ -0,0 +1,97 @@
+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 fetch, { withAbort } from '../http/fetch/index.ts.js';
+import { transferPromptApi2Prompt, transferPromptCount2PromptCountApi, transferPromptParam2PromptParamApi } from '../http/helper/prompt.ts.js';
+import { transferPaginationResponseApi2PaginationResponse, transferResourceCountApi2ResourceCount } from '../transforms.ts.js';
+export const usePromptHttp = (apiPrefix, spaceId)=>{
+    // 获取 Prompt 列表
+    const getPrompts = withAbort((signal, param, config)=>fetch.get(`${apiPrefix}/prompt/v1/prompt/`, transferPromptParam2PromptParamApi(param), _object_spread_props(_object_spread({
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }, config), {
+            signal
+        })).then(transferPaginationResponseApi2PaginationResponse(transferPromptApi2Prompt)));
+    // 切换是否喜欢
+    const togglePromptLike = (id)=>fetch.post(`${apiPrefix}/prompt/v1/prompt/${id}/like/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 删除 Prompt
+    const deletePrompt = (id)=>fetch.delete(`${apiPrefix}/prompt/v1/prompt/${id}/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 恢复 Prompt
+    const restorePrompt = (id)=>fetch.post(`${apiPrefix}/prompt/v1/prompt/${id}/restore/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // // 获取指定空间下 prompt 的数量
+    const getPromptCount = withAbort((signal, param)=>fetch.post(`${apiPrefix}/prompt/v1/prompt/count/`, transferPromptCount2PromptCountApi(param), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            },
+            signal
+        }).then((data)=>data.map(transferResourceCountApi2ResourceCount)));
+    return {
+        getPrompts,
+        togglePromptLike,
+        deletePrompt,
+        restorePrompt,
+        getPromptCount
+    };
+};

package/dist/hooks/use-scroll-load.d.ts

@@ -0,0 +1,22 @@
+import { type Ref } from 'vue';
+import type { IPaginationResponse } from '@/types/common';
+interface IUseScrollLoadOptions<T> {
+    targetCls: string;
+    defaultPageSize?: number;
+    triggerApi: ({ page, pageSize }: {
+        page: number;
+        pageSize: number;
+    }) => Promise<IPaginationResponse<T>>;
+    handleDataLoaded?: (results: T[], append: boolean) => void;
+    handleDataUpdated?: (results: T[]) => void;
+    abort?: () => void;
+}
+export declare const useScrollLoad: <T>({ targetCls, defaultPageSize, triggerApi, abort, handleDataLoaded, handleDataUpdated, }: IUseScrollLoadOptions<T>) => {
+    isLoading: Ref<boolean, boolean>;
+    datas: Ref<T[], T[]>;
+    handleInitData: () => void;
+    handleInitDataImmediately: () => Promise<void>;
+    handleRefreshData: () => void;
+    handleRefreshDataWithoutLoading: () => void;
+};
+export {};

package/dist/hooks/use-scroll-load.ts.js

@@ -0,0 +1,100 @@
+import { getCurrentInstance, onBeforeUnmount, onMounted, ref } from 'vue';
+import { debounce } from '../common/util.ts.js';
+import { useLoadingVersion } from './use-loading-version.ts.js';
+export const useScrollLoad = ({ targetCls, defaultPageSize = 100, triggerApi, abort, handleDataLoaded, handleDataUpdated })=>{
+    // 解决abort后loading重置的问题
+    const { loading: isLoading, startLoading } = useLoadingVersion();
+    const instance = getCurrentInstance();
+    const isLoadEnd = ref(false);
+    const isLoadingMore = ref(false);
+    const page = ref(1);
+    const pageSize = ref(defaultPageSize);
+    const datas = ref([]);
+    const onDataLoaded = handleDataLoaded !== null && handleDataLoaded !== void 0 ? handleDataLoaded : (results, append)=>{
+        if (append) {
+            datas.value.push(...results);
+        } else {
+            datas.value = results;
+        }
+    };
+    const handleGetData = (append, page, pageSize)=>{
+        isLoadingMore.value = true;
+        return triggerApi({
+            page,
+            pageSize
+        }).then((res)=>{
+            onDataLoaded(res.results, append);
+            handleDataUpdated === null || handleDataUpdated === void 0 ? void 0 : handleDataUpdated(datas.value);
+            isLoadEnd.value = res.count <= page * pageSize;
+        }).finally(()=>{
+            isLoadingMore.value = false;
+        });
+    };
+    const handleGetDataWithLoadingAndAbort = (append, page, pageSize)=>{
+        // 关闭上一次请求
+        abort === null || abort === void 0 ? void 0 : abort();
+        // 开始加载
+        const endLoading = startLoading();
+        return handleGetData(append, page, pageSize).finally(endLoading);
+    };
+    const handleGetDataWithAbort = (append, page, pageSize)=>{
+        // 关闭上一次请求
+        abort === null || abort === void 0 ? void 0 : abort();
+        return handleGetData(append, page, pageSize);
+    };
+    const handleInitDataImmediately = ()=>{
+        // 重置页码
+        page.value = 1;
+        return handleGetDataWithLoadingAndAbort(false, page.value, pageSize.value).then(()=>{
+            page.value += 1;
+        });
+    };
+    // 防抖初始化数据
+    const handleInitData = debounce(handleInitDataImmediately);
+    const handleRefreshData = debounce(()=>{
+        handleGetDataWithLoadingAndAbort(false, 1, (page.value - 1) * pageSize.value);
+    });
+    const handleRefreshDataWithoutLoading = debounce(()=>{
+        handleGetDataWithAbort(false, 1, (page.value - 1) * pageSize.value);
+    });
+    const scrollLoadMore = (event)=>{
+        const target = event.target;
+        const bottomDis = target.scrollHeight - target.clientHeight - target.scrollTop;
+        if (bottomDis <= 500 && !isLoadEnd.value && !isLoadingMore.value) {
+            handleGetData(true, page.value, pageSize.value).then(()=>{
+                page.value += 1;
+            });
+        }
+    };
+    const getElement = ()=>{
+        var _instance_proxy;
+        // 从 $el 开始向上查找，直到找到有 querySelector 的元素
+        // 兼容多根节点时 $el 是文本节点
+        let el = instance === null || instance === void 0 ? void 0 : (_instance_proxy = instance.proxy) === null || _instance_proxy === void 0 ? void 0 : _instance_proxy.$el;
+        while(el && !el.querySelector){
+            el = el.parentElement;
+        }
+        var _el_querySelector;
+        return (el === null || el === void 0 ? void 0 : el.matches(targetCls)) ? el : (_el_querySelector = el === null || el === void 0 ? void 0 : el.querySelector(targetCls)) !== null && _el_querySelector !== void 0 ? _el_querySelector : null;
+    };
+    const addScrollLoadMore = ()=>{
+        const mainBody = getElement();
+        if (mainBody) mainBody.addEventListener('scroll', scrollLoadMore, {
+            passive: true
+        });
+    };
+    const removeScrollLoadMore = ()=>{
+        const mainBody = getElement();
+        if (mainBody) mainBody.removeEventListener('scroll', scrollLoadMore);
+    };
+    onMounted(addScrollLoadMore);
+    onBeforeUnmount(removeScrollLoadMore);
+    return {
+        isLoading,
+        datas,
+        handleInitData,
+        handleInitDataImmediately,
+        handleRefreshData,
+        handleRefreshDataWithoutLoading
+    };
+};

package/dist/hooks/use-skill-http.d.ts

@@ -0,0 +1,32 @@
+import { Ref } from 'vue';
+import { IFetchConfig } from '@/http/fetch';
+import type { ISkillApi, ISkillCountParam, ISkillInstallGuide, ISkillListParam, ISkillOpenclawWindowsInstallParam, ISkillOpenclawWindowsInstallTaskStatusMapApi, ISkillOpenclawWindowsInstallTaskStatusParam, ISkillOpenclawWindowsInstanceStatusParam } from '@/types/skill';
+export declare const useSkillHttp: (apiPrefix: string, spaceId?: Ref<string>) => {
+    getSkillList: {
+        (param: ISkillListParam, config?: IFetchConfig): Promise<import("@/types/common").IPaginationResponse<import("@/types/skill").ISkill>>;
+        abort(): void;
+    };
+    getSkillCount: {
+        (param: ISkillCountParam): Promise<import("@/types/common").IResourceCount[]>;
+        abort(): void;
+    };
+    getSkillReferringAgents: (skillId: number) => Promise<import("@/types/common").IReferringAgent[]>;
+    deleteSkill: (id: number) => Promise<ISkillApi>;
+    downloadSkill: (id: number) => Promise<import("@/types/skill").ISkill>;
+    restoreSkill: (id: number) => Promise<unknown>;
+    getSkillInstallGuide: (id: number, param: ISkillInstallGuide) => Promise<{
+        markdown: string;
+    }>;
+    getSkillInstallTargets: () => Promise<import("@/types/skill").ISkillInstallTarget[]>;
+    getSkillOpenclawWindowsInstances: () => Promise<import("@/types/skill").ISkillOpenclawWindowsInstance[]>;
+    getSkillOpenclawWindowsInstancesStatus: (data: ISkillOpenclawWindowsInstanceStatusParam) => Promise<import("@/types/skill").ISkillOpenclawWindowsInstanceStatusMap>;
+    installSkillToOpenclawWindows: (data: ISkillOpenclawWindowsInstallParam) => Promise<import("@/types/skill").ISkillOpenclawWindowsInstallTasks>;
+    getSkillOpenclawWindowsInstallTasksStatus: {
+        (data: ISkillOpenclawWindowsInstallTaskStatusParam): Promise<ISkillOpenclawWindowsInstallTaskStatusMapApi>;
+        abort(): void;
+    };
+    getSkillBuildLog: {
+        (id: number, version: string): Promise<import("@/types/skill").ISkillBuildLog>;
+        abort(): void;
+    };
+};