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

package/dist/css/g-utilities.manifest.json

@@ -1,7 +1,7 @@
 [
-  "!g-bg-dark-gray",
+  "!g-bg-[var(--aidev-inner-background)]",
+  "!g-bg-[var(--aidev-main-background)]",
   "!g-bg-f6ebda",
-  "!g-bg-white",
   "!g-block",
   "!g-border-f59500",
   "!g-cursor-pointer",
@@ -34,19 +34,19 @@
   "!g-text-16",
   "!g-text-18",
   "!g-text-2CAF5E",
+  "!g-text-[var(--aidev-main-background)]",
   "!g-text-b17432",
   "!g-text-ea3636",
-  "!g-text-white",
   "!g-top-index",
   "!g-w-220",
   "!g-w-568",
   "!g-w-full",
   "!g-z-9999",
   "g-absolute",
-  "g-bg-f0f1f5",
-  "g-bg-fafbfd",
-  "g-bg-white",
-  "g-border-b-[#EAEBF0]",
+  "g-bg-[var(--aidev-background)]",
+  "g-bg-[var(--aidev-inner-background)]",
+  "g-bg-[var(--aidev-main-background)]",
+  "g-border-b-[var(--aidev-border-color)]",
   "g-border-radio-100",
   "g-border-t-1",
   "g-border-t-F0F1F5",
@@ -59,7 +59,7 @@
   "g-disabled",
   "g-ellipsis",
   "g-exception",
-  "g-fill-3a84ff",
+  "g-fill-[var(--aidev-clickable-color)]",
   "g-flex",
   "g-flex-1",
   "g-flex-col",
@@ -74,10 +74,9 @@
   "g-gap-4",
   "g-gap-8",
   "g-gap-y-4",
-  "g-gray-header-table",
   "g-group-hover/collection-icon:g-text-e38b02",
   "g-group-hover/collection-icon:g-text-f59500",
-  "g-group-hover/reference-icon:g-text-blue",
+  "g-group-hover/reference-icon:g-text-[var(--aidev-clickable-color)]",
   "g-group/collection-icon",
   "g-group/reference-icon",
   "g-h-16",
@@ -86,9 +85,9 @@
   "g-h-42",
   "g-h-48",
   "g-h-56",
-  "g-h-60",
   "g-h-70",
-  "g-h-78",
+  "g-h-[calc(100%_-_48px)]",
+  "g-h-[calc(100vh_-_140px)]",
   "g-h-full",
   "g-hidden",
   "g-inline",
@@ -106,6 +105,7 @@
   "g-leading-28",
   "g-leading-32",
   "g-m-0",
+  "g-main-button",
   "g-max-h-260",
   "g-max-h-400",
   "g-max-h-80vh",
@@ -189,7 +189,7 @@
   "g-rotate--90",
   "g-rotate-45",
   "g-rotate-infinite",
-  "g-rounded-2",
+  "g-rounded-[var(--aidev-radius)]",
   "g-scrollbar",
   "g-scrollbar-page",
   "g-shadow-[0_3px_4px_0_#0000000a]",
@@ -198,7 +198,6 @@
   "g-shrink-0",
   "g-small-form",
   "g-small-gap-form",
-  "g-t-table-filter",
   "g-text-10",
   "g-text-12",
   "g-text-14",
@@ -208,19 +207,17 @@
   "g-text-32",
   "g-text-40",
   "g-text-8",
-  "g-text-979BA5",
-  "g-text-black",
-  "g-text-blue",
+  "g-text-[#2caf5e]",
+  "g-text-[#ea3636]",
+  "g-text-[var(--aidev-assist-color)]",
+  "g-text-[var(--aidev-clickable-color)]",
+  "g-text-[var(--aidev-disabled-color)]",
+  "g-text-[var(--aidev-main-color)]",
+  "g-text-[var(--aidev-title-color)]",
   "g-text-center",
   "g-text-ea3636",
   "g-text-fc943b",
-  "g-text-gray",
-  "g-text-green",
   "g-text-left",
-  "g-text-light",
-  "g-text-light-gray",
-  "g-text-normal",
-  "g-text-red",
   "g-top-0",
   "g-top-8",
   "g-transition-transform",
@@ -231,16 +228,16 @@
   "g-w-64",
   "g-w-88",
   "g-w-full",
-  "g-white-footer-table",
   "g-whitespace-pre-line",
   "hover:!g-bg-[#dcdee5]",
-  "hover:!g-bg-light-blue",
-  "hover:!g-border-blue",
-  "hover:!g-rounded-4",
-  "hover:!g-text-blue",
-  "hover:g-bg-[#f5f7fa]",
+  "hover:!g-bg-[var(--aidev-item-hover-background)]",
+  "hover:!g-border-[var(--aidev-clickable-color)]",
+  "hover:!g-rounded-[var(--aidev-radius)]",
+  "hover:!g-text-[var(--aidev-clickable-color)]",
+  "hover:g-bg-[var(--aidev-inner-background)]",
   "hover:g-cursor-pointer",
   "hover:g-rounded-full",
-  "hover:g-text-e38b02",
-  "hover:g-text-normal"
+  "hover:g-text-[var(--aidev-clickable-hover-color)]",
+  "hover:g-text-[var(--aidev-main-color)]",
+  "hover:g-text-e38b02"
 ]

package/dist/css/main.css

@@ -0,0 +1,10 @@
+body {
+  overflow: hidden;
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  background: var(--aidev-background);
+  color: var(--aidev-main-color);
+  font-size: 14px;
+  text-align: left;
+}

package/dist/css/variable/blue-theme.d.ts

@@ -0,0 +1,43 @@
+declare const _default: {
+    brand1: string;
+    brand2: string;
+    brand3: string;
+    brand4: string;
+    brand5: string;
+    brand6: string;
+    brand7: string;
+    neutral1: string;
+    neutral2: string;
+    neutral3: string;
+    neutral4: string;
+    neutral5: string;
+    neutral6: string;
+    neutral7: string;
+    neutral8: string;
+    neutral9: string;
+    neutral10: string;
+    success1: string;
+    success2: string;
+    success3: string;
+    success4: string;
+    success5: string;
+    success6: string;
+    success7: string;
+    warn1: string;
+    warn2: string;
+    warn3: string;
+    warn4: string;
+    warn5: string;
+    warn6: string;
+    warn7: string;
+    danger1: string;
+    danger2: string;
+    danger3: string;
+    danger4: string;
+    danger5: string;
+    danger6: string;
+    danger7: string;
+    radius: string;
+    mainButtonBoxShadow: string;
+};
+export default _default;

package/dist/css/variable/blue-theme.ts.js

@@ -0,0 +1,42 @@
+export default {
+    brand1: '#274ECF',
+    brand2: '#3B6EF5',
+    brand3: '#6694FF',
+    brand4: '#8FB4FF',
+    brand5: '#B8D2FF',
+    brand6: '#E0EDFF',
+    brand7: '#F0F6FF',
+    neutral1: '#111214',
+    neutral2: '#4A5973',
+    neutral3: '#8F9FBD',
+    neutral4: '#C1CDE5',
+    neutral5: '#E4E9F2',
+    neutral6: '#E9EDF5',
+    neutral7: '#F0F4FA',
+    neutral8: '#F7F9FD',
+    neutral9: '#FBFCFE',
+    neutral10: '#FFFFFF',
+    success1: '#299E56',
+    success2: '#2CAF5E',
+    success3: '#65C389',
+    success4: '#A1E3BA',
+    success5: '#CBF0DA',
+    success6: '#DAF6E5',
+    success7: '#EBFAF0',
+    warn1: '#E38B02',
+    warn2: '#F59500',
+    warn3: '#F8B64F',
+    warn4: '#F9D090',
+    warn5: '#FCE5C0',
+    warn6: '#FDEED8',
+    warn7: '#FDF4E8',
+    danger1: '#E71818',
+    danger2: '#EA3636',
+    danger3: '#FF5656',
+    danger4: '#F8B4B4',
+    danger5: '#FFDDDD',
+    danger6: '#FFEBEB',
+    danger7: '#FFF0F0',
+    radius: '6px',
+    mainButtonBoxShadow: '0 4px 10px color-mix(in srgb, #3b6ef5 28%, transparent)'
+};

package/dist/css/variable/token.d.ts

@@ -0,0 +1,44 @@
+declare const _default: {
+    '--aidev-radius': string;
+    '--aidev-form-color': string;
+    '--aidev-form-background': string;
+    '--aidev-form-border-color': string;
+    '--aidev-form-hover-border-color': string;
+    '--aidev-form-active-border-color': string;
+    '--aidev-table-line-color': string;
+    '--aidev-border-color': string;
+    '--aidev-background': string;
+    '--aidev-main-background': string;
+    '--aidev-title-color': string;
+    '--aidev-main-color': string;
+    '--aidev-assist-color': string;
+    '--aidev-disabled-color': string;
+    '--aidev-inner-background': string;
+    '--aidev-main-button-color': string;
+    '--aidev-main-button-background': string;
+    '--aidev-main-button-border-color': string;
+    '--aidev-main-button-hover-background': string;
+    '--aidev-main-button-active-background': string;
+    '--aidev-main-button-hover-border-color': string;
+    '--aidev-main-button-active-border-color': string;
+    '--aidev-main-button-box-shadow': string;
+    '--aidev-clickable-color': string;
+    '--aidev-clickable-hover-color': string;
+    '--aidev-list-item-hover-background': string;
+    '--aidev-list-item-active-background': string;
+    '--aidev-list-item-active-count-background': string;
+    '--aidev-icon-hover-background': string;
+    '--aidev-icon-light-hover-background': string;
+    '--aidev-item-hover-background': string;
+    '--aidev-generate-public-color': string;
+    '--aidev-generate-public-background': string;
+    '--aidev-generate-public-hover-color': string;
+    '--aidev-generate-public-hover-background': string;
+    '--aidev-generate-space-color': string;
+    '--aidev-generate-space-background': string;
+    '--aidev-generate-space-hover-color': string;
+    '--aidev-generate-space-hover-background': string;
+    '--default-color': string;
+    '--primary-color': string;
+};
+export default _default;

package/dist/css/variable/token.ts.js

@@ -0,0 +1,63 @@
+export default {
+    // 圆角
+    '--aidev-radius': 'radius',
+    // 表单
+    '--aidev-form-color': 'neutral2',
+    '--aidev-form-background': 'neutral10',
+    '--aidev-form-border-color': 'neutral4',
+    '--aidev-form-hover-border-color': 'neutral3',
+    '--aidev-form-active-border-color': 'brand2',
+    // 表格内边框颜色
+    '--aidev-table-line-color': 'neutral6',
+    // 边框颜色
+    '--aidev-border-color': 'neutral5',
+    // 整个网站的背景色
+    '--aidev-background': 'neutral8',
+    // 主要区域背景色
+    '--aidev-main-background': 'neutral10',
+    // 网站标题颜色
+    '--aidev-title-color': 'neutral1',
+    // 网站正文颜色
+    '--aidev-main-color': 'neutral2',
+    // 网站辅助文字颜色
+    '--aidev-assist-color': 'neutral3',
+    // 网站禁用文字颜色
+    '--aidev-disabled-color': 'neutral4',
+    // 在主要区域内的，部分区域的背景色
+    '--aidev-inner-background': 'neutral6',
+    // 主按钮相关颜色
+    '--aidev-main-button-color': 'neutral10',
+    '--aidev-main-button-background': 'brand2',
+    '--aidev-main-button-border-color': 'brand2',
+    '--aidev-main-button-hover-background': 'brand3',
+    '--aidev-main-button-active-background': 'brand1',
+    '--aidev-main-button-hover-border-color': 'brand3',
+    '--aidev-main-button-active-border-color': 'brand1',
+    '--aidev-main-button-box-shadow': 'mainButtonBoxShadow',
+    // 可点击区域文字颜色
+    '--aidev-clickable-color': 'brand2',
+    '--aidev-clickable-hover-color': 'brand3',
+    // 列表项颜色
+    '--aidev-list-item-hover-background': 'neutral7',
+    '--aidev-list-item-active-background': 'brand6',
+    '--aidev-list-item-active-count-background': 'brand4',
+    // 图标按钮 hover / 选中高亮背景（icon 在深色一点背景下）
+    '--aidev-icon-hover-background': 'brand5',
+    // 图标按钮 hover / 选中高亮背景（icon在浅色背景下）
+    '--aidev-icon-light-hover-background': 'brand6',
+    // 列表项 / 卡片 hover / 选中高亮背景
+    '--aidev-item-hover-background': 'brand6',
+    // 资源使用范围相关颜色
+    '--aidev-generate-public-color': 'success2',
+    '--aidev-generate-public-background': 'success6',
+    '--aidev-generate-public-hover-color': 'success1',
+    '--aidev-generate-public-hover-background': 'success5',
+    '--aidev-generate-space-color': '#45A0A5',
+    '--aidev-generate-space-background': '#D8F4F5',
+    '--aidev-generate-space-hover-color': '#388A8E',
+    '--aidev-generate-space-hover-background': '#B6E7E9',
+    // bkui 字体颜色
+    '--default-color': 'neutral2',
+    // bkui 主颜色
+    '--primary-color': 'brand2'
+};

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

@@ -5,10 +5,13 @@ 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>;
@@ -17,10 +20,13 @@ export declare const useDatasetHttp: (apiPrefix?: string, spaceId?: Ref<string>)
     exportDataset: (id: number) => void;
     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;
@@ -35,10 +41,13 @@ export declare const useDatasetHttp: (apiPrefix?: string, spaceId?: Ref<string>)
     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: {
@@ -122,14 +124,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: {

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
+    };
+};

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

@@ -1,29 +1,10 @@
 import { type Ref } from 'vue';
-import type { IPagination, IPaginationParam, ISortParam, ITTableSort } from '@/types/common';
+import type { IPagination, IPaginationParam, IPaginationResponse, ISortParam } from '@/types/common';
 import { OrderMethod } from '@/types/enum';
-interface IPaginatedApiResult<T> {
-    results?: T;
-    count?: number;
-}
-type ITableRow<T> = T extends Array<infer E> ? E : T;
-export declare const useTTable: <T>() => {
+export declare const useTTable: <T, S>() => {
     isLoading: Ref<boolean, boolean>;
-    initHook: (callBackFn: (search: IPaginationParam & ISortParam) => Promise<IPaginatedApiResult<T> | T>, isShowPagination: boolean, key?: string) => void;
-    sort: Ref<{
-        descending?: OrderMethod;
-        sortKey?: string;
-    }, ITTableSort | {
-        descending?: OrderMethod;
-        sortKey?: string;
-    }>;
-    handleSortChange: (config: {
-        descending: boolean;
-    }, { col }: {
-        col: {
-            sortKey: string;
-        };
-    }) => Promise<void>;
-    triggerApi: () => Promise<void>;
+    orderBy: Ref<S, S>;
+    orderMethod: Ref<OrderMethod, OrderMethod>;
     pagination: Ref<{
         current: number;
         limit: number;
@@ -33,13 +14,12 @@ export declare const useTTable: <T>() => {
         limit: number;
         count: number;
     }>;
-    resetPagination: () => void;
-    tableData: [[] | T] extends [Ref<any, any>] ? import("@vue/shared").IfAny<Ref<any, any> & ([] | T), Ref<Ref<any, any> & ([] | T), Ref<any, any> & ([] | T)>, Ref<any, any> & ([] | T)> : Ref<[] | import("vue").UnwrapRef<T>, [] | T | import("vue").UnwrapRef<T>>;
-    handlePageChange: (current: number) => void;
-    handlePageSizeChange: (pageSize: number) => void;
-    selectedRows: Ref<ITableRow<T>[], ITableRow<T>[]>;
-    selectedIds: Ref<(string | number)[], (string | number)[]>;
-    handleSelectionChange: (_keys: string | number | (string | number)[], selectedRowData: ITableRow<T>[]) => void;
+    tableData: Ref<T[], T[]>;
+    selectedDatas: Ref<T[], T[]>;
+    initHook: (callBackFn: (params: IPaginationParam & ISortParam<S>) => Promise<IPaginationResponse<T> | T[]>, isShowPagination: boolean, abortFn: () => void) => void;
+    handleSortChange: (orderByValue?: S, orderMethodValue?: OrderMethod) => void;
+    triggerApi: () => Promise<void>;
+    handleResetPagination: () => Promise<void>;
+    handlePageChange: (current: number, pageSize: number) => void;
     handleClearSelection: () => void;
 };
-export {};