@blueking/ai-ui-sdk 0.1.19-beta.16 → 0.1.19-beta.18

package/dist/components/render-dataset-detail-origin-data/components/table/index.script.vue.js

@@ -25,14 +25,8 @@ var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, gener
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { defineComponent as _defineComponent, createVNode as _createVNode2, resolveComponent as _resolveComponent2 } from 'vue';
-import { unref as _unref, createVNode as _createVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, createElementVNode as _createElementVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives } from "vue";
-const _hoisted_1 = [
-    "onClick"
-];
-const _hoisted_2 = [
-    "onClick"
-];
+import { defineComponent as _defineComponent, createVNode as _createVNode2, resolveComponent as _resolveComponent, Fragment as _Fragment2, createTextVNode as _createTextVNode } from 'vue';
+import { unref as _unref, createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 import { ref, toRef, watch } from 'vue';
 import RenderCheckbox from '../../../render-checkbox/index.vue.js';
 import DatasetDataLevel from '../../../render-dataset/components/dataset-data-level/index.vue.js';
@@ -40,9 +34,10 @@ import DatasetDataStatus from '../../../render-dataset/components/dataset-data-s
 import EditDatasetData from '../../../render-dataset/components/edit-dataset-data/index.vue.js';
 import OperationRecord from '../../../render-dataset/components/operation-record/index.vue.js';
 import ReviewDatasetData from '../../../render-dataset/components/review-dataset-data/index.vue.js';
+import RenderTTable from '../../../render-t-table/index.vue.js';
+import { useTTable } from '../../../../hooks.ts.js';
 import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
 import { usePermission } from '../../../../hooks/use-permission.ts.js';
-import useTable from '../../../../hooks/use-table.ts.js';
 import { DatasetDataReviewStatus, DatasetDataSourceType, ResourcePermissionAction } from '../../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
@@ -64,13 +59,15 @@ export default /*@__PURE__*/ _defineComponent({
     },
     emits: [
         "update:selectedDatasetDataIds",
-        "update"
+        "update",
+        "update:search"
     ],
     setup (__props, { expose: __expose, emit: __emit }) {
         const props = __props;
         const emits = __emit;
         const { getDatasetDataIds, getDatasetDataList, deleteDatasetData, batchRetryReviewDatasetData } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
         const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
+        const { isLoading, triggerApi, pagination, tableData, initHook, resetPagination, handleSortChange, handlePageChange, handlePageSizeChange } = useTTable();
         const isShowEditDatasetData = ref(false);
         const isShowOperationRecord = ref(false);
         const isShowReviewDatasetData = ref(false);
@@ -84,54 +81,219 @@ export default /*@__PURE__*/ _defineComponent({
             [DatasetDataSourceType.KnowledgebaseImport]: '知识库导入',
             [DatasetDataSourceType.ManualImport]: '手动录入'
         };
-        const settings = {
-            fields: [
+        const getColumns = ()=>[
                 {
-                    label: 'ID',
-                    field: 'id'
+                    colKey: 'selection',
+                    defaultShow: true,
+                    ellipsis: true,
+                    title: getSelectionLabel,
+                    fixed: 'left',
+                    align: 'center',
+                    width: '80',
+                    cell: (h, { row })=>_createVNode2(RenderCheckbox, {
+                            "checked": isDatasetDataSelected(row),
+                            "onChange": (checked)=>handleSelect(row, checked)
+                        }, null)
                 },
                 {
-                    label: '审核状态',
-                    field: 'status'
+                    colKey: 'id',
+                    ellipsis: true,
+                    defaultShow: true,
+                    title: 'ID',
+                    cell: (h, { row, rowIndex })=>_createVNode2(_resolveComponent("bk-button"), {
+                            "text": true,
+                            "theme": "primary",
+                            "onClick": ()=>handleShowEditDatasetData(row, rowIndex)
+                        }, {
+                            default: ()=>[
+                                    row.id
+                                ]
+                        })
                 },
                 {
-                    label: '质量等级',
-                    field: 'level'
+                    colKey: 'status',
+                    ellipsis: true,
+                    title: '审核状态',
+                    defaultShow: true,
+                    cell: (h, { row })=>_createVNode2(DatasetDataStatus, {
+                            "status": props.reviewDataset ? row.reviewStatus : row.status,
+                            "name": props.reviewDataset ? row.reviewStatusName : row.statusName
+                        }, null)
+                },
+                {
+                    colKey: 'level',
+                    ellipsis: true,
+                    title: '质量等级',
+                    defaultShow: true,
+                    cell: (h, { row })=>_createVNode2(DatasetDataLevel, {
+                            "level": props.reviewDataset ? row.reviewLevel : row.level,
+                            "reviewReason": row.reviewReason
+                        }, null)
                 },
                 ...Object.keys(props.schema).map((key)=>({
-                        label: key,
-                        field: key
+                        colKey: key,
+                        title: key,
+                        defaultShow: true,
+                        ellipsis: {
+                            theme: 'light',
+                            placement: 'left',
+                            className: 'g-white-space-pre-line g-max-height-80vh g-scrollbar-page'
+                        },
+                        cell: (h, { row })=>{
+                            var _a;
+                            return ((_a = row.data) === null || _a === void 0 ? void 0 : _a[key]) || '--';
+                        }
                     })),
                 {
-                    label: '数据来源',
-                    field: 'sourceType'
+                    colKey: 'sourceType',
+                    ellipsis: true,
+                    defaultShow: true,
+                    title: '数据来源',
+                    cell: (h, { row })=>dataSourceMap[row.sourceType] || '--'
+                },
+                {
+                    colKey: 'updatedAt',
+                    ellipsis: true,
+                    defaultShow: true,
+                    title: '更新时间',
+                    sorter: true,
+                    width: 140,
+                    sortKey: 'updated_at'
                 },
                 {
-                    label: '更新时间',
-                    field: 'updated_at'
+                    colKey: 'updatedBy',
+                    ellipsis: true,
+                    title: '更新人'
                 },
                 {
-                    label: '更新人',
-                    field: 'updatedBy'
+                    colKey: 'createdAt',
+                    ellipsis: true,
+                    title: '创建时间',
+                    sorter: true,
+                    sortKey: 'created_at',
+                    width: 140
                 },
                 {
-                    label: '创建时间',
-                    field: 'created_at'
+                    colKey: 'createdBy',
+                    ellipsis: true,
+                    title: '创建人',
+                    sortKey: 'created_at'
                 },
                 {
-                    label: '创建人',
-                    field: 'createdBy'
+                    colKey: 'operations',
+                    ellipsis: true,
+                    title: '操作',
+                    fixed: 'right',
+                    width: '250',
+                    cell: (h, { row, rowIndex })=>_createVNode2(_Fragment2, null, [
+                            _createVNode2(_resolveComponent("bk-button"), {
+                                "class": {
+                                    'g-disabled': !handleCalcHasManagePermission()
+                                },
+                                "text": true,
+                                "theme": "primary",
+                                "onMouseenter": ()=>handleMouseEnter(handleCalcHasManagePermission()),
+                                "onMousemove": (event)=>handleMouseMove(event, handleCalcHasManagePermission()),
+                                "onMouseleave": handleMouseLeave,
+                                "onClick": ()=>handlePermissionMouseClick(row, ()=>handleShowEditDatasetData(row, rowIndex))
+                            }, {
+                                default: ()=>[
+                                        _createTextVNode("\u7F16\u8F91")
+                                    ]
+                            }),
+                            props.reviewDataset && props.isInternal && row.reviewStatus !== DatasetDataReviewStatus.AIReviewing && _createVNode2(_resolveComponent("bk-button"), {
+                                "class": "g-ml-10",
+                                "text": true,
+                                "theme": "primary",
+                                "onClick": ()=>handleReviewDatasetData(rowIndex)
+                            }, {
+                                default: ()=>[
+                                        _createTextVNode("\u4EBA\u5DE5\u5BA1\u6838")
+                                    ]
+                            }),
+                            props.reviewDataset && props.isInternal && row.reviewStatus === DatasetDataReviewStatus.AIReviewFailed && _createVNode2(_resolveComponent("bk-button"), {
+                                "class": "g-ml-10",
+                                "text": true,
+                                "theme": "primary",
+                                "onClick": ()=>handleRetryReviewDatasetData(row)
+                            }, {
+                                default: ()=>[
+                                        _createTextVNode("\u91CD\u8BD5")
+                                    ]
+                            }),
+                            _createVNode2(_resolveComponent("bk-popover"), {
+                                "placement": "bottom-start",
+                                "theme": "light",
+                                "extCls": "empty-padding",
+                                "hideIgnoreReference": true,
+                                "ref": (el)=>popoverRef.value[row.id] = el,
+                                "arrow": false,
+                                "content": _createVNode2("ul", {
+                                    "class": [
+                                        'g-more-menu',
+                                        `dataset-data-origin-table-${row.id}`
+                                    ]
+                                }, [
+                                    _createVNode2("li", {
+                                        "onClick": ()=>handleHidePopover(row)
+                                    }, [
+                                        _createVNode2(_resolveComponent("bk-button"), {
+                                            "text": true,
+                                            "class": {
+                                                'g-disabled': !handleCalcHasManagePermission()
+                                            },
+                                            "onMouseenter": ()=>handleMouseEnter(handleCalcHasManagePermission()),
+                                            "onMousemove": (event)=>handleMouseMove(event, handleCalcHasManagePermission()),
+                                            "onMouseleave": handleMouseLeave,
+                                            "onClick": ()=>handlePermissionMouseClick(row, ()=>handleShowOperationRecord(row))
+                                        }, {
+                                            default: ()=>[
+                                                    _createTextVNode("\u64CD\u4F5C\u8BB0\u5F55")
+                                                ]
+                                        })
+                                    ]),
+                                    _createVNode2(_resolveComponent("bk-pop-confirm"), {
+                                        "trigger": "manual",
+                                        "title": "\u786E\u8BA4\u5220\u9664\uFF1F",
+                                        "content": "\u5220\u9664\u64CD\u4F5C\u65E0\u6CD5\u64A4\u56DE\uFF0C\u8BF7\u8C28\u614E\u64CD\u4F5C\uFF01",
+                                        "placement": "left",
+                                        "extCls": "g-confirm-delete",
+                                        "width": 280,
+                                        "boundary": `.dataset-data-origin-table-${row.id}`,
+                                        "ref": (el)=>deleteRef.value[row.id] = el,
+                                        "onConfirm": ()=>handleDeleteDatasetData(row)
+                                    }, {
+                                        default: ()=>[
+                                                _createVNode2("li", {
+                                                    "class": {
+                                                        'g-disabled': !handleCalcHasManagePermission()
+                                                    },
+                                                    "onMouseenter": ()=>handleMouseEnter(handleCalcHasManagePermission()),
+                                                    "onMousemove": (event)=>handleMouseMove(event, handleCalcHasManagePermission()),
+                                                    "onMouseleave": handleMouseLeave,
+                                                    "onClick": ()=>handlePermissionMouseClick(row, ()=>handleShowDelete(row))
+                                                }, [
+                                                    _createTextVNode("\u5220\u9664")
+                                                ])
+                                            ]
+                                    })
+                                ])
+                            }, {
+                                default: ()=>[
+                                        _createVNode2("i", {
+                                            "class": [
+                                                'ai-ui-sdk-icon ai-ui-sdk-gengduo-2',
+                                                'g-text-16 g-p-2 g-ml-12 g-text-blue g-cursor-pointer',
+                                                'g-hover-bg-light-gray g-hover-round'
+                                            ]
+                                        }, null)
+                                    ]
+                            })
+                        ])
                 }
-            ],
-            checked: [
-                'id',
-                'status',
-                'level',
-                ...Object.keys(props.schema),
-                'sourceType',
-                'updated_at'
-            ],
-            trigger: 'manual'
+            ];
+        const handleUpdateSearch = (search)=>{
+            emits('update:search', search);
         };
         const handleCalcHasManagePermission = ()=>{
             return !props.isInternal || props.manageDataset;
@@ -173,13 +335,6 @@ export default /*@__PURE__*/ _defineComponent({
         const handleShowDelete = (row)=>{
             deleteRef.value[row.id].popoverRef.show();
         };
-        const getTooltipContent = (column, row)=>{
-            return _createVNode2("section", {
-                "class": "g-white-space-pre-line g-max-height-80vh g-scrollbar-page"
-            }, [
-                row.data[column.prop]
-            ]);
-        };
         const handleDeleteDatasetData = (row)=>{
             handleHidePopover(row);
             deleteDatasetData(row.id).then(handleUpdate);
@@ -194,7 +349,7 @@ export default /*@__PURE__*/ _defineComponent({
             const indeterminate = !checked && tableData.value.some((item)=>isDatasetDataSelected(item));
             // 是否选择了全部数据
             const isAllChecked = props.selectedDatasetDataIds.length >= pagination.value.count;
-            return _createVNode2(_resolveComponent2("bk-dropdown"), {
+            return _createVNode2(_resolveComponent("bk-dropdown"), {
                 "popoverOptions": {
                     hideIgnoreReference: true
                 },
@@ -204,16 +359,16 @@ export default /*@__PURE__*/ _defineComponent({
                         "checked": checked,
                         "indeterminate": indeterminate
                     }, null),
-                content: ()=>_createVNode2(_resolveComponent2("bk-dropdown-menu"), null, {
+                content: ()=>_createVNode2(_resolveComponent("bk-dropdown-menu"), null, {
                         default: ()=>[
-                                _createVNode2(_resolveComponent2("bk-dropdown-item"), {
+                                _createVNode2(_resolveComponent("bk-dropdown-item"), {
                                     "onClick": ()=>handleSelectPageAll(!checked)
                                 }, {
                                     default: ()=>[
                                             checked ? '取消选择本页' : '选择本页'
                                         ]
                                 }),
-                                _createVNode2(_resolveComponent2("bk-dropdown-item"), {
+                                _createVNode2(_resolveComponent("bk-dropdown-item"), {
                                     "onClick": ()=>handleSelectAll(!isAllChecked)
                                 }, {
                                     default: ()=>[
@@ -268,13 +423,9 @@ export default /*@__PURE__*/ _defineComponent({
                 datasetId: props.datasetId
             }, props.search), params));
         };
-        const { tableData, pagination, isLoading, handleSort, handlePageChange, handlePageSizeChange, resetPagination, triggerApi } = useTable(handleGetDatasetDataList, 'results', {
-            current: 1,
-            limit: 20,
-            count: 0
-        });
         watch(()=>props.search, ()=>{
             clearSelected();
+            initHook(handleGetDatasetDataList, true);
             resetPagination();
             triggerApi();
         }, {
@@ -286,343 +437,34 @@ export default /*@__PURE__*/ _defineComponent({
         });
         return (_ctx, _cache)=>{
             var _a;
-            const _component_bk_table_column = _resolveComponent("bk-table-column");
-            const _component_bk_button = _resolveComponent("bk-button");
-            const _component_bk_pop_confirm = _resolveComponent("bk-pop-confirm");
-            const _component_bk_popover = _resolveComponent("bk-popover");
-            const _component_bk_table = _resolveComponent("bk-table");
-            const _directive_bkloading = _resolveDirective("bkloading");
             return _openBlock(), _createElementBlock(_Fragment, null, [
-                _withDirectives((_openBlock(), _createBlock(_component_bk_table, {
+                _createVNode(RenderTTable, {
+                    "row-key": "id",
                     class: "g-white-footer-table g-gray-header-table",
-                    "max-height": "calc(100% - 48px)",
-                    "empty-cell-text": "--",
-                    "show-overflow-tooltip": "",
-                    "remote-pagination": "",
-                    settings: settings,
+                    "container-height": "calc(100% - 108px)",
+                    "row-height": "g-height-56",
+                    search: _ctx.search,
                     pagination: _unref(pagination),
-                    data: _unref(tableData),
-                    "row-height": 56,
-                    onPageLimitChange: _unref(handlePageSizeChange),
-                    onPageValueChange: _unref(handlePageChange),
-                    onColumnSort: _unref(handleSort)
-                }, {
-                    default: _withCtx(()=>[
-                            _createVNode(_component_bk_table_column, {
-                                label: getSelectionLabel,
-                                fixed: "left",
-                                width: "60",
-                                align: "center"
-                            }, {
-                                default: _withCtx(({ row })=>[
-                                        _createVNode(RenderCheckbox, {
-                                            checked: isDatasetDataSelected(row),
-                                            onChange: (checked)=>handleSelect(row, checked)
-                                        }, null, 8 /* PROPS */ , [
-                                            "checked",
-                                            "onChange"
-                                        ])
-                                    ]),
-                                _: 1 /* STABLE */ 
-                            }),
-                            _createVNode(_component_bk_table_column, {
-                                label: "ID",
-                                field: "id",
-                                width: "80"
-                            }, {
-                                default: _withCtx(({ row, index })=>[
-                                        _createVNode(_component_bk_button, {
-                                            text: "",
-                                            theme: "primary",
-                                            onClick: ($event)=>handleShowEditDatasetData(row, index)
-                                        }, {
-                                            default: _withCtx(()=>[
-                                                    _createTextVNode(_toDisplayString(row.id), 1 /* TEXT */ )
-                                                ]),
-                                            _: 2 /* DYNAMIC */ 
-                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
-                                            "onClick"
-                                        ])
-                                    ]),
-                                _: 1 /* STABLE */ 
-                            }),
-                            _createVNode(_component_bk_table_column, {
-                                label: "审核状态",
-                                field: "status",
-                                width: "120"
-                            }, {
-                                default: _withCtx(({ row })=>[
-                                        _ctx.reviewDataset ? (_openBlock(), _createBlock(DatasetDataStatus, {
-                                            key: 0,
-                                            status: row.reviewStatus,
-                                            name: row.reviewStatusName
-                                        }, null, 8 /* PROPS */ , [
-                                            "status",
-                                            "name"
-                                        ])) : (_openBlock(), _createBlock(DatasetDataStatus, {
-                                            key: 1,
-                                            status: row.status,
-                                            name: row.statusName
-                                        }, null, 8 /* PROPS */ , [
-                                            "status",
-                                            "name"
-                                        ]))
-                                    ]),
-                                _: 1 /* STABLE */ 
-                            }),
-                            _createVNode(_component_bk_table_column, {
-                                label: "质量等级",
-                                field: "level",
-                                width: "100"
-                            }, {
-                                default: _withCtx(({ row })=>[
-                                        _createVNode(DatasetDataLevel, {
-                                            level: _ctx.reviewDataset ? row.reviewLevel : row.level,
-                                            "review-reason": row.reviewReason
-                                        }, null, 8 /* PROPS */ , [
-                                            "level",
-                                            "review-reason"
-                                        ])
-                                    ]),
-                                _: 1 /* STABLE */ 
-                            }),
-                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(Object.keys(_ctx.schema), (key)=>{
-                                return _openBlock(), _createBlock(_component_bk_table_column, {
-                                    key: key,
-                                    prop: key,
-                                    label: key,
-                                    "show-overflow-tooltip": {
-                                        content: getTooltipContent,
-                                        popoverOption: {
-                                            maxWidth: 400,
-                                            placement: 'left',
-                                            theme: 'light'
-                                        }
-                                    }
-                                }, {
-                                    default: _withCtx(({ row })=>[
-                                            _createTextVNode(_toDisplayString(row.data[key]), 1 /* TEXT */ )
-                                        ]),
-                                    _: 2 /* DYNAMIC */ 
-                                }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
-                                    "prop",
-                                    "label",
-                                    "show-overflow-tooltip"
-                                ]);
-                            }), 128 /* KEYED_FRAGMENT */ )),
-                            _createVNode(_component_bk_table_column, {
-                                label: "数据来源",
-                                field: "sourceType",
-                                width: "100"
-                            }, {
-                                default: _withCtx(({ row })=>[
-                                        _createTextVNode(_toDisplayString(dataSourceMap[row.sourceType] || '--'), 1 /* TEXT */ )
-                                    ]),
-                                _: 1 /* STABLE */ 
-                            }),
-                            _createVNode(_component_bk_table_column, {
-                                label: "更新时间",
-                                field: "updated_at",
-                                "min-width": "180",
-                                sort: true
-                            }, {
-                                default: _withCtx(({ row })=>[
-                                        _createTextVNode(_toDisplayString(row.updatedAt), 1 /* TEXT */ )
-                                    ]),
-                                _: 1 /* STABLE */ 
-                            }),
-                            _createVNode(_component_bk_table_column, {
-                                label: "更新人",
-                                field: "updatedBy",
-                                "min-width": "180"
-                            }),
-                            _createVNode(_component_bk_table_column, {
-                                label: "创建时间",
-                                field: "created_at",
-                                "min-width": "180",
-                                sort: true
-                            }, {
-                                default: _withCtx(({ row })=>[
-                                        _createTextVNode(_toDisplayString(row.createdAt), 1 /* TEXT */ )
-                                    ]),
-                                _: 1 /* STABLE */ 
-                            }),
-                            _createVNode(_component_bk_table_column, {
-                                label: "创建人",
-                                field: "createdBy",
-                                "min-width": "180"
-                            }),
-                            _createVNode(_component_bk_table_column, {
-                                label: "操作",
-                                fixed: "right",
-                                width: "250"
-                            }, {
-                                default: _withCtx(({ row, index })=>[
-                                        _createVNode(_component_bk_button, {
-                                            class: _normalizeClass({
-                                                'g-disabled': !handleCalcHasManagePermission()
-                                            }),
-                                            text: "",
-                                            theme: "primary",
-                                            onMouseenter: _cache[0] || (_cache[0] = ($event)=>_unref(handleMouseEnter)(handleCalcHasManagePermission())),
-                                            onMousemove: _cache[1] || (_cache[1] = (event)=>_unref(handleMouseMove)(event, handleCalcHasManagePermission())),
-                                            onMouseleave: _unref(handleMouseLeave),
-                                            onClick: ($event)=>handlePermissionMouseClick(row, ()=>handleShowEditDatasetData(row, index))
-                                        }, {
-                                            default: _withCtx(()=>_cache[10] || (_cache[10] = [
-                                                    _createTextVNode(" 编辑 ")
-                                                ])),
-                                            _: 2 /* DYNAMIC */ ,
-                                            __: [
-                                                10
-                                            ]
-                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
-                                            "class",
-                                            "onMouseleave",
-                                            "onClick"
-                                        ]),
-                                        _ctx.reviewDataset && _ctx.isInternal && row.reviewStatus !== _unref(DatasetDataReviewStatus).AIReviewing ? (_openBlock(), _createBlock(_component_bk_button, {
-                                            key: 0,
-                                            class: "g-ml-10",
-                                            text: "",
-                                            theme: "primary",
-                                            onClick: ($event)=>handleReviewDatasetData(index)
-                                        }, {
-                                            default: _withCtx(()=>_cache[11] || (_cache[11] = [
-                                                    _createTextVNode(" 人工审核 ")
-                                                ])),
-                                            _: 2 /* DYNAMIC */ ,
-                                            __: [
-                                                11
-                                            ]
-                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
-                                            "onClick"
-                                        ])) : _createCommentVNode("v-if", true),
-                                        _ctx.reviewDataset && _ctx.isInternal && row.reviewStatus === _unref(DatasetDataReviewStatus).AIReviewFailed ? (_openBlock(), _createBlock(_component_bk_button, {
-                                            key: 1,
-                                            class: "g-ml-10",
-                                            text: "",
-                                            theme: "primary",
-                                            onClick: ($event)=>handleRetryReviewDatasetData(row)
-                                        }, {
-                                            default: _withCtx(()=>_cache[12] || (_cache[12] = [
-                                                    _createTextVNode(" 重试 ")
-                                                ])),
-                                            _: 2 /* DYNAMIC */ ,
-                                            __: [
-                                                12
-                                            ]
-                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
-                                            "onClick"
-                                        ])) : _createCommentVNode("v-if", true),
-                                        _createVNode(_component_bk_popover, {
-                                            placement: "bottom-start",
-                                            theme: "light",
-                                            "ext-cls": "empty-padding",
-                                            "hide-ignore-reference": true,
-                                            ref: (el)=>popoverRef.value[row.id] = el,
-                                            arrow: false
-                                        }, {
-                                            content: _withCtx(()=>[
-                                                    _createElementVNode("ul", {
-                                                        class: _normalizeClass([
-                                                            'g-more-menu',
-                                                            `dataset-data-origin-table-${row.id}`
-                                                        ])
-                                                    }, [
-                                                        _createElementVNode("li", {
-                                                            onClick: ($event)=>handleHidePopover(row)
-                                                        }, [
-                                                            _createVNode(_component_bk_button, {
-                                                                text: "",
-                                                                class: _normalizeClass({
-                                                                    'g-disabled': !handleCalcHasManagePermission()
-                                                                }),
-                                                                onMouseenter: _cache[2] || (_cache[2] = ($event)=>_unref(handleMouseEnter)(handleCalcHasManagePermission())),
-                                                                onMousemove: _cache[3] || (_cache[3] = (event)=>_unref(handleMouseMove)(event, handleCalcHasManagePermission())),
-                                                                onMouseleave: _unref(handleMouseLeave),
-                                                                onClick: ($event)=>handlePermissionMouseClick(row, ()=>handleShowOperationRecord(row))
-                                                            }, {
-                                                                default: _withCtx(()=>_cache[13] || (_cache[13] = [
-                                                                        _createTextVNode(" 操作记录 ")
-                                                                    ])),
-                                                                _: 2 /* DYNAMIC */ ,
-                                                                __: [
-                                                                    13
-                                                                ]
-                                                            }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
-                                                                "class",
-                                                                "onMouseleave",
-                                                                "onClick"
-                                                            ])
-                                                        ], 8 /* PROPS */ , _hoisted_1),
-                                                        _createVNode(_component_bk_pop_confirm, {
-                                                            trigger: "manual",
-                                                            title: "确认删除？",
-                                                            content: "删除操作无法撤回，请谨慎操作！",
-                                                            placement: "left",
-                                                            "ext-cls": "g-confirm-delete",
-                                                            width: "280",
-                                                            boundary: `.dataset-data-origin-table-${row.id}`,
-                                                            ref: (el)=>deleteRef.value[row.id] = el,
-                                                            onConfirm: ($event)=>handleDeleteDatasetData(row)
-                                                        }, {
-                                                            default: _withCtx(()=>[
-                                                                    _createElementVNode("li", {
-                                                                        class: _normalizeClass({
-                                                                            'g-disabled': !handleCalcHasManagePermission()
-                                                                        }),
-                                                                        onMouseenter: _cache[4] || (_cache[4] = ($event)=>_unref(handleMouseEnter)(handleCalcHasManagePermission())),
-                                                                        onMousemove: _cache[5] || (_cache[5] = (event)=>_unref(handleMouseMove)(event, handleCalcHasManagePermission())),
-                                                                        onMouseleave: _cache[6] || (_cache[6] = //@ts-ignore
-                                                                        (...args)=>_unref(handleMouseLeave) && _unref(handleMouseLeave)(...args)),
-                                                                        onClick: ($event)=>handlePermissionMouseClick(row, ()=>handleShowDelete(row))
-                                                                    }, " 删除 ", 42 /* CLASS, PROPS, NEED_HYDRATION */ , _hoisted_2)
-                                                                ]),
-                                                            _: 2 /* DYNAMIC */ 
-                                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
-                                                            "boundary",
-                                                            "onConfirm"
-                                                        ])
-                                                    ], 2 /* CLASS */ )
-                                                ]),
-                                            default: _withCtx(()=>[
-                                                    _cache[14] || (_cache[14] = _createElementVNode("i", {
-                                                        class: _normalizeClass([
-                                                            'ai-ui-sdk-icon ai-ui-sdk-gengduo-2',
-                                                            'g-text-16 g-p-2 g-ml-12 g-text-blue g-cursor-pointer',
-                                                            'g-hover-bg-light-gray g-hover-round'
-                                                        ])
-                                                    }, null, -1 /* HOISTED */ ))
-                                                ]),
-                                            _: 2 /* DYNAMIC */ ,
-                                            __: [
-                                                14
-                                            ]
-                                        }, 1536 /* NEED_PATCH, DYNAMIC_SLOTS */ )
-                                    ]),
-                                _: 1 /* STABLE */ 
-                            })
-                        ]),
-                    _: 1 /* STABLE */ 
-                }, 8 /* PROPS */ , [
+                    columns: getColumns(),
+                    "is-loading": _unref(isLoading),
+                    "table-data": _unref(tableData),
+                    onPageChange: _unref(handlePageChange),
+                    onPageSizeChange: _unref(handlePageSizeChange),
+                    onSortChange: _unref(handleSortChange),
+                    "onUpdate:search": handleUpdateSearch
+                }, null, 8 /* PROPS */ , [
+                    "search",
                     "pagination",
-                    "data",
-                    "onPageLimitChange",
-                    "onPageValueChange",
-                    "onColumnSort"
-                ])), [
-                    [
-                        _directive_bkloading,
-                        {
-                            loading: _unref(isLoading),
-                            zIndex: 2
-                        }
-                    ]
+                    "columns",
+                    "is-loading",
+                    "table-data",
+                    "onPageChange",
+                    "onPageSizeChange",
+                    "onSortChange"
                 ]),
                 _createVNode(OperationRecord, {
                     modelValue: isShowOperationRecord.value,
-                    "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event)=>isShowOperationRecord.value = $event),
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>isShowOperationRecord.value = $event),
                     "dataset-id": _ctx.datasetId,
                     "dataset-data-id": (_a = tempDatasetData.value) === null || _a === void 0 ? void 0 : _a.id,
                     "api-prefix": _ctx.apiPrefix,
@@ -636,7 +478,7 @@ export default /*@__PURE__*/ _defineComponent({
                 ]),
                 _createVNode(EditDatasetData, {
                     modelValue: isShowEditDatasetData.value,
-                    "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event)=>isShowEditDatasetData.value = $event),
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>isShowEditDatasetData.value = $event),
                     index: tempDatasetDataIndex.value,
                     "dataset-id": _ctx.datasetId,
                     search: _ctx.search,
@@ -659,7 +501,7 @@ export default /*@__PURE__*/ _defineComponent({
                 ]),
                 _createVNode(ReviewDatasetData, {
                     modelValue: isShowReviewDatasetData.value,
-                    "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event)=>isShowReviewDatasetData.value = $event),
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event)=>isShowReviewDatasetData.value = $event),
                     index: tempDatasetDataIndex.value,
                     "dataset-id": _ctx.datasetId,
                     search: _ctx.search,