@blueking/ai-ui-sdk 0.5.2-beta.5 → 0.6.0-beta.2

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

@@ -5,22 +5,28 @@ export declare const useDatasetHttp: (apiPrefix?: string, spaceId?: Ref<string>)
     getCompanyList: () => Promise<import("@/types/dataset").ICompany[]>;
     getDatasetMineInfo: () => Promise<IDatasetInfo>;
     getComponentList: () => Promise<IComponent[]>;
-    getDatasetList: (query?: IDatasetListParam) => Promise<{
-        count: number;
-        results: import("@/types/dataset").IDataset[];
-    }>;
+    getDatasetList: {
+        (query?: IDatasetListParam): Promise<{
+            count: number;
+            results: import("@/types/dataset").IDataset[];
+        }>;
+        abort(): void;
+    };
     getDataset: (id: number) => Promise<import("@/types/dataset").IDataset>;
     getDatasetStatusInfo: (id: number) => Promise<IDatasetStatusInfo>;
     createDataset: (data: IDatasetForm) => Promise<import("@/types/dataset").IDataset>;
     updateDataset: (data: IDatasetForm, id: number) => Promise<import("@/types/dataset").IDataset>;
     deleteDataset: (id: number) => Promise<IDatasetApi>;
-    exportDataset: (id: number) => void;
+    exportDataset: (id: number) => Promise<Blob>;
     getDatasetApiGuide: (id: number) => Promise<import("@/types/dataset").IDatasetApiGuide>;
     getDatasetDataIds: (query: IDatasetDataParam) => Promise<number[]>;
-    getDatasetDataList: (query: IDatasetDataParam) => Promise<{
-        count: number;
-        results: import("@/types/dataset").IDatasetData[];
-    }>;
+    getDatasetDataList: {
+        (query: IDatasetDataParam): Promise<{
+            count: number;
+            results: import("@/types/dataset").IDatasetData[];
+        }>;
+        abort(): void;
+    };
     createDatasetData: (data: IDatasetDataForm) => Promise<{
         createCount: number;
         duplicateCount: number;
@@ -30,15 +36,18 @@ export declare const useDatasetHttp: (apiPrefix?: string, spaceId?: Ref<string>)
     getDatasetData: (id: number) => Promise<import("@/types/dataset").IDatasetData>;
     batchDeleteDatasetData: (ids: number[], datasetId: number) => Promise<IDatasetDataApi>;
     uploadDatasetDataFiles: (files: File[]) => Promise<import("@/types/dataset").IDatasetDataFile[]>;
-    downloadDatasetDataTemplateFile: (id: number) => void;
+    downloadDatasetDataTemplateFile: (id: number) => Promise<Blob>;
     registerUser: (data: IUserInfoForm) => Promise<unknown>;
     getUserInfo: () => Promise<import("@/types/dataset").IUserInfo>;
     logout: () => Promise<unknown>;
     getSchemaList: (datasetId?: number) => Promise<ISchema[]>;
-    getOperateRecordList: (param: IOperatRecordParam) => Promise<{
-        count: number;
-        results: import("@/types/dataset").IOperatRecord[];
-    }>;
+    getOperateRecordList: {
+        (param: IOperatRecordParam): Promise<{
+            count: number;
+            results: import("@/types/dataset").IOperatRecord[];
+        }>;
+        abort(): void;
+    };
     getCompanyParticipantList: (fuzzy?: string) => Promise<{
         companyNames: string[];
         list: import("@/types/dataset").ICompanyParticipant[];

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

@@ -1,4 +1,4 @@
-import fetch from '../http/fetch/index.ts.js';
+import fetch, { withAbort } 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';
@@ -19,14 +19,15 @@ export const useDatasetHttp = (apiPrefix, spaceId)=>{
             }
         });
     // 查询操作记录列表
-    const getOperateRecordList = (param)=>fetch.post(`${apiPrefix}/${metaPerfix}/operate_record/list/`, transferOperatRecordParam2OperatRecordParamApi(param), {
+    const getOperateRecordList = withAbort((signal, param)=>fetch.post(`${apiPrefix}/${metaPerfix}/operate_record/list/`, transferOperatRecordParam2OperatRecordParamApi(param), {
             headers: {
                 'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
-            }
+            },
+            signal
         }).then(({ count, results })=>({
                 count,
                 results: results.map(transferOperatRecordApi2OperatRecord)
-            }));
+            })));
     // 获取来源团队-组件和参与方列表
     const getCompanyParticipantList = (fuzzy)=>fetch.get(`${apiPrefix}/${metaPerfix}/company/participant_list/`, {
             fuzzy
@@ -64,14 +65,15 @@ export const useDatasetHttp = (apiPrefix, spaceId)=>{
             }
         });
     // 获取数据集列表
-    const getDatasetList = (query)=>fetch.post(`${apiPrefix}/${datasetPerfix}/dataset/list/`, transferDatasetListParam2DatasetListParamApi(query), {
+    const getDatasetList = withAbort((signal, query)=>fetch.post(`${apiPrefix}/${datasetPerfix}/dataset/list/`, transferDatasetListParam2DatasetListParamApi(query), {
             headers: {
                 'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
-            }
+            },
+            signal
         }).then(({ count, results })=>({
                 count,
                 results: results.map(transferDatasetApi2Dataset)
-            }));
+            })));
     // 获取数据集
     const getDataset = (id)=>fetch.get(`${apiPrefix}/${datasetPerfix}/dataset/${id}/`, undefined, {
             headers: {
@@ -105,10 +107,12 @@ export const useDatasetHttp = (apiPrefix, spaceId)=>{
             }
         });
     // 导出数据集
-    const exportDataset = (id)=>{
-        const url = `${apiPrefix}/${datasetPerfix}/dataset/${id}/export/`;
-        window.open(url, '_blank', 'noopener,noreferrer');
-    };
+    const exportDataset = (id)=>fetch.get(`${apiPrefix}/${datasetPerfix}/dataset/${id}/export/?responseType=arraybuffer`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            },
+            responseType: 'blob'
+        });
     // 获取数据集 API 指引
     const getDatasetApiGuide = (id)=>fetch.get(`${apiPrefix}/${datasetPerfix}/dataset/${id}/api_guide/`, undefined, {
             headers: {
@@ -122,14 +126,15 @@ export const useDatasetHttp = (apiPrefix, spaceId)=>{
             }
         });
     // 获取数据集数据列表
-    const getDatasetDataList = (query)=>fetch.post(`${apiPrefix}/${datasetPerfix}/dataset_item/list/`, transferDatasetDataParam2DatasetDataParamApi(query), {
+    const getDatasetDataList = withAbort((signal, query)=>fetch.post(`${apiPrefix}/${datasetPerfix}/dataset_item/list/`, transferDatasetDataParam2DatasetDataParamApi(query), {
             headers: {
                 'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
-            }
+            },
+            signal
         }).then(({ count, results })=>({
                 count,
                 results: results.map(transferDatasetDataApi2DatasetData)
-            }));
+            })));
     // 创建数据集数据
     const createDatasetData = (data)=>fetch.post(`${apiPrefix}/${datasetPerfix}/dataset_item/`, transferDatasetDataForm2DatasetDataFormApi(data), {
             headers: {
@@ -177,10 +182,12 @@ export const useDatasetHttp = (apiPrefix, spaceId)=>{
         }).then((data)=>data.map(transferDatasetDataFileApi2DatasetDataFile));
     };
     // 下载数据集数据模板文件
-    const downloadDatasetDataTemplateFile = (id)=>{
-        const url = `${apiPrefix}/${datasetPerfix}/dataset/${id}/download/?responseType=arraybuffer`;
-        window.open(url, '_blank', 'noopener,noreferrer');
-    };
+    const downloadDatasetDataTemplateFile = (id)=>fetch.get(`${apiPrefix}/${datasetPerfix}/dataset/${id}/download/?responseType=arraybuffer`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            },
+            responseType: 'blob'
+        });
     // 获取schema列表
     const getSchemaList = (datasetId)=>fetch.get(`${apiPrefix}/${datasetPerfix}/schema/schema_list/`, {
             dataset_id: datasetId

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

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

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

@@ -27,6 +27,7 @@ function _object_spread(target) {
     return target;
 }
 import { InfoBox } from 'bkui-vue';
+import { t } from '../i18n/index.ts.js';
 export const useFormLeaveConfirm = ()=>{
     let copyValue;
     const handleInitFormLeaveConfirm = (val)=>{
@@ -36,9 +37,9 @@ export const useFormLeaveConfirm = ()=>{
         if (!noValidate && copyValue && JSON.stringify(copyValue) !== JSON.stringify(val)) {
             InfoBox(_object_spread({
                 class: '!g-top-index',
-                title: '确认离开当前页？',
-                content: '离开将会导致未保存信息丢失',
-                cancelText: '取消',
+                title: t('确认离开当前页？'),
+                content: t('离开将会导致未保存信息丢失'),
+                cancelText: t('取消'),
                 onConfirm: leaveCallBack
             }, cancelCallback ? {
                 onCancel: cancelCallback

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

@@ -28,13 +28,14 @@ function _async_to_generator(fn) {
     };
 }
 import { useMetaHttp } from './use-meta-http.ts.js';
+import { t } from '../i18n/index.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: '需要是英文字符、数字、中划线',
+        message: t('需要是英文字符、数字、中划线'),
         trigger: 'change'
     };
     const getNameRule = (type)=>({
@@ -83,12 +84,15 @@ export const useFormRule = (apiPrefix, spaceId)=>{
         });
     const getLengthRule = (label, num)=>({
             validator: (value)=>value.length <= num,
-            message: `${label}长度不能超过${num}`,
+            message: t('{label}长度不能超过{num}', {
+                label,
+                num
+            }),
             trigger: 'change'
         });
     const getApiUrlRule = ()=>({
             validator: (value)=>/https?:\/\//.test(value),
-            message: '需要是http://或者https://开头的字符串',
+            message: t('需要是http://或者https://开头的字符串'),
             trigger: 'change'
         });
     return {

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

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

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

@@ -1,4 +1,3 @@
-import { onBeforeUnmount } from 'vue';
 import http, { withAbort } from '../http/fetch/index.ts.js';
 export const useMemberHttp = ()=>{
     const getMemberListHttp = withAbort((signal, memberUrl, search)=>{
@@ -7,7 +6,7 @@ export const useMemberHttp = ()=>{
                 data: []
             });
         }
-        return http.get(`${memberUrl.replace(/\/$/, '')}/api/v3/open-web/tenant/users/-/search/`, {
+        return http.get(`${memberUrl}/api/v3/open-web/tenant/users/-/search/`, {
             keyword: search
         }, {
             noCheckBusiness: true,
@@ -16,13 +15,16 @@ export const useMemberHttp = ()=>{
         });
     });
     const getMemberList = (memberUrl, search)=>{
+        // 取消上一次请求
         getMemberListHttp.abort();
-        return getMemberListHttp(memberUrl, search).then((res)=>res.data.map((item)=>({
+        // 开始请求
+        return getMemberListHttp(memberUrl, search).then((res)=>{
+            return res.data.map((item)=>({
                     id: item.bk_username,
                     name: item.display_name
-                })));
+                }));
+        });
     };
-    onBeforeUnmount(()=>getMemberListHttp.abort());
     return {
         getMemberList
     };

package/dist/hooks/use-style.d.ts

@@ -1,5 +1,9 @@
 import '../css/g-utilities.css';
-import '../css/style.css';
-import '../css/iconcool.js';
+import '../css/bk-icon/style.css';
+import '../css/bk-icon/iconcool.js';
+import '../css/bk-patch.css';
+import '../css/main.css';
 import 'tippy.js/dist/tippy.css';
-export declare const useStyle: () => void;
+export declare const useStyle: () => {
+    setTheme: (extraTokenMap?: Record<string, string>) => void;
+};

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

@@ -1,6 +1,48 @@
+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 blueTheme from '../css/variable/blue-theme.ts.js';
+import tokenMap from '../css/variable/token.ts.js';
 import '../css/g-utilities.css';
-import '../css/style.css';
-import '../css/iconcool.js';
+import '../css/bk-icon/style.css';
+import '../css/bk-icon/iconcool.js';
+import '../css/bk-patch.css';
+import '../css/main.css';
 import 'tippy.js/dist/tippy.css';
 // use side effect to import css
-export const useStyle = ()=>{};
+export const useStyle = ()=>{
+    const styleSheet = document.createElement('style');
+    document.head.appendChild(styleSheet);
+    const setTheme = (extraTokenMap)=>{
+        const declarations = Object.entries(_object_spread({}, tokenMap, extraTokenMap)).map(([cssVar, token])=>`  ${cssVar}: ${blueTheme[token] || token};`).join('\n');
+        styleSheet.textContent = `:root {\n${declarations}\n}`;
+    };
+    return {
+        setTheme
+    };
+};