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

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

@@ -0,0 +1,97 @@
+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 { transferPromptApi2Prompt, transferPromptCount2PromptCountApi, transferPromptParam2PromptParamApi } from '../http/helper/prompt.ts.js';
+import { transferPaginationResponseApi2PaginationResponse, transferResourceCountApi2ResourceCount } from '../transforms.ts.js';
+export const usePromptHttp = (apiPrefix, spaceId)=>{
+    // 获取 Prompt 列表
+    const getPrompts = withAbort((signal, param, config)=>fetch.get(`${apiPrefix}/prompt/v1/prompt/`, transferPromptParam2PromptParamApi(param), _object_spread_props(_object_spread({
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }, config), {
+            signal
+        })).then(transferPaginationResponseApi2PaginationResponse(transferPromptApi2Prompt)));
+    // 切换是否喜欢
+    const togglePromptLike = (id)=>fetch.post(`${apiPrefix}/prompt/v1/prompt/${id}/like/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 删除 Prompt
+    const deletePrompt = (id)=>fetch.delete(`${apiPrefix}/prompt/v1/prompt/${id}/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 恢复 Prompt
+    const restorePrompt = (id)=>fetch.post(`${apiPrefix}/prompt/v1/prompt/${id}/restore/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // // 获取指定空间下 prompt 的数量
+    const getPromptCount = withAbort((signal, param)=>fetch.post(`${apiPrefix}/prompt/v1/prompt/count/`, transferPromptCount2PromptCountApi(param), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            },
+            signal
+        }).then((data)=>data.map(transferResourceCountApi2ResourceCount)));
+    return {
+        getPrompts,
+        togglePromptLike,
+        deletePrompt,
+        restorePrompt,
+        getPromptCount
+    };
+};

package/dist/hooks/use-scroll-load.ts.js

@@ -0,0 +1,101 @@
+import { getCurrentInstance, onBeforeUnmount, onMounted, ref } from 'vue';
+import { debounce } from '../common/util.ts.js';
+import { useLoadingVersion } from './use-loading-version.ts.js';
+export const useScrollLoad = ({ targetCls, defaultPageSize = 100, triggerApi, abort, handleDataLoaded, handleDataUpdated })=>{
+    // 解决abort后loading重置的问题
+    const { loading: isLoading, startLoading } = useLoadingVersion();
+    const instance = getCurrentInstance();
+    const isLoadEnd = ref(false);
+    const isLoadingMore = ref(false);
+    const page = ref(1);
+    const pageSize = ref(defaultPageSize);
+    const datas = ref([]);
+    const onDataLoaded = handleDataLoaded !== null && handleDataLoaded !== void 0 ? handleDataLoaded : (results, append)=>{
+        if (append) {
+            datas.value.push(...results);
+        } else {
+            datas.value = results;
+        }
+    };
+    const handleGetData = (append, page, pageSize)=>{
+        isLoadingMore.value = true;
+        return triggerApi({
+            page,
+            pageSize
+        }).then((res)=>{
+            onDataLoaded(res.results, append);
+            handleDataUpdated === null || handleDataUpdated === void 0 ? void 0 : handleDataUpdated(datas.value);
+            isLoadEnd.value = res.count <= page * pageSize;
+        }).finally(()=>{
+            isLoadingMore.value = false;
+        });
+    };
+    const handleGetDataWithLoadingAndAbort = (append, page, pageSize)=>{
+        // 关闭上一次请求
+        abort === null || abort === void 0 ? void 0 : abort();
+        // 开始加载
+        const endLoading = startLoading();
+        return handleGetData(append, page, pageSize).finally(endLoading);
+    };
+    const handleGetDataWithAbort = (append, page, pageSize)=>{
+        // 关闭上一次请求
+        abort === null || abort === void 0 ? void 0 : abort();
+        return handleGetData(append, page, pageSize);
+    };
+    const handleInitDataImmediately = ()=>{
+        // 重置页码
+        page.value = 1;
+        return handleGetDataWithLoadingAndAbort(false, page.value, pageSize.value).then(()=>{
+            page.value += 1;
+        });
+    };
+    // 防抖初始化数据
+    const handleInitData = debounce(handleInitDataImmediately);
+    const handleRefreshData = debounce(()=>{
+        handleGetDataWithLoadingAndAbort(false, 1, (page.value - 1) * pageSize.value);
+    });
+    const handleRefreshDataWithoutLoading = debounce(()=>{
+        handleGetDataWithAbort(false, 1, (page.value - 1) * pageSize.value);
+    });
+    const scrollLoadMore = (event)=>{
+        const target = event.target;
+        const bottomDis = target.scrollHeight - target.clientHeight - target.scrollTop;
+        if (bottomDis <= 500 && !isLoadEnd.value && !isLoadingMore.value) {
+            handleGetData(true, page.value, pageSize.value).then(()=>{
+                page.value += 1;
+            });
+        }
+    };
+    const getElement = ()=>{
+        var _instance_proxy;
+        // 从 $el 开始向上查找，直到找到有 querySelector 的元素
+        // 兼容多根节点时 $el 是文本节点
+        let el = instance === null || instance === void 0 ? void 0 : (_instance_proxy = instance.proxy) === null || _instance_proxy === void 0 ? void 0 : _instance_proxy.$el;
+        while(el && !el.querySelector){
+            el = el.parentElement;
+        }
+        var _el_querySelector;
+        return (el === null || el === void 0 ? void 0 : el.matches(targetCls)) ? el : (_el_querySelector = el === null || el === void 0 ? void 0 : el.querySelector(targetCls)) !== null && _el_querySelector !== void 0 ? _el_querySelector : null;
+    };
+    const addScrollLoadMore = ()=>{
+        const mainBody = getElement();
+        if (mainBody) mainBody.addEventListener('scroll', scrollLoadMore, {
+            passive: true
+        });
+    };
+    const removeScrollLoadMore = ()=>{
+        const mainBody = getElement();
+        if (mainBody) mainBody.removeEventListener('scroll', scrollLoadMore);
+    };
+    onMounted(addScrollLoadMore);
+    onBeforeUnmount(removeScrollLoadMore);
+    return {
+        isLoading,
+        datas,
+        handleInitData,
+        handleInitDataImmediately,
+        handleRefreshData,
+        handleRefreshDataWithoutLoading,
+        scrollLoadMore
+    };
+};

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

@@ -0,0 +1,157 @@
+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 { transferSkillApi2Skill, transferSkillBuildLogApi2SkillBuildLog, transferSkillCount2SkillCountApi, transferSkillInstallGuide2SkillInstallGuideApi, transferSkillInstallTargetApi2SkillInstallTarget, transferSkillOpenclawWindowsInstallParam2SkillOpenclawWindowsInstallParamApi, transferSkillOpenclawWindowsInstallTasksApi2SkillOpenclawWindowsInstallTasks, transferSkillOpenclawWindowsInstallTaskStatusMapApi2SkillOpenclawWindowsInstallTaskStatusMap, transferSkillOpenclawWindowsInstallTaskStatusParam2SkillOpenclawWindowsInstallTaskStatusParamApi, transferSkillOpenclawWindowsInstanceApi2SkillOpenclawWindowsInstance, transferSkillOpenclawWindowsInstanceStatusMapApi2SkillOpenclawWindowsInstanceStatusMap, transferSkillOpenclawWindowsInstanceStatusParam2SkillOpenclawWindowsInstanceStatusParamApi } from '../http/helper/skill.ts.js';
+import { transferPaginationResponseApi2PaginationResponse, transferReferringAgentApi2ReferringAgent, transferResourceCountApi2ResourceCount, transferSkillParam2SkillParamApi } from '../transforms.ts.js';
+export const useSkillHttp = (apiPrefix, spaceId)=>{
+    // 获取 Skill 列表
+    const getSkillList = withAbort((signal, param, config)=>fetch.get(`${apiPrefix}/skill/v1/skill/`, transferSkillParam2SkillParamApi(param), _object_spread_props(_object_spread({
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }, config), {
+            signal
+        })).then(transferPaginationResponseApi2PaginationResponse(transferSkillApi2Skill)));
+    // 获取指定空间下 Skill 的数量
+    const getSkillCount = withAbort((signal, param)=>fetch.post(`${apiPrefix}/skill/v1/skill/count/`, transferSkillCount2SkillCountApi(param), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            },
+            signal
+        }).then((data)=>data.map(transferResourceCountApi2ResourceCount)));
+    // 获取引用该 Skill 的智能体列表
+    const getSkillReferringAgents = (skillId)=>fetch.get(`${apiPrefix}/skill/v1/skill/${skillId}/referring_agents/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then((data)=>data.map(transferReferringAgentApi2ReferringAgent));
+    // 删除 Skill
+    const deleteSkill = (id)=>fetch.delete(`${apiPrefix}/skill/v1/skill/${id}/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 恢复 Skill
+    const restoreSkill = (id)=>fetch.post(`${apiPrefix}/skill/v1/skill/${id}/restore/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 下载 Skill
+    const downloadSkill = (id)=>fetch.get(`${apiPrefix}/skill/v1/skill/${id}/download/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(transferSkillApi2Skill);
+    // 获取 Skill 安装指南
+    const getSkillInstallGuide = (id, param)=>fetch.get(`${apiPrefix}/skill/v1/skill/${id}/install_guide/`, transferSkillInstallGuide2SkillInstallGuideApi(param), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 获取 Skill 安装目标列表
+    const getSkillInstallTargets = ()=>fetch.get(`${apiPrefix}/skill/v1/skill/install_targets/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then((data)=>data.map(transferSkillInstallTargetApi2SkillInstallTarget));
+    // 获取 Windows 云桌面实例列表
+    const getSkillOpenclawWindowsInstances = ()=>fetch.get(`${apiPrefix}/skill/v1/openclaw_windows/instances/`, undefined, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then((data)=>data.map(transferSkillOpenclawWindowsInstanceApi2SkillOpenclawWindowsInstance));
+    // 查询 Windows 云桌面实例安装状态
+    const getSkillOpenclawWindowsInstancesStatus = (data)=>fetch.post(`${apiPrefix}/skill/v1/openclaw_windows/check_install_on_instances/`, transferSkillOpenclawWindowsInstanceStatusParam2SkillOpenclawWindowsInstanceStatusParamApi(data), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(transferSkillOpenclawWindowsInstanceStatusMapApi2SkillOpenclawWindowsInstanceStatusMap);
+    // 发起 Skill Windows 云桌面安装任务
+    const installSkillToOpenclawWindows = (data)=>fetch.post(`${apiPrefix}/skill/v1/openclaw_windows/install/`, transferSkillOpenclawWindowsInstallParam2SkillOpenclawWindowsInstallParamApi(data), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then(transferSkillOpenclawWindowsInstallTasksApi2SkillOpenclawWindowsInstallTasks);
+    // 查询 Skill Windows 云桌面安装任务状态
+    const getSkillOpenclawWindowsInstallTasksStatus = withAbort((signal, data)=>fetch.post(`${apiPrefix}/skill/v1/openclaw_windows/install_tasks_status/`, transferSkillOpenclawWindowsInstallTaskStatusParam2SkillOpenclawWindowsInstallTaskStatusParamApi(data), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            },
+            signal
+        }).then(transferSkillOpenclawWindowsInstallTaskStatusMapApi2SkillOpenclawWindowsInstallTaskStatusMap));
+    // 获取 Skill 构建日志
+    const getSkillBuildLog = withAbort((signal, id, version)=>fetch.get(`${apiPrefix}/skill/v1/skill/${id}/build_log/`, {
+            version
+        }, {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            },
+            signal
+        }).then(transferSkillBuildLogApi2SkillBuildLog));
+    return {
+        getSkillList,
+        getSkillCount,
+        getSkillReferringAgents,
+        deleteSkill,
+        downloadSkill,
+        restoreSkill,
+        getSkillInstallGuide,
+        getSkillInstallTargets,
+        getSkillOpenclawWindowsInstances,
+        getSkillOpenclawWindowsInstancesStatus,
+        installSkillToOpenclawWindows,
+        getSkillOpenclawWindowsInstallTasksStatus,
+        getSkillBuildLog
+    };
+};

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

@@ -0,0 +1,80 @@
+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 { transferResourceAuthorizedSpacesParam2ResourceAuthorizedSpacesParamApi, transferResourcesRemoveApplication2ResourcesRemoveApplicationApi, transferSpaceApi2Space, transferUsableSpaceApi2UsableSpace, transferUsableSpaceParam2UsableSpaceParamApi } from '../http/helper/space.ts.js';
+export const useSpaceHttp = (apiPrefix, spaceId)=>{
+    const getResourceAuthorizedSpaces = (data)=>fetch.get(`${apiPrefix}/meta/v1/space/authorized_spaces/`, transferResourceAuthorizedSpacesParam2ResourceAuthorizedSpacesParamApi(data), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }).then((data)=>data.map(transferSpaceApi2Space));
+    // 移除资源权限
+    const removeApplyResources = (data)=>fetch.post(`${apiPrefix}/meta/v1/space_manage/resources/remove/`, transferResourcesRemoveApplication2ResourcesRemoveApplicationApi(data), {
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        });
+    // 获取可用的空间列表
+    const getUsableSpaces = withAbort((signal, data, config)=>fetch.get(`${apiPrefix}/meta/v1/space_manage/resources/usable_space/`, transferUsableSpaceParam2UsableSpaceParamApi(data), _object_spread_props(_object_spread({
+            headers: {
+                'x-space-id': spaceId === null || spaceId === void 0 ? void 0 : spaceId.value
+            }
+        }, config), {
+            signal
+        })).then((data)=>data.map(transferUsableSpaceApi2UsableSpace)));
+    return {
+        getResourceAuthorizedSpaces,
+        removeApplyResources,
+        getUsableSpaces
+    };
+};

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

@@ -0,0 +1,6 @@
+import '../css/g-utilities.css';
+import '../css/style.css';
+import '../css/iconcool.js';
+import 'tippy.js/dist/tippy.css';
+// use side effect to import css
+export const useStyle = ()=>{};

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/use-table.ts.js

@@ -0,0 +1,72 @@
+import { ref } from 'vue';
+export default ((callBack, key = 'results', defaultPagination = {
+    current: 1,
+    limit: 10,
+    count: 0
+})=>{
+    // 查询列表相关状态
+    const isLoading = ref(false);
+    const tableData = ref([]);
+    const pagination = ref(JSON.parse(JSON.stringify(defaultPagination)));
+    const sort = ref();
+    const order = ref();
+    const isFilter = ref(false);
+    const scrollToTop = ()=>{
+        const ele = document.querySelector('.bk-table .bk-table-body');
+        if (ele) {
+            ele.scrollTop = 0;
+        }
+    };
+    // 更新数据
+    const triggerApi = ()=>{
+        isLoading.value = true;
+        // 拉取数据
+        return callBack({
+            page: pagination.value.current,
+            pageSize: pagination.value.limit,
+            orderBy: sort.value,
+            orderMethod: order.value
+        }).then((listResult)=>{
+            tableData.value = (listResult === null || listResult === void 0 ? void 0 : listResult[key]) || [];
+            pagination.value.count = (listResult === null || listResult === void 0 ? void 0 : listResult.count) || 0;
+            // fix table scroll
+            scrollToTop();
+        }).finally(()=>{
+            isLoading.value = false;
+            isFilter.value = false;
+        });
+    };
+    // 页码变化发生的事件
+    const handlePageChange = (current)=>{
+        if (isFilter.value) return;
+        pagination.value.current = current;
+        triggerApi();
+    };
+    // 条数变化发生的事件
+    const handlePageSizeChange = (limit)=>{
+        if (isFilter.value) return;
+        pagination.value.limit = limit;
+        pagination.value.current = 1;
+        triggerApi();
+    };
+    // 排序变化发生的事件
+    const handleSort = ({ column, type })=>{
+        pagination.value.current = 1;
+        sort.value = type !== 'null' ? column.field : undefined;
+        order.value = type !== 'null' ? type : undefined;
+        triggerApi();
+    };
+    const resetPagination = ()=>{
+        pagination.value = JSON.parse(JSON.stringify(defaultPagination));
+    };
+    return {
+        tableData,
+        pagination,
+        isLoading,
+        handlePageChange,
+        handlePageSizeChange,
+        resetPagination,
+        handleSort,
+        triggerApi
+    };
+});