@blueking/ai-ui-sdk 0.1.19-beta.8 → 0.1.19

package/dist/css/tailwind.css

@@ -22,15 +22,19 @@
 .g-flex-column {
   display: flex;
   flex-direction: column;
-  align-items: center;
+  align-items: initial !important;
+}
+
+.g-align-center {
+  align-items: center !important;
 }
 
 .g-align-start {
-  align-items: flex-start;
+  align-items: flex-start !important;
 }
 
 .g-align-self-center {
-  align-self: center;
+  align-self: center !important;
 }
 
 .g-justify-between {
@@ -45,6 +49,10 @@
   justify-content: end;
 }
 
+.g-justify-start {
+  justify-content: start;
+}
+
 .g-overflow-hidden {
   overflow: hidden;
 }
@@ -74,6 +82,10 @@
   padding: 4px;
 }
 
+.g-p-12 {
+  padding: 12px;
+}
+
 .g-p-24 {
   padding: 24px;
 }
@@ -134,10 +146,6 @@
   margin-top: 25px;
 }
 
-.g-mt-30 {
-  margin-top: 30px;
-}
-
 .g-mt-100 {
   margin-top: 100px;
 }
@@ -362,6 +370,14 @@
   padding-right: 5px !important;
 }
 
+.g-pr-8 {
+  padding-right: 8px;
+}
+
+.g-pr-14 {
+  padding-right: 14px;
+}
+
 .g-pr-16 {
   padding-right: 16px !important;
 }
@@ -374,10 +390,18 @@
   padding-top: 4px;
 }
 
+.g-pt-8 {
+  padding-top: 8px;
+}
+
 .g-pt-12 {
   padding-top: 12px;
 }
 
+.g-pt-14 {
+  padding-top: 14px;
+}
+
 .g-pt-16 {
   padding-top: 16px;
 }
@@ -402,10 +426,22 @@
   padding-bottom: 4px;
 }
 
+.g-pb-8 {
+  padding-bottom: 8px;
+}
+
+.g-pb-10 {
+  padding-bottom: 10px;
+}
+
 .g-pb-12 {
   padding-bottom: 12px;
 }
 
+.g-pb-14 {
+  padding-bottom: 14px;
+}
+
 .g-pb-16 {
   padding-bottom: 16px;
 }
@@ -426,6 +462,14 @@
   padding: 0 3px;
 }
 
+.g-w-auto {
+  width: auto !important;
+}
+
+.g-w-0 {
+  width: 0 !important;
+}
+
 .g-w-8 {
   width: 8px;
 }
@@ -614,8 +658,8 @@
   width: 108px;
 }
 
-.g-width-6rem {
-  width: 6rem !important;
+.g-width-5rem {
+  width: 5rem !important;
 }
 
 .g-height-max-600 {
@@ -654,6 +698,22 @@
   height: 42px;
 }
 
+.g-height-56 {
+  height: 56px;
+}
+
+.g-height-60 {
+  height: 60px;
+}
+
+.g-height-70 {
+  height: 70px;
+}
+
+.g-height-78 {
+  height: 78px;
+}
+
 .g-height-60 {
   height: 60px;
 }
@@ -700,7 +760,7 @@
 
 .g-hover-text-blue {
   &:hover {
-    color: #3a84ff;
+    color: #3a84ff !important;
   }
 }
 
@@ -722,6 +782,12 @@
   }
 }
 
+.g-hover-text-normal {
+  &:hover {
+    color: #4d4f56;
+  }
+}
+
 .g-hover-border-blue {
   &:hover {
     border: 1px solid #3a84ff !important;
@@ -850,6 +916,10 @@
   column-gap: 16px;
 }
 
+.g-gap-x-20 {
+  column-gap: 20px;
+}
+
 .g-gap-x-21 {
   column-gap: 21px;
 }
@@ -931,3 +1001,11 @@
 .g-rounded-2 {
   border-radius: 2px;
 }
+
+.g-z-index-9999 {
+  z-index: 9999;
+}
+
+.g-fill-current-color {
+  fill: currentColor;
+}

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

@@ -92,11 +92,11 @@ export declare const useChat: ({ handleStart, handleText, handleReferenceDoc, ha
                     }[];
                     creator: string;
                     createTime: string;
-                    updateTime: string;
+                    updatedBy?: string;
+                    updatedAt?: string;
                     toolCode: string;
                     toolName: string;
                     tagNames: string[][];
-                    icon: string;
                     description: string;
                     method: string;
                     url: string;
@@ -303,6 +303,8 @@ export declare const useChat: ({ handleStart, handleText, handleReferenceDoc, ha
                                 };
                             }[];
                         };
+                        approvers?: string[];
+                        ticketUrl?: string;
                     }[];
                     knowledgebases?: {
                         id?: number;
@@ -330,6 +332,7 @@ export declare const useChat: ({ handleStart, handleText, handleReferenceDoc, ha
                         folderNumber?: number;
                         url?: string;
                         updatedBy?: string;
+                        updatedAt?: string;
                         indexConfig?: {
                             vector_indexes: {
                                 index_name: string;
@@ -426,6 +429,7 @@ export declare const useChat: ({ handleStart, handleText, handleReferenceDoc, ha
                         folderNumber?: number;
                         url?: string;
                         updatedBy?: string;
+                        updatedAt?: string;
                         indexConfig?: {
                             vector_indexes: {
                                 index_name: string;
@@ -583,11 +587,11 @@ export declare const useChat: ({ handleStart, handleText, handleReferenceDoc, ha
                     }[];
                     creator: string;
                     createTime: string;
-                    updateTime: string;
+                    updatedBy?: string;
+                    updatedAt?: string;
                     toolCode: string;
                     toolName: string;
                     tagNames: string[][];
-                    icon: string;
                     description: string;
                     method: string;
                     url: string;
@@ -794,6 +798,8 @@ export declare const useChat: ({ handleStart, handleText, handleReferenceDoc, ha
                                 };
                             }[];
                         };
+                        approvers?: string[];
+                        ticketUrl?: string;
                     }[];
                     knowledgebases?: {
                         id?: number;
@@ -821,6 +827,7 @@ export declare const useChat: ({ handleStart, handleText, handleReferenceDoc, ha
                         folderNumber?: number;
                         url?: string;
                         updatedBy?: string;
+                        updatedAt?: string;
                         indexConfig?: {
                             vector_indexes: {
                                 index_name: string;
@@ -917,6 +924,7 @@ export declare const useChat: ({ handleStart, handleText, handleReferenceDoc, ha
                         folderNumber?: number;
                         url?: string;
                         updatedBy?: string;
+                        updatedAt?: string;
                         indexConfig?: {
                             vector_indexes: {
                                 index_name: string;

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

@@ -1,5 +1,8 @@
 import { type Ref } from 'vue';
-import { GroupType, Module } from '@/types/enum';
+import { EnumCharacter, GroupType, Module } from '@/types/enum';
 export declare const useCommonHttp: (apiPrefix: string, spaceId?: Ref<string>) => {
-    getTagTree: (module: Module, subModule: Module, tagName: string, groupType?: GroupType) => Promise<import("@/types/common").ITagTree>;
+    getTagTree: {
+        (module: Module, subModule: Module, tagName: string, groupType?: GroupType, generateType?: EnumCharacter): Promise<import("@/types/common").ITagTree>;
+        abort(): void;
+    };
 };

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

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

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

@@ -1,5 +1,6 @@
 import { type Ref } from 'vue';
 import type { IBatchRetryReviewDatasetData, IBatchReviewDatasetData, IComponent, IDatasetApi, IDatasetDataApi, IDatasetDataForm, IDatasetDataParam, IDatasetForm, IDatasetInfo, IDatasetListParam, IDatasetStatusInfo, IOperatRecordParam, ISchema, IUserInfoForm } from '@/types/dataset';
+import { Module } from '@/types/enum';
 import type { ITagApi } from '@/types/meta';
 export declare const useDatasetHttp: (apiPrefix?: string, spaceId?: Ref<string>) => {
     getCompanyList: () => Promise<import("@/types/dataset").ICompany[]>;
@@ -45,7 +46,7 @@ export declare const useDatasetHttp: (apiPrefix?: string, spaceId?: Ref<string>)
     }>;
     batchReviewDatasetData: (data: IBatchReviewDatasetData) => Promise<unknown>;
     batchRetryReviewDatasetData: (data: IBatchRetryReviewDatasetData) => Promise<unknown>;
-    getTags: () => Promise<import("@/types/meta").ITag[]>;
-    plusTag: (tagNames: string[][]) => Promise<ITagApi>;
-    checkTag: (tagNames: string[][]) => Promise<boolean>;
+    getTags: (module: Module) => Promise<import("@/types/meta").ITag[]>;
+    plusTag: (tagNames: string[][], module: Module) => Promise<ITagApi>;
+    checkTag: (tagNames: string[][], module: Module) => Promise<boolean>;
 };

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

@@ -202,14 +202,17 @@ export const useDatasetHttp = (apiPrefix, spaceId)=>{
             }
         });
     // 获取tag列表
-    const getTags = ()=>fetch.get(`${apiPrefix}/${datasetPerfix}/tag/`, undefined, {
+    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)=>fetch.post(`${apiPrefix}/${datasetPerfix}/tag/`, {
-            tag_names: tagNames
+    const plusTag = (tagNames, module)=>fetch.post(`${apiPrefix}/${datasetPerfix}/tag/`, {
+            tag_names: tagNames,
+            scope_name: module
         }, {
             globalError: false,
             headers: {
@@ -217,8 +220,9 @@ export const useDatasetHttp = (apiPrefix, spaceId)=>{
             }
         });
     // check tag
-    const checkTag = (tagNames)=>fetch.post(`${apiPrefix}/${datasetPerfix}/tag/check/`, {
-            tag_names: tagNames
+    const checkTag = (tagNames, module)=>fetch.post(`${apiPrefix}/${datasetPerfix}/tag/check/`, {
+            tag_names: tagNames,
+            scope_name: module
         }, {
             globalError: false,
             headers: {

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

@@ -0,0 +1,4 @@
+import 'tippy.js/dist/tippy.css';
+export declare const useEllipsisTooltip: () => {
+    handleInitEllipsisTooltip: () => void;
+};

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

@@ -0,0 +1,87 @@
+import tippy from 'tippy.js';
+import 'tippy.js/dist/tippy.css';
+// 全局事件代理，如果文本溢出，则显示 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;
+        }
+        tippyInstance = tippy(target, {
+            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;
+                }
+            }
+        });
+        tippyInstance.show();
+    };
+    return {
+        handleInitEllipsisTooltip
+    };
+};

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

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

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

@@ -0,0 +1,30 @@
+import { Message } from 'bkui-vue';
+export const useMemberHttp = ()=>{
+    const getMemberList = (memberUrl, search)=>{
+        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 {
+        getMemberList
+    };
+};

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

@@ -10,7 +10,7 @@ export declare const useMetaHttp: (apiPrefix: string, spaceId?: Ref<string>) =>
         data: boolean;
         message: string;
     }>;
-    getTags: () => Promise<import("@/types/meta").ITag[]>;
-    plusTag: (tagNames: string[][]) => Promise<ITagApi>;
-    checkTag: (tagNames: string[][]) => Promise<boolean>;
+    getTags: (module: Module) => Promise<import("@/types/meta").ITag[]>;
+    plusTag: (tagNames: string[][], module: Module) => Promise<ITagApi>;
+    checkTag: (tagNames: string[][], module: Module) => Promise<boolean>;
 };

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

@@ -51,14 +51,17 @@ export const useMetaHttp = (apiPrefix, spaceId)=>{
                 }
             });
     // 获取tag列表
-    const getTags = ()=>fetch.get(`${apiPrefix}/${metaPerfix}/tag/`, undefined, {
+    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)=>fetch.post(`${apiPrefix}/${metaPerfix}/tag/`, {
-            tag_names: tagNames
+    const plusTag = (tagNames, module)=>fetch.post(`${apiPrefix}/${metaPerfix}/tag/`, {
+            tag_names: tagNames,
+            scope_name: module
         }, {
             globalError: false,
             headers: {
@@ -66,8 +69,9 @@ export const useMetaHttp = (apiPrefix, spaceId)=>{
             }
         });
     // check tag
-    const checkTag = (tagNames)=>fetch.post(`${apiPrefix}/${metaPerfix}/tag/check/`, {
-            tag_names: tagNames
+    const checkTag = (tagNames, module)=>fetch.post(`${apiPrefix}/${metaPerfix}/tag/check/`, {
+            tag_names: tagNames,
+            scope_name: module
         }, {
             globalError: false,
             headers: {

package/dist/hooks/use-t-table.d.ts

@@ -0,0 +1,39 @@
+import type { IPagination, IPaginationParam, ISortParam, ITTableSort } from '@/types/common';
+import { OrderMethod } from '@/types/enum';
+interface IPaginatedApiResult<T> {
+    results?: T;
+    count?: number;
+}
+export declare const useTTable: <T>() => {
+    isLoading: import("vue").Ref<boolean, boolean>;
+    initHook: (callBackFn: (search: IPaginationParam & ISortParam) => Promise<IPaginatedApiResult<T> | T>, isShowPagination: boolean) => void;
+    sort: import("vue").Ref<{
+        descending?: OrderMethod;
+        sortKey?: string;
+    }, ITTableSort | {
+        descending?: OrderMethod;
+        sortKey?: string;
+    }>;
+    handleSortChange: (config: {
+        descending: boolean;
+    }, { col }: {
+        col: {
+            sortKey: string;
+        };
+    }) => Promise<void>;
+    triggerApi: () => Promise<void>;
+    pagination: import("vue").Ref<{
+        current: number;
+        limit: number;
+        count: number;
+    }, IPagination | {
+        current: number;
+        limit: number;
+        count: number;
+    }>;
+    resetPagination: () => void;
+    tableData: [[] | T] extends [import("vue").Ref<any, any>] ? import("@vue/shared").IfAny<import("vue").Ref<any, any> & ([] | T), import("vue").Ref<import("vue").Ref<any, any> & ([] | T), import("vue").Ref<any, any> & ([] | T)>, import("vue").Ref<any, any> & ([] | T)> : import("vue").Ref<[] | import("vue").UnwrapRef<T>, [] | T | import("vue").UnwrapRef<T>>;
+    handlePageChange: (current: number) => void;
+    handlePageSizeChange: (pageSize: number) => void;
+};
+export {};

package/dist/hooks/use-t-table.ts.js

@@ -0,0 +1,82 @@
+import { ref } from 'vue';
+import { OrderMethod } from '../types/enum.ts.js';
+export const useTTable = ()=>{
+    const isLoading = ref(false);
+    const isPagination = ref(false);
+    let callBack;
+    const sort = ref({});
+    const tableData = ref([]);
+    const pagination = ref({
+        current: 1,
+        limit: 20,
+        count: 0
+    });
+    // 更新数据
+    const triggerApi = ()=>{
+        isLoading.value = true;
+        return callBack({
+            page: pagination.value.current,
+            pageSize: pagination.value.limit,
+            orderBy: sort.value.sortKey,
+            orderMethod: sort.value.descending
+        }).then((apiResult)=>{
+            if (isPagination.value) {
+                tableData.value = apiResult.results;
+                pagination.value.count = apiResult.count;
+            } else {
+                tableData.value = apiResult;
+            }
+        }).finally(()=>{
+            isLoading.value = false;
+        });
+    };
+    const initHook = (callBackFn, isShowPagination)=>{
+        callBack = callBackFn;
+        isPagination.value = isShowPagination;
+    };
+    // sortKey 为必传
+    const handleSortChange = (config, { col })=>{
+        if (!config) {
+            sort.value = {};
+            return triggerApi();
+        }
+        const { descending } = config;
+        sort.value = {
+            sortKey: col.sortKey,
+            descending: descending ? OrderMethod.Desc : OrderMethod.Asc
+        };
+        triggerApi();
+    };
+    // 分页器 当前页变化处理
+    const handlePageChange = (current)=>{
+        if (pagination.value.current === current) return;
+        pagination.value.current = current;
+        triggerApi();
+    };
+    // 分页器 页码大小变化处理
+    const handlePageSizeChange = (pageSize)=>{
+        if (pagination.value.limit === pageSize) return;
+        pagination.value.limit = pageSize;
+        pagination.value.current = 1;
+        triggerApi();
+    };
+    const resetPagination = ()=>{
+        pagination.value = {
+            current: 1,
+            limit: 20,
+            count: 0
+        };
+    };
+    return {
+        isLoading,
+        initHook,
+        sort,
+        handleSortChange,
+        triggerApi,
+        pagination,
+        resetPagination,
+        tableData,
+        handlePageChange,
+        handlePageSizeChange
+    };
+};

package/dist/hooks.d.ts

@@ -7,3 +7,6 @@ export * from './hooks/use-table';
 export * from './hooks/use-permission';
 export * from './hooks/use-think';
 export * from './hooks/use-reference-doc';
+export * from './hooks/use-member-http';
+export * from './hooks/use-t-table';
+export * from './hooks/use-ellipsis-tooltip';

package/dist/hooks.ts.js

@@ -7,3 +7,6 @@ export * from './hooks/use-table.ts.js';
 export * from './hooks/use-permission.ts.js';
 export * from './hooks/use-think.ts.js';
 export * from './hooks/use-reference-doc.ts.js';
+export * from './hooks/use-member-http.ts.js';
+export * from './hooks/use-t-table.ts.js';
+export * from './hooks/use-ellipsis-tooltip.ts.js';