@blueking/ai-ui-sdk 0.1.19-beta.13 → 0.1.19-beta.15

package/dist/components/render-tree/index.script.vue.js

@@ -25,17 +25,19 @@ var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, gener
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useSlots as _useSlots, defineComponent as _defineComponent, Fragment as _Fragment2, resolveComponent as _resolveComponent2, createVNode as _createVNode } from 'vue';
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, resolveComponent as _resolveComponent, createCommentVNode as _createCommentVNode } from "vue";
+import { useSlots as _useSlots, defineComponent as _defineComponent, Fragment as _Fragment2, resolveComponent as _resolveComponent, createVNode as _createVNode } from 'vue';
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
 const _hoisted_1 = {
     class: "g-scrollbar"
 };
 import { RightShape } from 'bkui-vue/lib/icon';
 import { toRef } from 'vue';
+import RenderEmpty from '../render-search-empty/index.vue.js';
 import { usePermission } from '../../hooks/use-permission.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         data: {},
+        search: {},
         apiPrefix: {},
         spaceId: {},
         selectedId: {},
@@ -58,13 +60,17 @@ export default /*@__PURE__*/ _defineComponent({
         "update:loadingIds",
         "update:openedIds",
         "select",
-        "async-load"
+        "async-load",
+        "update:search"
     ],
     setup (__props, { emit: __emit }) {
         const props = __props;
         const emits = __emit;
         const slots = _useSlots();
         const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
+        const handleUpdateSearch = (value)=>{
+            emits('update:search', value);
+        };
         // 点击树组件
         const handleClickTreeItem = (data)=>__awaiter(this, void 0, void 0, function*() {
                 const allowed = yield props.chooseCheck(data);
@@ -110,7 +116,7 @@ export default /*@__PURE__*/ _defineComponent({
                     "onMouseleave": ()=>handleMouseLeave(),
                     "onClick": ()=>handleMouseClick(()=>handleClickTreeItem(data), props.isNodeHasPermission(data), props.permissionActionIds, data.id)
                 }, [
-                    props.isNodeHasChildren(data) ? ((_a = props.loadingIds) === null || _a === void 0 ? void 0 : _a.includes(data[props.keyName])) ? _createVNode(_resolveComponent2("bk-loading"), {
+                    props.isNodeHasChildren(data) ? ((_a = props.loadingIds) === null || _a === void 0 ? void 0 : _a.includes(data[props.keyName])) ? _createVNode(_resolveComponent("bk-loading"), {
                         "class": "shape-icon",
                         "mode": "spin",
                         "size": "mini"
@@ -138,7 +144,6 @@ export default /*@__PURE__*/ _defineComponent({
             ]);
         };
         return (_ctx, _cache)=>{
-            const _component_bk_exception = _resolveComponent("bk-exception");
             return _openBlock(), _createElementBlock("ul", _hoisted_1, [
                 (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(props.data, (item)=>{
                     return _openBlock(), _createBlock(renderTreeItem, {
@@ -149,13 +154,17 @@ export default /*@__PURE__*/ _defineComponent({
                         "data"
                     ]);
                 }), 128 /* KEYED_FRAGMENT */ )),
-                props.data.length <= 0 ? (_openBlock(), _createBlock(_component_bk_exception, {
+                props.data.length <= 0 ? (_openBlock(), _createBlock(RenderEmpty, {
                     key: 0,
                     description: "暂无数据",
                     type: "empty",
                     scene: "part",
-                    class: "g-exception"
-                })) : _createCommentVNode("v-if", true)
+                    class: "g-exception",
+                    search: props.search,
+                    "onUpdate:search": handleUpdateSearch
+                }, null, 8 /* PROPS */ , [
+                    "search"
+                ])) : _createCommentVNode("v-if", true)
             ]);
         };
     }

package/dist/components/render-tree/index.vue.d.ts

@@ -1,11 +1,12 @@
 import { type VNode } from 'vue';
-declare const __VLS_export: <T extends {
+declare const __VLS_export: <S, T extends {
     id?: number;
     name?: string;
     children?: T[];
 }>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<{
         data: Array<T>;
+        search?: S;
         apiPrefix: string;
         spaceId?: string;
         selectedId?: string | number;
@@ -18,6 +19,7 @@ declare const __VLS_export: <T extends {
         isNodeHasPermission?: (data: T) => boolean;
     } & {
         onSelect?: (node: T) => any;
+        "onUpdate:search"?: (value: S) => any;
         "onUpdate:selectedId"?: (value: string | number) => any;
         "onUpdate:loadingIds"?: (value: (string | number)[]) => any;
         "onUpdate:openedIds"?: (value: (string | number)[]) => any;
@@ -32,6 +34,7 @@ declare const __VLS_export: <T extends {
         (event: "update:selectedId", value: string | number): void;
         (event: "update:loadingIds" | "update:openedIds", value: (string | number)[]): void;
         (event: "select" | "async-load", node: T): void;
+        (event: "update:search", value: S): void;
     };
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

package/dist/components.d.ts

@@ -10,7 +10,9 @@ import RenderDatasetList from './components/render-dataset-list/index.vue';
 import RenderHeader from './components/render-header/index.vue';
 import RenderLike from './components/render-like/index.vue';
 import RenderMarkdown from './components/render-markdown/mark-down';
+import RenderSearchEmpty from './components/render-search-empty/index.vue';
 import RenderSearchSelect from './components/render-search-select/index.vue';
+import RenderTTable from './components/render-t-table/index.vue';
 import RenderTagTree from './components/render-tag-tree/index.vue';
 import RenderTree from './components/render-tree/index.vue';
-export { renderAuthDialog, RenderAutoRefresh, RenderDataset, RenderDatasetDetail, RenderDatasetList, RenderHeader, RenderAutoHeightTextarea, RenderDatasetDetailOriginData, RenderCheckbox, RenderChooseTag, RenderMarkdown, RenderSearchSelect, RenderLike, RenderTree, RenderTagTree, };
+export { renderAuthDialog, RenderAutoRefresh, RenderDataset, RenderDatasetDetail, RenderDatasetList, RenderHeader, RenderAutoHeightTextarea, RenderDatasetDetailOriginData, RenderCheckbox, RenderChooseTag, RenderMarkdown, RenderSearchEmpty, RenderSearchSelect, RenderLike, RenderTree, RenderTagTree, RenderTTable, };

package/dist/components.ts.js

@@ -11,7 +11,9 @@ import RenderDatasetList from './components/render-dataset-list/index.vue.js';
 import RenderHeader from './components/render-header/index.vue.js';
 import RenderLike from './components/render-like/index.vue.js';
 import RenderMarkdown from './components/render-markdown/mark-down.ts.js';
+import RenderSearchEmpty from './components/render-search-empty/index.vue.js';
 import RenderSearchSelect from './components/render-search-select/index.vue.js';
+import RenderTTable from './components/render-t-table/index.vue.js';
 import RenderTagTree from './components/render-tag-tree/index.vue.js';
 import RenderTree from './components/render-tree/index.vue.js';
-export { renderAuthDialog, RenderAutoRefresh, RenderDataset, RenderDatasetDetail, RenderDatasetList, RenderHeader, RenderAutoHeightTextarea, RenderDatasetDetailOriginData, RenderCheckbox, RenderChooseTag, RenderMarkdown, RenderSearchSelect, RenderLike, RenderTree, RenderTagTree };
+export { renderAuthDialog, RenderAutoRefresh, RenderDataset, RenderDatasetDetail, RenderDatasetList, RenderHeader, RenderAutoHeightTextarea, RenderDatasetDetailOriginData, RenderCheckbox, RenderChooseTag, RenderMarkdown, RenderSearchEmpty, RenderSearchSelect, RenderLike, RenderTree, RenderTagTree, RenderTTable };

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

@@ -0,0 +1,39 @@
+import type { IPagination, IPaginationParam, IPaginationParamApi, ISortParam, ITTableSort } from '@/types/common';
+import { OrderMethod } from '@/types/enum';
+interface IPaginatedApiResult<T> extends IPaginationParamApi {
+    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;
+        };
+    }) => void;
+    triggerApi: () => 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,86 @@
+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 = ()=>{
+        if (!callBack) {
+            console.error('先调用initHook初始化回调函数');
+            return;
+        }
+        isLoading.value = true;
+        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

@@ -8,3 +8,4 @@ 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';

package/dist/hooks.ts.js

@@ -8,3 +8,4 @@ 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';

package/dist/http/helper/dataset.ts.js

@@ -172,6 +172,7 @@ import { transferResourcePermission } from './permission.ts.js';
     return _object_spread_props(_object_spread({}, transferIPaginationParamToIPaginationParamApi(data), transferISortParamToISortParamApi(data)), {
         company_name: data === null || data === void 0 ? void 0 : data.companyName,
         dataset_name: data === null || data === void 0 ? void 0 : data.datasetName,
+        dataset_code: data === null || data === void 0 ? void 0 : data.datasetCode,
         type: data === null || data === void 0 ? void 0 : data.type,
         component_ids: data === null || data === void 0 ? void 0 : data.componentIds,
         created_by: data === null || data === void 0 ? void 0 : data.createdBy,
@@ -180,7 +181,8 @@ import { transferResourcePermission } from './permission.ts.js';
         tag_name: data === null || data === void 0 ? void 0 : data.tagName,
         group_type: data === null || data === void 0 ? void 0 : data.groupType,
         tag_id: data === null || data === void 0 ? void 0 : data.tagId,
-        source_type: data === null || data === void 0 ? void 0 : data.sourceType
+        source_type: data === null || data === void 0 ? void 0 : data.sourceType,
+        updated_by: data === null || data === void 0 ? void 0 : data.updatedBy
     });
 };
 /**

package/dist/types/common.d.ts

@@ -1,3 +1,4 @@
+import type { PrimaryTableCol } from 'tdesign-vue-next';
 import { OrderMethod } from './enum';
 export interface ITab {
     id?: string | number;
@@ -5,6 +6,22 @@ export interface ITab {
     number?: number;
     children?: ITab[];
 }
+export interface IPagination {
+    current: number;
+    limit: number;
+    count: number;
+}
+export interface ITTableSort {
+    descending?: OrderMethod;
+    sortKey?: string;
+}
+export interface ITTableCol<T> extends Omit<PrimaryTableCol<T>, 'type' | 'align' | 'fixed' | 'sortKey'> {
+    defaultShow?: boolean;
+    sortKey?: string;
+    type?: string;
+    fixed?: string;
+    align?: string;
+}
 export interface IPaginationParam {
     page?: number;
     pageSize?: number;

package/dist/types/dataset.d.ts

@@ -64,6 +64,7 @@ export interface IDatasetListParam extends IPaginationParam, ISortParam {
     groupType?: GroupType;
     tagId?: number;
     sourceType?: DatasetDataSourceType;
+    updatedBy?: string;
 }
 export interface IDatasetListParamApi extends IPaginationParamApi, ISortParamApi {
     component_ids?: string;
@@ -79,6 +80,7 @@ export interface IDatasetListParamApi extends IPaginationParamApi, ISortParamApi
     group_type?: GroupType;
     tag_id?: number;
     source_type?: DatasetDataSourceType;
+    updated_by?: string;
 }
 export interface IDatasetApiGuideApi {
     api_endpoint: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueking/ai-ui-sdk",
-  "version": "0.1.19-beta.13",
+  "version": "0.1.19-beta.15",
   "description": "蓝鲸AI UI SDK",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -71,6 +71,7 @@
   "license": "ISC",
   "peerDependencies": {
     "bkui-vue": "*",
+    "tdesign-vue-next": "^1.16.0",
     "dayjs": "^1.11.13",
     "vue": "^3.5.13",
     "vue-router": "^4.5.1",