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

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

@@ -0,0 +1,28 @@
+import { onBeforeMount, onBeforeUnmount } from 'vue';
+import { isParentHasClass } from '../common/util.ts.js';
+export const useClickoutside = ()=>{
+    let callback = null;
+    let wrapClassName = null;
+    const handleClickOutside = (event)=>{
+        if (!wrapClassName || !callback) return;
+        const target = event.target;
+        if (!isParentHasClass(target, wrapClassName)) {
+            callback();
+        }
+    };
+    const handleInitClickoutside = (wrapClassNameParam, callbackParam)=>{
+        wrapClassName = wrapClassNameParam;
+        callback = callbackParam;
+    };
+    const init = ()=>{
+        document.addEventListener('mousedown', handleClickOutside);
+    };
+    const destroy = ()=>{
+        document.removeEventListener('mousedown', handleClickOutside);
+    };
+    onBeforeMount(init);
+    onBeforeUnmount(destroy);
+    return {
+        handleInitClickoutside
+    };
+};

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

@@ -0,0 +1,117 @@
+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 { transferCollectionApi2Collection, transferCollectionCount2CollectionCountApi, transferCollectionListParam2CollectionListParamApi, transferPaginationResponseApi2PaginationResponse, transferReferringAgentApi2ReferringAgent, transferResourceCountApi2ResourceCount } from '../transforms.ts.js';
+export const useCollectionHttp = (apiPrefix, spaceId)=>{
+    // 获取角色列表
+    const getCollections = withAbort((signal, param, config)=>fetch.get(`${apiPrefix}/collection/v1/collection/`, transferCollectionListParam2CollectionListParamApi(param), _object_spread_props(_object_spread({
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }, config), {
+            signal
+        })).then(transferPaginationResponseApi2PaginationResponse(transferCollectionApi2Collection)));
+    // 获取不同空间下的 角色 数量
+    const getCollectionCount = withAbort((signal, param)=>fetch.post(`${apiPrefix}/collection/v1/collection/count/`, transferCollectionCount2CollectionCountApi(param), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            },
+            signal
+        }).then((data)=>data.map(transferResourceCountApi2ResourceCount)));
+    // 获取引用该角色的智能体列表
+    const getCollectionReferringAgents = (collectionId)=>fetch.get(`${apiPrefix}/collection/v1/collection/${collectionId}/referring_agents/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then((data)=>data.map(transferReferringAgentApi2ReferringAgent));
+    // 删除角色
+    const deleteCollection = (id)=>fetch.delete(`${apiPrefix}/collection/v1/collection/${id}/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 恢复角色
+    const restoreCollection = (id)=>fetch.post(`${apiPrefix}/collection/v1/collection/${id}/restore/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 传入jinja模板字符串与变量列表,返回渲染后的文本
+    const parseCollection = (collectionId, variables, model_name)=>fetch.post(`${apiPrefix}/collection/v1/collection/${collectionId}/parse/`, {
+            variables,
+            model_name
+        }, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 解析角色变量
+    const parseCollectionVariable = (llm, session_id, contents)=>fetch.post(`${apiPrefix}/collection/v1/chat/parse_collection/`, {
+            llm,
+            session_id,
+            contents
+        }, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    return {
+        getCollections,
+        getCollectionCount,
+        deleteCollection,
+        restoreCollection,
+        getCollectionReferringAgents,
+        parseCollection,
+        parseCollectionVariable
+    };
+};

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

@@ -0,0 +1,38 @@
+export const useCollection = (roleTypes)=>{
+    const getCollectionVariable = (name, variables)=>{
+        return variables.find((variable)=>variable.name === name);
+    };
+    const getCollectionGroupName = (name)=>{
+        const result = /{{\s*(.*?)\s*}}/.exec(name);
+        return result === null || result === void 0 ? void 0 : result[1];
+    };
+    const getCollectionTypeDescription = (code)=>{
+        var _roleTypes_find;
+        return (_roleTypes_find = roleTypes.find((roleType)=>roleType.roleCode === code)) === null || _roleTypes_find === void 0 ? void 0 : _roleTypes_find.description;
+    };
+    const getCollectionTypeName = (code)=>{
+        var _roleTypes_find;
+        return (_roleTypes_find = roleTypes.find((roleType)=>roleType.roleCode === code)) === null || _roleTypes_find === void 0 ? void 0 : _roleTypes_find.roleName;
+    };
+    const getCollectionRenderContent = (content, variables)=>{
+        const variableReg = /{{\s*(.*?)\s*}}/gm;
+        let renderContent = content;
+        let execResult = variableReg.exec(renderContent);
+        while(execResult){
+            const [variablePlaceholder, variableName] = execResult;
+            const variable = getCollectionVariable(variableName, variables);
+            if (variable) {
+                renderContent = renderContent.replaceAll(variablePlaceholder, variable.value);
+            }
+            execResult = variableReg.exec(renderContent);
+        }
+        return renderContent;
+    };
+    return {
+        getCollectionTypeDescription,
+        getCollectionTypeName,
+        getCollectionGroupName,
+        getCollectionVariable,
+        getCollectionRenderContent
+    };
+};

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

@@ -0,0 +1,18 @@
+import fetch, { withAbort } from '../http/fetch/index.ts.js';
+import { transferTagTreeApi2TagTree } from '../http/helper/common.ts.js';
+export const useCommonHttp = (apiPrefix, spaceId)=>{
+    // 获取资源标签树
+    const getTagTree = withAbort((signal, module, subModule, tagName, groupType, generateType)=>fetch.get(`${apiPrefix}/${module}/v1/${subModule}/tag_tree/`, {
+            tag_name: tagName,
+            group_type: groupType,
+            generate_type: generateType
+        }, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            },
+            signal
+        }).then((data)=>transferTagTreeApi2TagTree(data)));
+    return {
+        getTagTree
+    };
+};

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

@@ -0,0 +1,18 @@
+import fetch from '../http/fetch/index.ts.js';
+import { transferIResourceReferenceApi2IResourceReference } from '../http/helper/common.ts.js';
+export const useCredentialHttp = (apiPrefix, spaceId)=>{
+    //  获取 credential 引用列表
+    const getCredentialReferenceList = (id)=>fetch.get(`${apiPrefix}/credential/v1/credential/${id}/list_reference/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(({ knowledge, tool, code_review, mcp })=>({
+                knowledge: knowledge.map(transferIResourceReferenceApi2IResourceReference),
+                tool: tool.map(transferIResourceReferenceApi2IResourceReference),
+                codeReview: code_review.map(transferIResourceReferenceApi2IResourceReference),
+                mcp: mcp.map(transferIResourceReferenceApi2IResourceReference)
+            }));
+    return {
+        getCredentialReferenceList
+    };
+};

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

@@ -0,0 +1,272 @@
+import fetch from '../http/fetch/index.ts.js';
+import { transferBatchRetryReviewDatasetData2BatchRetryReviewDatasetDataApi, transferBatchReviewDatasetData2BatchReviewDatasetDataApi, transferBatchUpdateDatasetDataValidity2BatchUpdateDatasetDataValidityApi, transferCompanyApi2Company, transferCompanyParticipantApi2CompanyParticipantList, transferCreateDatasetDataResultApi2CreateDatasetDataResult, transferDatasetApi2Dataset, transferDatasetApiGuideApi2DatasetApiGuide, transferDatasetDataApi2DatasetData, transferDatasetDataFileApi2DatasetDataFile, transferDatasetDataForm2DatasetDataFormApi, transferDatasetDataParam2DatasetDataParamApi, transferDatasetForm2DatasetFormApi, transferDatasetListParam2DatasetListParamApi, transferOperatRecordApi2OperatRecord, transferOperatRecordParam2OperatRecordParamApi, transferUserInfoApi2UserInfo, transferUserInfoForm2UserInfoFormApi } from '../http/helper/dataset.ts.js';
+import { transferTagApi2Tag } from '../http/helper/meta.ts.js';
+const datasetPerfix = 'dataset/v1';
+const metaPerfix = 'meta/v1';
+// 数据集相关接口
+export const useDatasetHttp = (apiPrefix, spaceId)=>{
+    // meta相关接口
+    // 获取公司列表
+    const getCompanyList = ()=>fetch.get(`${apiPrefix}/${metaPerfix}/company/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then((data)=>data.map(transferCompanyApi2Company));
+    // 获取组件列表
+    const getComponentList = ()=>fetch.get(`${apiPrefix}/${metaPerfix}/component/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 查询操作记录列表
+    const getOperateRecordList = (param)=>fetch.post(`${apiPrefix}/${metaPerfix}/operate_record/list/`, transferOperatRecordParam2OperatRecordParamApi(param), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(({ count, results })=>({
+                count,
+                results: results.map(transferOperatRecordApi2OperatRecord)
+            }));
+    // 获取来源团队-组件和参与方列表
+    const getCompanyParticipantList = (fuzzy)=>fetch.get(`${apiPrefix}/${metaPerfix}/company/participant_list/`, {
+            fuzzy
+        }, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(({ list, company_names })=>({
+                companyNames: company_names,
+                list: transferCompanyParticipantApi2CompanyParticipantList(list)
+            }));
+    // 平台用户-更新用户信息
+    const registerUser = (data)=>fetch.post(`${apiPrefix}/${metaPerfix}/user/register/`, transferUserInfoForm2UserInfoFormApi(data), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 平台用户-获取用户信息
+    const getUserInfo = ()=>fetch.get(`${apiPrefix}/${metaPerfix}/user/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(transferUserInfoApi2UserInfo);
+    // 平台用户-退出登录
+    const logout = ()=>fetch.get(`${apiPrefix}/${metaPerfix}/user/logout/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // dateset相关接口
+    // 获取数据集数据信息
+    const getDatasetMineInfo = ()=>fetch.get(`${apiPrefix}/${datasetPerfix}/dataset/mine_info/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 获取数据集列表
+    const getDatasetList = (query)=>fetch.post(`${apiPrefix}/${datasetPerfix}/dataset/list/`, transferDatasetListParam2DatasetListParamApi(query), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(({ count, results })=>({
+                count,
+                results: results.map(transferDatasetApi2Dataset)
+            }));
+    // 获取数据集
+    const getDataset = (id)=>fetch.get(`${apiPrefix}/${datasetPerfix}/dataset/${id}/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            },
+            noCheckPermission: true,
+            globalError: false
+        }).then(transferDatasetApi2Dataset);
+    // 获取数据集状态信息
+    const getDatasetStatusInfo = (id)=>fetch.get(`${apiPrefix}/${datasetPerfix}/dataset/${id}/info/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 创建数据集
+    const createDataset = (data)=>fetch.post(`${apiPrefix}/${datasetPerfix}/dataset/`, transferDatasetForm2DatasetFormApi(data), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(transferDatasetApi2Dataset);
+    // 更新数据集
+    const updateDataset = (data, id)=>fetch.put(`${apiPrefix}/${datasetPerfix}/dataset/${id}/`, transferDatasetForm2DatasetFormApi(data), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(transferDatasetApi2Dataset);
+    // 删除数据集
+    const deleteDataset = (id)=>fetch.delete(`${apiPrefix}/${datasetPerfix}/dataset/${id}/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 导出数据集
+    const exportDataset = (id)=>{
+        const url = `${apiPrefix}/${datasetPerfix}/dataset/${id}/export/`;
+        window.open(url, '_blank', 'noopener,noreferrer');
+    };
+    // 获取数据集 API 指引
+    const getDatasetApiGuide = (id)=>fetch.get(`${apiPrefix}/${datasetPerfix}/dataset/${id}/api_guide/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(transferDatasetApiGuideApi2DatasetApiGuide);
+    // 获取数据集数据 ID 列表
+    const getDatasetDataIds = (query)=>fetch.post(`${apiPrefix}/${datasetPerfix}/dataset_item/ids/`, transferDatasetDataParam2DatasetDataParamApi(query), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 获取数据集数据列表
+    const getDatasetDataList = (query)=>fetch.post(`${apiPrefix}/${datasetPerfix}/dataset_item/list/`, transferDatasetDataParam2DatasetDataParamApi(query), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(({ count, results })=>({
+                count,
+                results: results.map(transferDatasetDataApi2DatasetData)
+            }));
+    // 创建数据集数据
+    const createDatasetData = (data)=>fetch.post(`${apiPrefix}/${datasetPerfix}/dataset_item/`, transferDatasetDataForm2DatasetDataFormApi(data), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(transferCreateDatasetDataResultApi2CreateDatasetDataResult);
+    // 更新数据集数据
+    const updateDatasetData = (data, id)=>fetch.patch(`${apiPrefix}/${datasetPerfix}/dataset_item/${id}/`, transferDatasetDataForm2DatasetDataFormApi(data), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(transferDatasetDataApi2DatasetData);
+    // 删除数据集数据
+    const deleteDatasetData = (id)=>fetch.delete(`${apiPrefix}/${datasetPerfix}/dataset_item/${id}/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 获取数据集数据详情
+    const getDatasetData = (id)=>fetch.get(`${apiPrefix}/${datasetPerfix}/dataset_item/${id}/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(transferDatasetDataApi2DatasetData);
+    // 批量删除数据集数据
+    const batchDeleteDatasetData = (ids, datasetId)=>fetch.post(`${apiPrefix}/${datasetPerfix}/dataset_item/batch_delete/`, {
+            ids,
+            dataset_id: datasetId
+        }, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 数据集数据文件上传
+    const uploadDatasetDataFiles = (files)=>{
+        const form = new FormData();
+        files.forEach((file)=>{
+            form.append('files', file);
+        });
+        return fetch.post(`${apiPrefix}/${datasetPerfix}/dataset_item/upload/`, form, {
+            requestType: 'formData',
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then((data)=>data.map(transferDatasetDataFileApi2DatasetDataFile));
+    };
+    // 下载数据集数据模板文件
+    const downloadDatasetDataTemplateFile = (id)=>{
+        const url = `${apiPrefix}/${datasetPerfix}/dataset/${id}/download/?responseType=arraybuffer`;
+        window.open(url, '_blank', 'noopener,noreferrer');
+    };
+    // 获取schema列表
+    const getSchemaList = (datasetId)=>fetch.get(`${apiPrefix}/${datasetPerfix}/schema/schema_list/`, {
+            dataset_id: datasetId
+        }, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 批量审核
+    const batchReviewDatasetData = (data)=>fetch.post(`${apiPrefix}/${datasetPerfix}/dataset_item/batch_review/`, transferBatchReviewDatasetData2BatchReviewDatasetDataApi(data), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 批量重试
+    const batchRetryReviewDatasetData = (data)=>fetch.post(`${apiPrefix}/${datasetPerfix}/dataset_item/batch_retry_review/`, transferBatchRetryReviewDatasetData2BatchRetryReviewDatasetDataApi(data), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 批量修改有效性
+    const batchUpdateDatasetDataValidity = (data)=>fetch.post(`${apiPrefix}/${datasetPerfix}/dataset_item/batch_valid/`, transferBatchUpdateDatasetDataValidity2BatchUpdateDatasetDataValidityApi(data), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 获取tag列表
+    const getTags = (module)=>fetch.get(`${apiPrefix}/${datasetPerfix}/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}/${datasetPerfix}/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}/${datasetPerfix}/tag/check/`, {
+            tag_names: tagNames,
+            scope_name: module
+        }, {
+            globalError: false,
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    return {
+        getCompanyList,
+        getDatasetMineInfo,
+        getComponentList,
+        getDatasetList,
+        getDataset,
+        getDatasetStatusInfo,
+        createDataset,
+        updateDataset,
+        deleteDataset,
+        exportDataset,
+        getDatasetApiGuide,
+        getDatasetDataIds,
+        getDatasetDataList,
+        createDatasetData,
+        updateDatasetData,
+        deleteDatasetData,
+        getDatasetData,
+        batchDeleteDatasetData,
+        uploadDatasetDataFiles,
+        downloadDatasetDataTemplateFile,
+        registerUser,
+        getUserInfo,
+        logout,
+        getSchemaList,
+        getOperateRecordList,
+        getCompanyParticipantList,
+        batchReviewDatasetData,
+        batchRetryReviewDatasetData,
+        batchUpdateDatasetDataValidity,
+        getTags,
+        plusTag,
+        checkTag
+    };
+};

package/dist/hooks/use-display-name.ts.js

@@ -0,0 +1,14 @@
+import BkUserDisplayName from '@blueking/bk-user-display-name';
+export const useDisplayName = ()=>{
+    const handleInitDisplayName = (tenantId, apiBaseUrl)=>{
+        BkUserDisplayName.configure({
+            // 必填，租户 ID
+            tenantId,
+            // 必填，网关地址
+            apiBaseUrl
+        });
+    };
+    return {
+        handleInitDisplayName
+    };
+};

package/dist/hooks/use-ellipsis-tooltip.ts.js

@@ -0,0 +1,90 @@
+import tippy from 'tippy.js';
+// 全局事件代理，如果文本溢出，则显示 tooltip
+export const useEllipsisTooltip = ()=>{
+    let tippyInstance = null;
+    const handleInitEllipsisTooltip = ()=>{
+        handleInitEvent();
+        handleInitStyle();
+    };
+    const handleInitEvent = ()=>{
+        document.addEventListener('mouseenter', handleMouseEnter, true);
+    };
+    const handleInitStyle = ()=>{
+        const style = document.createElement('style');
+        style.textContent = `
+      .tippy-box[data-theme~='ellipsis-tooltip'] .tippy-content {
+        font-size: 12px !important;
+        padding: 7px 14px !important;
+        white-space: pre-wrap !important;
+        max-height: 400px;
+        overflow-y: auto;
+      }
+      .tippy-box[data-theme~='ellipsis-tooltip'] .tippy-content::-webkit-scrollbar {
+        width: 6px;
+        height: 6px;
+      }
+      .tippy-box[data-theme~='ellipsis-tooltip'] .tippy-content::-webkit-scrollbar-thumb {
+        width: 6px;
+        height: 6px;
+        border-radius: 3px;
+        background-color: #dcdee5;
+
+        &:hover {
+          background-color: #979ba5;
+        }
+      }
+      .tippy-box[data-theme~='ellipsis-tooltip'][data-placement^=top]>.tippy-arrow:before {
+        bottom: -5px !important;
+      }
+      .tippy-box[data-theme~='ellipsis-tooltip'][data-placement^=bottom]>.tippy-arrow:before {
+        top: -5px !important;
+      }
+    `;
+        document.head.appendChild(style);
+    };
+    const handleMouseEnter = (event)=>{
+        var _target_hasAttribute;
+        const target = event.target;
+        // 没有标识，什么都不做
+        if (!(target === null || target === void 0 ? void 0 : (_target_hasAttribute = target.hasAttribute) === null || _target_hasAttribute === void 0 ? void 0 : _target_hasAttribute.call(target, 'data-ellipsis-tooltip'))) return;
+        const isOverflow = target.scrollWidth > target.clientWidth || target.scrollHeight > target.clientHeight;
+        // 没有溢出，什么都不做
+        if (!isOverflow) return;
+        const computedStyle = window.getComputedStyle(target);
+        const hasScrollbar = computedStyle.overflowX === 'scroll' || computedStyle.overflowX === 'auto' || computedStyle.overflowY === 'scroll' || computedStyle.overflowY === 'auto' || computedStyle.overflow === 'scroll' || computedStyle.overflow === 'auto';
+        // 如果有滚动条，不显示 tooltip
+        if (hasScrollbar) return;
+        // 如果有旧实例，先销毁
+        if (tippyInstance) {
+            tippyInstance.destroy();
+            tippyInstance = null;
+        }
+        const tippyConfig = {
+            content: target.getAttribute('data-ellipsis-tooltip') || target.textContent,
+            interactive: true,
+            arrow: true,
+            appendTo: ()=>document.body,
+            hideOnClick: false,
+            offset: [
+                0,
+                2
+            ],
+            theme: 'ellipsis-tooltip',
+            onHidden: (instance)=>{
+                // tooltip 隐藏后销毁实例
+                instance.destroy();
+                if (tippyInstance === instance) {
+                    tippyInstance = null;
+                }
+            }
+        };
+        if (target.getAttribute('data-ellipsis-tooltip-placement')) {
+            tippyConfig.placement = target.getAttribute('data-ellipsis-tooltip-placement');
+        }
+        tippyInstance = tippy(target, tippyConfig);
+        tippyInstance.show();
+    };
+    return {
+        handleInitEllipsisTooltip
+    };
+};

package/dist/hooks/use-form-leave-confirm.ts.js

@@ -0,0 +1,54 @@
+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 { InfoBox } from 'bkui-vue';
+export const useFormLeaveConfirm = ()=>{
+    let copyValue;
+    const handleInitFormLeaveConfirm = (val)=>{
+        copyValue = JSON.parse(JSON.stringify(val));
+    };
+    const handleFormLeaveConfirm = (leaveCallBack, val, noValidate, cancelCallback)=>{
+        if (!noValidate && copyValue && JSON.stringify(copyValue) !== JSON.stringify(val)) {
+            InfoBox(_object_spread({
+                class: '!g-top-index',
+                title: '确认离开当前页？',
+                content: '离开将会导致未保存信息丢失',
+                cancelText: '取消',
+                onConfirm: leaveCallBack
+            }, cancelCallback ? {
+                onCancel: cancelCallback
+            } : {}));
+        } else {
+            leaveCallBack();
+        }
+    };
+    return {
+        handleInitFormLeaveConfirm,
+        handleFormLeaveConfirm
+    };
+};