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

package/dist/hooks/use-form-rule.ts.js

@@ -0,0 +1,101 @@
+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);
+        });
+    };
+}
+import { useMetaHttp } from './use-meta-http.ts.js';
+export const useFormRule = (apiPrefix, spaceId)=>{
+    const { nameValidator, codeValidator } = useMetaHttp(apiPrefix, spaceId);
+    let nameErrorMessage = '';
+    let codeErrorMessage = '';
+    const codeRule = {
+        validator: (value)=>/^[a-zA-Z0-9-]+$/.test(value),
+        message: '需要是英文字符、数字、中划线',
+        trigger: 'change'
+    };
+    const getNameRule = (type)=>({
+            validator: function() {
+                var _ref = _async_to_generator(function*(value) {
+                    try {
+                        nameErrorMessage = '';
+                        const res = yield nameValidator(value, type)();
+                        return res.data;
+                    } catch (error) {
+                        nameErrorMessage = error.message;
+                        return false;
+                    }
+                });
+                return function(value) {
+                    return _ref.apply(this, arguments);
+                };
+            }(),
+            message: ()=>nameErrorMessage,
+            trigger: 'change'
+        });
+    const getCodeRule = (type, getIsEdit, getData)=>({
+            validator: function() {
+                var _ref = _async_to_generator(function*(value) {
+                    try {
+                        codeErrorMessage = '';
+                        // 编辑态不校验code
+                        const isEdit = getIsEdit === null || getIsEdit === void 0 ? void 0 : getIsEdit();
+                        if (isEdit) {
+                            return true;
+                        }
+                        // 新建态校验code
+                        const res = yield codeValidator(value, type, getData === null || getData === void 0 ? void 0 : getData())();
+                        return res.data;
+                    } catch (error) {
+                        codeErrorMessage = error.message;
+                        return false;
+                    }
+                });
+                return function(value) {
+                    return _ref.apply(this, arguments);
+                };
+            }(),
+            message: ()=>codeErrorMessage,
+            trigger: 'change'
+        });
+    const getLengthRule = (label, num)=>({
+            validator: (value)=>value.length <= num,
+            message: `${label}长度不能超过${num}`,
+            trigger: 'change'
+        });
+    const getApiUrlRule = ()=>({
+            validator: (value)=>/https?:\/\//.test(value),
+            message: '需要是http://或者https://开头的字符串',
+            trigger: 'change'
+        });
+    return {
+        codeRule,
+        getApiUrlRule,
+        getNameRule,
+        getCodeRule,
+        getLengthRule
+    };
+};

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

@@ -0,0 +1,99 @@
+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 { transferKnowledgeApi, transferKnowledgebaseApi, transferKnowledgebaseCount2KnowledgebaseCountApi, transferKnowledgebaseListParam2KnowledgebaseListParamApi, transferKnowledgeCount2KnowledgeCountApi, transferKnowledgeListParam2KnowledgeListParamApi, transferPaginationResponseApi2PaginationResponse, transferReferringAgentApi2ReferringAgent, transferResourceCountApi2ResourceCount } from '../transforms.ts.js';
+export const useKnowledgeHttp = (apiPrefix, spaceId)=>{
+    // 获取知识列表
+    const getKnowledges = withAbort((signal, params, config)=>fetch.post(`${apiPrefix}/knowledgebase/v1/knowledge/list/`, transferKnowledgeListParam2KnowledgeListParamApi(params), _object_spread_props(_object_spread({
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }, config), {
+            signal
+        })).then(transferPaginationResponseApi2PaginationResponse(transferKnowledgeApi)));
+    // 获取知识库列表
+    const getKnowledgebases = withAbort((signal, params, config)=>fetch.post(`${apiPrefix}/knowledgebase/v1/knowledgebase/list/`, transferKnowledgebaseListParam2KnowledgebaseListParamApi(params), _object_spread_props(_object_spread({
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }, config), {
+            signal
+        })).then(transferPaginationResponseApi2PaginationResponse(transferKnowledgebaseApi)));
+    // 批量获取知识数量
+    const getKnowledgeCount = withAbort((signal, param)=>fetch.post(`${apiPrefix}/knowledgebase/v1/knowledge/count/`, transferKnowledgeCount2KnowledgeCountApi(param), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            },
+            signal
+        }).then((data)=>data.map(transferResourceCountApi2ResourceCount)));
+    // 批量获取知识库数量
+    const getKnowledgebaseCount = withAbort((signal, param)=>fetch.post(`${apiPrefix}/knowledgebase/v1/knowledgebase/count/`, transferKnowledgebaseCount2KnowledgebaseCountApi(param), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            },
+            signal
+        }).then((data)=>data.map(transferResourceCountApi2ResourceCount)));
+    // 获取引用该知识库的智能体列表
+    const getKnowledgebaseReferringAgents = (id)=>fetch.get(`${apiPrefix}/knowledgebase/v1/knowledgebase/${id}/referring_agents/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then((data)=>data.map(transferReferringAgentApi2ReferringAgent));
+    return {
+        getKnowledgebases,
+        getKnowledges,
+        getKnowledgebaseCount,
+        getKnowledgeCount,
+        getKnowledgebaseReferringAgents
+    };
+};

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

@@ -0,0 +1,73 @@
+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;
+}
+import fetch, { withAbort } from '../http/fetch/index.ts.js';
+import { transferModelApi2Model, transferReferringAgentApi2ReferringAgent } from '../transforms.ts.js';
+export const useLlmHttp = (apiPrefix, spaceId)=>{
+    // 获取模型列表
+    const getModels = withAbort((signal, supports, fuzzy)=>fetch.get(`${apiPrefix}/meta/v1/user/llms/`, _object_spread({
+            supports
+        }, fuzzy ? {
+            fuzzy
+        } : {}), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            },
+            signal
+        }).then((data)=>data.map(transferModelApi2Model)));
+    // 用户对模型取消点赞或者点踩
+    const cancelModelLikeOrDislike = (LLmId, action)=>fetch.delete(`${apiPrefix}/meta/v1/llm/market/interact/`, {
+            llm_id: LLmId,
+            action
+        }, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 用户对模型提交点赞或者点踩
+    const submitModelLikeOrDislike = (LLmId, action)=>fetch.post(`${apiPrefix}/meta/v1/llm/market/interact/`, {
+            llm_id: LLmId,
+            action
+        }, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 获取引用该模型的智能体列表
+    const getLLMReferringAgents = (id)=>fetch.get(`${apiPrefix}/meta/v1/llm/${id}/referring_agents/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then((data)=>data.map(transferReferringAgentApi2ReferringAgent));
+    return {
+        getModels,
+        cancelModelLikeOrDislike,
+        submitModelLikeOrDislike,
+        getLLMReferringAgents
+    };
+};

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.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.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.ts.js

@@ -0,0 +1,31 @@
+import http, { withAbort } from '../http/fetch/index.ts.js';
+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 {
+        getMemberList
+    };
+};

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

@@ -0,0 +1,88 @@
+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;
+}
+import fetch from '../http/fetch/index.ts.js';
+import { transferTagApi2Tag } from '../http/helper/meta.ts.js';
+const metaPerfix = 'meta/v1';
+export const useMetaHttp = (apiPrefix, spaceId)=>{
+    // 名称校验
+    const nameValidator = (name, type)=>()=>fetch.get(`${apiPrefix}/${metaPerfix}/name_valid/`, {
+                name,
+                type
+            }, {
+                globalError: false,
+                headers: {
+                    'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+                }
+            });
+    // code校验
+    const codeValidator = (code, type, data)=>()=>fetch.get(`${apiPrefix}/${metaPerfix}/code_valid/`, _object_spread({
+                code,
+                type
+            }, data), {
+                globalError: false,
+                headers: {
+                    'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+                }
+            });
+    // 获取tag列表
+    const getTags = (module)=>fetch.get(`${apiPrefix}/${metaPerfix}/tag/`, {
+            scope_name: module
+        }, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then((result)=>result.map(transferTagApi2Tag));
+    // 新增 tag
+    const plusTag = (tagNames, module)=>fetch.post(`${apiPrefix}/${metaPerfix}/tag/`, {
+            tag_names: tagNames,
+            scope_name: module
+        }, {
+            globalError: false,
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then((res)=>res.map(transferTagApi2Tag));
+    // check tag
+    const checkTag = (tagNames, module)=>fetch.post(`${apiPrefix}/${metaPerfix}/tag/check/`, {
+            tag_names: tagNames,
+            scope_name: module
+        }, {
+            globalError: false,
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    return {
+        nameValidator,
+        codeValidator,
+        getTags,
+        plusTag,
+        checkTag
+    };
+};

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

@@ -0,0 +1,26 @@
+import fetch from '../http/fetch/index.ts.js';
+import { transferCheckPermissionApi2CheckPermission } from '../http/helper/permission.ts.js';
+export const usePermissionHttp = (apiPrefix, spaceId)=>{
+    // 检查是否有权限
+    const checkPermission = (action_ids, resources)=>fetch.post(`${apiPrefix}/iam/v1/auth/is_allowed/`, {
+            action_ids,
+            resources
+        }, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then((res)=>transferCheckPermissionApi2CheckPermission(res));
+    // 获取权限数据
+    const getPermissionData = (action_ids, resource_id)=>fetch.post(`${apiPrefix}/iam/v1/auth/apply_data/`, {
+            action_ids,
+            resource_id
+        }, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    return {
+        checkPermission,
+        getPermissionData
+    };
+};

package/dist/hooks/use-permission.ts.js

@@ -0,0 +1,105 @@
+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);
+        });
+    };
+}
+import { hideAll } from 'tippy.js';
+import { renderAuthDialog } from '../components/render-auth/auth-dialog-fn.ts.js';
+import { usePermissionHttp } from './use-permission-http.ts.js';
+const element = document.createElement('div');
+element.id = 'directive-ele';
+element.style.position = 'absolute';
+element.style.zIndex = '999999';
+element.classList.add('g-permission-cursor-element');
+element.style.height = '0';
+document.body.appendChild(element);
+// 主要处理无权限鼠标样式和点击弹框ui
+export function usePermission(apiPrefix, spaceId, backgroundColor) {
+    const { checkPermission, getPermissionData } = usePermissionHttp(apiPrefix, spaceId);
+    const hideAllPopover = ()=>{
+        hideAll();
+        document.querySelectorAll('.bk-popover').forEach((item)=>{
+            item.remove();
+        });
+    };
+    const handleMouseEnter = (authorized, callback)=>{
+        if (authorized) {
+            callback === null || callback === void 0 ? void 0 : callback();
+        } else {
+            element.style.backgroundColor = backgroundColor;
+            element.style.height = '16px';
+        }
+    };
+    const handleMouseMove = (event, authorized)=>{
+        if (authorized) return;
+        const { pageX, pageY } = event;
+        const elLeft = pageX + 15;
+        const elTop = pageY + -5;
+        element.style.left = `${elLeft}px`;
+        element.style.top = `${elTop}px`;
+    };
+    const handleMouseLeave = ()=>{
+        element.style.height = '0';
+    };
+    const handleMouseClick = function() {
+        var _ref = _async_to_generator(function*(callback, authorized, actionIds, resourceId) {
+            if (authorized) {
+                // 有权限直接执行
+                callback();
+            } else {
+                // 关闭所有的 popover
+                hideAllPopover();
+                // 无权限弹窗
+                renderAuthDialog((yield getPermissionData(actionIds, resourceId)));
+                // 弹框以后，焦点在弹框上，触发一次鼠标离开事件
+                handleMouseLeave();
+            }
+        });
+        return function handleMouseClick(callback, authorized, actionIds, resourceId) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    const handleCheckPermission = function() {
+        var _ref = _async_to_generator(function*(actionIds, resourceId) {
+            const data = yield checkPermission(actionIds, resourceId);
+            return actionIds.every((actionId)=>{
+                var _data_find;
+                return (_data_find = data.find((item)=>item.actionId === actionId)) === null || _data_find === void 0 ? void 0 : _data_find.isAllowed;
+            });
+        });
+        return function handleCheckPermission(actionIds, resourceId) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    return {
+        handleMouseEnter,
+        handleMouseMove,
+        handleMouseLeave,
+        handleMouseClick,
+        handleCheckPermission
+    };
+}