@blueking/ai-ui-sdk 0.5.2-beta.5 → 0.6.0-beta.1

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

@@ -1,37 +1,4 @@
-"use strict";
-var _interopRequireDefault = require('../../../../../node_modules/@babel/runtime/helpers/interopRequireDefault.js');
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = void 0;
-require('../../../../../node_modules/regenerator-runtime/runtime.js');
-var _vue = require("vue");
-var _toConsumableArray2 = _interopRequireDefault(require('../../../../../node_modules/@babel/runtime/helpers/toConsumableArray.js'));
-var _defineProperty2 = _interopRequireDefault(require('../../../../../node_modules/@babel/runtime/helpers/defineProperty.js'));
-require('../../../../../node_modules/core-js/modules/es.array.concat.js');
-require('../../../../../node_modules/core-js/modules/es.array.filter.js');
-require('../../../../../node_modules/core-js/modules/es.array.map.js');
-require('../../../../../node_modules/core-js/modules/es.object.assign.js');
-require('../../../../../node_modules/core-js/modules/es.object.keys.js');
-require('../../../../../node_modules/core-js/modules/es.object.to-string.js');
-require('../../../../../node_modules/core-js/modules/es.promise.js');
-require('../../../../../node_modules/core-js/modules/es.regexp.exec.js');
-require('../../../../../node_modules/core-js/modules/es.string.search.js');
-require('../../../../../node_modules/core-js/modules/web.dom-collections.for-each.js');
-var _index = _interopRequireDefault(require('../../../render-checkbox/index.vue.js'));
-var _index2 = _interopRequireDefault(require('../../../render-dataset/components/dataset-data-level/index.vue.js'));
-var _index3 = _interopRequireDefault(require('../../../render-dataset/components/dataset-data-status/index.vue.js'));
-var _index4 = _interopRequireDefault(require('../../../render-dataset/components/dataset-data-valid/index.vue.js'));
-var _index5 = _interopRequireDefault(require('../../../render-dataset/components/edit-dataset-data/index.vue.js'));
-var _index6 = _interopRequireDefault(require('../../../render-dataset/components/operation-record/index.vue.js'));
-var _index7 = _interopRequireDefault(require('../../../render-dataset/components/review-dataset-data/index.vue.js'));
-var _index8 = _interopRequireDefault(require('../../../render-dropdown/index.vue.js'));
-var _index9 = _interopRequireDefault(require('../../../render-t-table/index.vue.js'));
-var _useDatasetHttp2 = require('../../../../hooks/use-dataset-http.ts.js');
-var _usePermission2 = require('../../../../hooks/use-permission.ts.js');
-var _useTTable2 = require('../../../../hooks/use-t-table.ts.js');
-var _enum = require('../../../../types/enum.ts.js');
-var __awaiter = (void 0) && (void 0).__awaiter || function(thisArg, _arguments, P, generator) {
+var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
     function adopt(value) {
         return value instanceof P ? value : new P(function(resolve) {
             resolve(value);
@@ -58,7 +25,27 @@ var __awaiter = (void 0) && (void 0).__awaiter || function(thisArg, _arguments,
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+import { defineComponent as _defineComponent, createVNode as _createVNode2, resolveComponent as _resolveComponent, Fragment as _Fragment2, isVNode as _isVNode } from 'vue';
+import { unref as _unref, createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { computed, 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';
+import DatasetDataStatus from '../../../render-dataset/components/dataset-data-status/index.vue.js';
+import DatasetDataValid from '../../../render-dataset/components/dataset-data-valid/index.vue.js';
+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 RenderDropdown from '../../../render-dropdown/index.vue.js';
+import RenderTTable from '../../../render-t-table/index.vue.js';
+import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
+import { usePermission } from '../../../../hooks/use-permission.ts.js';
+import { useTTable } from '../../../../hooks/use-t-table.ts.js';
+import { t } from '../../../../i18n/index.ts.js';
+import { DatasetDataReviewStatus, DatasetDataSourceType, ResourcePermissionAction, TTableColumnAlign, TTableColumnFixed } from '../../../../types/enum.ts.js';
+function _isSlot(s) {
+    return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
+}
+export default /*@__PURE__*/ _defineComponent({
     props: {
         apiPrefix: {},
         datasetId: {},
@@ -81,100 +68,77 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
         "update",
         "update:search"
     ],
-    setup: function setup(__props, _ref) {
-        var _this = this;
-        var __expose = _ref.expose, __emit = _ref.emit;
-        var props = __props;
-        var emits = __emit;
-        var _useDatasetHttp = (0, _useDatasetHttp2.useDatasetHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getDatasetDataIds = _useDatasetHttp.getDatasetDataIds, getDatasetDataList = _useDatasetHttp.getDatasetDataList, deleteDatasetData = _useDatasetHttp.deleteDatasetData, batchRetryReviewDatasetData = _useDatasetHttp.batchRetryReviewDatasetData;
-        var _usePermission = (0, _usePermission2.usePermission)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId'), '#4d4f56'), handleMouseEnter = _usePermission.handleMouseEnter, handleMouseMove = _usePermission.handleMouseMove, handleMouseLeave = _usePermission.handleMouseLeave, handleMouseClick = _usePermission.handleMouseClick;
-        var _useTTable = (0, _useTTable2.useTTable)(), isLoading = _useTTable.isLoading, triggerApi = _useTTable.triggerApi, pagination = _useTTable.pagination, tableData = _useTTable.tableData, initHook = _useTTable.initHook, resetPagination = _useTTable.resetPagination, handleSortChange = _useTTable.handleSortChange, handlePageChange = _useTTable.handlePageChange, handlePageSizeChange = _useTTable.handlePageSizeChange;
-        var isShowEditDatasetData = (0, _vue.ref)(false);
-        var isShowOperationRecord = (0, _vue.ref)(false);
-        var isShowReviewDatasetData = (0, _vue.ref)(false);
-        var tempDatasetData = (0, _vue.ref)();
-        var tempDatasetDataIndex = (0, _vue.ref)();
-        var deleteRef = (0, _vue.ref)({});
-        var popoverRef = (0, _vue.ref)({});
-        var dataSourceMap = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _enum.DatasetDataSourceType.UploadFile, '文件上传'), _enum.DatasetDataSourceType.ApiReport, 'API上报'), _enum.DatasetDataSourceType.KnowledgebaseImport, '知识库导入'), _enum.DatasetDataSourceType.ManualImport, '手动录入');
-        var getColumns = function getColumns() {
-            return [
+    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, pagination, tableData, orderBy, orderMethod, triggerApi, initHook, handleResetPagination, handleSortChange, handlePageChange } = useTTable();
+        const isShowEditDatasetData = ref(false);
+        const isShowOperationRecord = ref(false);
+        const isShowReviewDatasetData = ref(false);
+        const tempDatasetData = ref();
+        const tempDatasetDataIndex = ref();
+        const deleteRef = ref({});
+        const popoverRef = ref({});
+        const dataSourceMap = {
+            [DatasetDataSourceType.UploadFile]: t('文件上传'),
+            [DatasetDataSourceType.ApiReport]: t('API上报'),
+            [DatasetDataSourceType.KnowledgebaseImport]: t('知识库导入'),
+            [DatasetDataSourceType.ManualImport]: t('手动录入')
+        };
+        const columns = computed(()=>[
                 {
                     colKey: 'checkbox',
-                    defaultShow: true,
                     ellipsis: true,
                     title: getSelectionLabel,
-                    fixed: 'left',
-                    align: 'center',
+                    fixed: TTableColumnFixed.Left,
+                    align: TTableColumnAlign.Center,
                     width: '80',
-                    cell: function cell(h, _ref2) {
-                        var row = _ref2.row;
-                        return (0, _vue.createVNode)(_index.default, {
+                    cell: (h, { row })=>_createVNode2(RenderCheckbox, {
                             "checked": isDatasetDataSelected(row),
-                            "onChange": function onChange(checked) {
-                                return handleSelect(row, checked);
-                            }
-                        }, null);
-                    }
+                            "onChange": (checked)=>handleSelect(row, checked)
+                        }, null)
                 },
                 {
                     colKey: 'id',
                     ellipsis: true,
-                    defaultShow: true,
-                    fixed: 'left',
+                    fixed: TTableColumnFixed.Left,
                     title: 'ID',
-                    cell: function cell(h, _ref3) {
-                        var row = _ref3.row, rowIndex = _ref3.rowIndex;
-                        return (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-button"), {
+                    cell: (h, { row, rowIndex })=>_createVNode2(_resolveComponent("bk-button"), {
                             "text": true,
                             "theme": "primary",
-                            "onClick": function onClick() {
-                                return handleShowEditDatasetData(row, rowIndex);
-                            }
+                            "onClick": ()=>handleShowEditDatasetData(row, rowIndex)
                         }, {
-                            default: function _default() {
-                                return [
+                            default: ()=>[
                                     row.id
-                                ];
-                            }
-                        });
-                    }
+                                ]
+                        })
                 },
                 {
                     colKey: 'status',
                     ellipsis: true,
-                    title: '审核状态',
-                    defaultShow: true,
+                    title: t('审核状态'),
                     width: 120,
-                    cell: function cell(h, _ref4) {
-                        var row = _ref4.row;
-                        return (0, _vue.createVNode)(_index3.default, {
+                    cell: (h, { row })=>_createVNode2(DatasetDataStatus, {
                             "status": props.reviewDataset ? row.reviewStatus : row.status,
                             "name": props.reviewDataset ? row.reviewStatusName : row.statusName
-                        }, null);
-                    }
+                        }, null)
                 },
                 {
                     colKey: 'level',
                     ellipsis: true,
-                    title: '质量等级',
-                    defaultShow: true,
-                    cell: function cell(h, _ref5) {
-                        var row = _ref5.row;
-                        return (0, _vue.createVNode)(_index2.default, {
+                    title: t('质量等级'),
+                    cell: (h, { row })=>_createVNode2(DatasetDataLevel, {
                             "level": props.reviewDataset ? row.reviewLevel : row.level,
                             "reviewReason": row.reviewReason
-                        }, null);
-                    }
+                        }, null)
                 },
                 {
                     colKey: 'isValid',
                     ellipsis: true,
-                    title: '有效性',
-                    defaultShow: true,
-                    cell: function cell(h, _ref6) {
-                        var row = _ref6.row;
-                        return (0, _vue.createVNode)(_index4.default, {
+                    title: t('有效性'),
+                    cell: (h, { row })=>_createVNode2(DatasetDataValid, {
                             "id": row.id,
                             "isValid": row.isValid,
                             "datasetId": props.datasetId,
@@ -183,55 +147,43 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                             "manageDataset": props.manageDataset,
                             "isInternal": props.isInternal,
                             "onUpdate": handleUpdate
-                        }, null);
-                    }
-                }
-            ].concat((0, _toConsumableArray2.default)(Object.keys(props.schema).map(function(key) {
-                return {
-                    colKey: key,
-                    title: key,
-                    defaultShow: true,
-                    ellipsis: false,
-                    cell: function cell(h, _ref7) {
-                        var row = _ref7.row;
-                        var _a, _b;
-                        return (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-popover"), {
-                            "arrow": false,
-                            "theme": "light",
-                            "placement": "left",
-                            "ext-cls": "g-max-w-400 g-whitespace-pre-line g-max-h-80vh g-scrollbar-page",
-                            "content": (0, _vue.createVNode)("section", null, [
-                                ((_a = row.data) === null || _a === void 0 ? void 0 : _a[key]) || '--'
-                            ])
-                        }, {
-                            default: function _default() {
-                                return [
-                                    (0, _vue.createVNode)("section", {
-                                        "class": "g-max-truncate"
-                                    }, [
-                                        ((_b = row.data) === null || _b === void 0 ? void 0 : _b[key]) || '--'
-                                    ])
-                                ];
-                            }
-                        });
-                    }
-                };
-            })), [
+                        }, null)
+                },
+                ...Object.keys(props.schema).map((key)=>({
+                        colKey: key,
+                        title: key,
+                        ellipsis: false,
+                        cell: (h, { row })=>{
+                            var _a, _b;
+                            return _createVNode2(_resolveComponent("bk-popover"), {
+                                "arrow": false,
+                                "theme": "light",
+                                "placement": "left",
+                                "ext-cls": "g-max-w-400 g-whitespace-pre-line g-max-h-80vh g-scrollbar-page",
+                                "content": _createVNode2("section", null, [
+                                    ((_a = row.data) === null || _a === void 0 ? void 0 : _a[key]) || '--'
+                                ])
+                            }, {
+                                default: ()=>[
+                                        _createVNode2("section", {
+                                            "class": "g-max-truncate"
+                                        }, [
+                                            ((_b = row.data) === null || _b === void 0 ? void 0 : _b[key]) || '--'
+                                        ])
+                                    ]
+                            });
+                        }
+                    })),
                 {
                     colKey: 'sourceType',
                     ellipsis: true,
-                    defaultShow: true,
-                    title: '数据来源',
-                    cell: function cell(h, _ref8) {
-                        var row = _ref8.row;
-                        return dataSourceMap[row.sourceType] || '--';
-                    }
+                    title: t('数据来源'),
+                    cell: (h, { row })=>dataSourceMap[row.sourceType] || '--'
                 },
                 {
                     colKey: 'updatedAt',
                     ellipsis: true,
-                    defaultShow: true,
-                    title: '更新时间',
+                    title: t('更新时间'),
                     sorter: true,
                     width: 140,
                     sortKey: 'updated_at'
@@ -239,18 +191,17 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                 {
                     colKey: 'updatedBy',
                     ellipsis: true,
-                    title: '更新人',
-                    cell: function cell(h, _ref9) {
-                        var row = _ref9.row;
-                        return (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-user-display-name"), {
+                    title: t('更新人'),
+                    cell: (h, { row })=>_createVNode2("bk-user-display-name", {
                             "user-id": row.updatedBy
-                        }, null);
-                    }
+                        }, null),
+                    defaultHide: true
                 },
                 {
                     colKey: 'createdAt',
                     ellipsis: true,
-                    title: '创建时间',
+                    title: t('创建时间'),
+                    defaultHide: true,
                     sorter: true,
                     sortKey: 'created_at',
                     width: 140
@@ -258,211 +209,159 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                 {
                     colKey: 'createdBy',
                     ellipsis: true,
-                    title: '创建人',
+                    title: t('创建人'),
+                    defaultHide: true,
                     sortKey: 'created_at',
-                    cell: function cell(h, _ref0) {
-                        var row = _ref0.row;
-                        return (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-user-display-name"), {
+                    cell: (h, { row })=>_createVNode2("bk-user-display-name", {
                             "user-id": row.createdBy
-                        }, null);
-                    }
+                        }, null)
                 },
                 {
                     colKey: 'operations',
                     ellipsis: true,
-                    defaultShow: true,
-                    title: '操作',
-                    fixed: 'right',
+                    isOperate: true,
+                    title: t('操作'),
+                    fixed: TTableColumnFixed.Right,
                     width: '250',
-                    cell: function cell(h, _ref1) {
-                        var row = _ref1.row, rowIndex = _ref1.rowIndex;
-                        return (0, _vue.createVNode)(_vue.Fragment, null, [
-                            (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-button"), {
+                    cell: (h, { row, rowIndex })=>{
+                        let _slot, _slot2, _slot3;
+                        return _createVNode2(_Fragment2, null, [
+                            _createVNode2(_resolveComponent("bk-button"), {
                                 "class": {
                                     '!g-disabled': !handleCalcHasManagePermission()
                                 },
                                 "text": true,
                                 "theme": "primary",
-                                "onMouseenter": function onMouseenter() {
-                                    return handleMouseEnter(handleCalcHasManagePermission());
-                                },
-                                "onMousemove": function onMousemove(event) {
-                                    return handleMouseMove(event, handleCalcHasManagePermission());
-                                },
+                                "onMouseenter": ()=>handleMouseEnter(handleCalcHasManagePermission()),
+                                "onMousemove": (event)=>handleMouseMove(event, handleCalcHasManagePermission()),
                                 "onMouseleave": handleMouseLeave,
-                                "onClick": function onClick() {
-                                    return handlePermissionMouseClick(row, function() {
-                                        return handleShowEditDatasetData(row, rowIndex);
-                                    });
-                                }
-                            }, {
-                                default: function _default() {
-                                    return [
-                                        (0, _vue.createTextVNode)("\u7F16\u8F91")
-                                    ];
-                                }
+                                "onClick": ()=>handlePermissionMouseClick(row, ()=>handleShowEditDatasetData(row, rowIndex))
+                            }, _isSlot(_slot = t('编辑')) ? _slot : {
+                                default: ()=>[
+                                        _slot
+                                    ]
                             }),
-                            props.reviewDataset && props.isInternal && row.reviewStatus !== _enum.DatasetDataReviewStatus.AIReviewing && (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-button"), {
+                            props.reviewDataset && props.isInternal && row.reviewStatus !== DatasetDataReviewStatus.AIReviewing && _createVNode2(_resolveComponent("bk-button"), {
                                 "class": "g-ml-10",
                                 "text": true,
                                 "theme": "primary",
-                                "onClick": function onClick() {
-                                    return handleReviewDatasetData(rowIndex);
-                                }
-                            }, {
-                                default: function _default() {
-                                    return [
-                                        (0, _vue.createTextVNode)("\u4EBA\u5DE5\u5BA1\u6838")
-                                    ];
-                                }
+                                "onClick": ()=>handleReviewDatasetData(rowIndex)
+                            }, _isSlot(_slot2 = t('人工审核')) ? _slot2 : {
+                                default: ()=>[
+                                        _slot2
+                                    ]
                             }),
-                            props.reviewDataset && props.isInternal && row.reviewStatus === _enum.DatasetDataReviewStatus.AIReviewFailed && (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-button"), {
+                            props.reviewDataset && props.isInternal && row.reviewStatus === DatasetDataReviewStatus.AIReviewFailed && _createVNode2(_resolveComponent("bk-button"), {
                                 "class": "g-ml-10",
                                 "text": true,
                                 "theme": "primary",
-                                "onClick": function onClick() {
-                                    return handleRetryReviewDatasetData(row);
-                                }
-                            }, {
-                                default: function _default() {
-                                    return [
-                                        (0, _vue.createTextVNode)("\u91CD\u8BD5")
-                                    ];
-                                }
+                                "onClick": ()=>handleRetryReviewDatasetData(row)
+                            }, _isSlot(_slot3 = t('重试')) ? _slot3 : {
+                                default: ()=>[
+                                        _slot3
+                                    ]
                             }),
-                            (0, _vue.createVNode)(_index8.default, {
+                            _createVNode2(RenderDropdown, {
                                 "placement": "bottom-start",
                                 "theme": "light",
-                                "ref": function ref(el) {
-                                    return popoverRef.value[row.id] = el;
-                                }
+                                "ref": (el)=>popoverRef.value[row.id] = el
                             }, {
-                                content: function content() {
-                                    return (0, _vue.createVNode)("ul", {
+                                content: ()=>{
+                                    let _slot4;
+                                    return _createVNode2("ul", {
                                         "class": [
                                             'g-more-menu',
-                                            "dataset-data-origin-table-".concat(row.id)
+                                            `dataset-data-origin-table-${row.id}`
                                         ]
                                     }, [
-                                        (0, _vue.createVNode)("li", {
-                                            "onClick": function onClick() {
-                                                return handleHidePopover(row);
-                                            }
+                                        _createVNode2("li", {
+                                            "onClick": ()=>handleHidePopover(row)
                                         }, [
-                                            (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-button"), {
+                                            _createVNode2(_resolveComponent("bk-button"), {
                                                 "text": true,
                                                 "class": {
                                                     '!g-disabled': !handleCalcHasManagePermission()
                                                 },
-                                                "onMouseenter": function onMouseenter() {
-                                                    return handleMouseEnter(handleCalcHasManagePermission());
-                                                },
-                                                "onMousemove": function onMousemove(event) {
-                                                    return handleMouseMove(event, handleCalcHasManagePermission());
-                                                },
+                                                "onMouseenter": ()=>handleMouseEnter(handleCalcHasManagePermission()),
+                                                "onMousemove": (event)=>handleMouseMove(event, handleCalcHasManagePermission()),
                                                 "onMouseleave": handleMouseLeave,
-                                                "onClick": function onClick() {
-                                                    return handlePermissionMouseClick(row, function() {
-                                                        return handleShowOperationRecord(row);
-                                                    });
-                                                }
-                                            }, {
-                                                default: function _default() {
-                                                    return [
-                                                        (0, _vue.createTextVNode)("\u64CD\u4F5C\u8BB0\u5F55")
-                                                    ];
-                                                }
+                                                "onClick": ()=>handlePermissionMouseClick(row, ()=>handleShowOperationRecord(row))
+                                            }, _isSlot(_slot4 = t('操作记录')) ? _slot4 : {
+                                                default: ()=>[
+                                                        _slot4
+                                                    ]
                                             })
                                         ]),
-                                        (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-pop-confirm"), {
+                                        _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",
+                                            "title": t('确认删除？'),
+                                            "content": t('删除操作无法撤回，请谨慎操作！'),
                                             "placement": "left",
                                             "extCls": "g-confirm-delete",
                                             "width": 280,
-                                            "boundary": ".dataset-data-origin-table-".concat(row.id),
-                                            "ref": function ref(el) {
-                                                return deleteRef.value[row.id] = el;
-                                            },
-                                            "onConfirm": function onConfirm() {
-                                                return handleDeleteDatasetData(row);
-                                            },
-                                            "onCancel": function onCancel() {
-                                                return handleHidePopover(row);
-                                            }
+                                            "boundary": `.dataset-data-origin-table-${row.id}`,
+                                            "ref": (el)=>deleteRef.value[row.id] = el,
+                                            "onConfirm": ()=>handleDeleteDatasetData(row),
+                                            "onCancel": ()=>handleHidePopover(row)
                                         }, {
-                                            default: function _default() {
-                                                return [
-                                                    (0, _vue.createVNode)("li", {
+                                            default: ()=>[
+                                                    _createVNode2("li", {
                                                         "class": {
                                                             '!g-disabled': !handleCalcHasManagePermission()
                                                         },
-                                                        "onMouseenter": function onMouseenter() {
-                                                            return handleMouseEnter(handleCalcHasManagePermission());
-                                                        },
-                                                        "onMousemove": function onMousemove(event) {
-                                                            return handleMouseMove(event, handleCalcHasManagePermission());
-                                                        },
+                                                        "onMouseenter": ()=>handleMouseEnter(handleCalcHasManagePermission()),
+                                                        "onMousemove": (event)=>handleMouseMove(event, handleCalcHasManagePermission()),
                                                         "onMouseleave": handleMouseLeave,
-                                                        "onClick": function onClick() {
-                                                            return handlePermissionMouseClick(row, function() {
-                                                                return handleShowDelete(row);
-                                                            });
-                                                        }
+                                                        "onClick": ()=>handlePermissionMouseClick(row, ()=>handleShowDelete(row))
                                                     }, [
-                                                        (0, _vue.createTextVNode)("\u5220\u9664")
+                                                        t('删除')
                                                     ])
-                                                ];
-                                            }
+                                                ]
                                         })
                                     ]);
                                 },
-                                trigger: function trigger() {
-                                    return (0, _vue.createVNode)("i", {
+                                trigger: ()=>_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',
-                                            'hover:!g-bg-[#dcdee5] hover:g-rounded-full'
+                                            'g-text-16 g-p-2 g-ml-12 g-text-[var(--aidev-clickable-color)] !g-cursor-pointer',
+                                            'hover:!g-bg-[var(--aidev-icon-light-hover-background)] hover:g-rounded-full'
                                         ]
-                                    }, null);
-                                }
+                                    }, null)
                             })
                         ]);
                     }
                 }
             ]);
-        };
-        var handleUpdateSearch = function handleUpdateSearch(search) {
+        const handleUpdateSearch = (search)=>{
             emits('update:search', search);
         };
-        var handleCalcHasManagePermission = function handleCalcHasManagePermission() {
+        const handleCalcHasManagePermission = ()=>{
             return !props.isInternal || props.manageDataset;
         };
-        var handlePermissionMouseClick = function handlePermissionMouseClick(row, callBack) {
+        const handlePermissionMouseClick = (row, callBack)=>{
             handleMouseClick(callBack, handleCalcHasManagePermission(), [
-                _enum.ResourcePermissionAction.ManageDataset
+                ResourcePermissionAction.ManageDataset
             ], props.datasetId);
         };
-        var handleShowEditDatasetData = function handleShowEditDatasetData(row, index) {
+        const handleShowEditDatasetData = (row, index)=>{
             isShowEditDatasetData.value = true;
             tempDatasetData.value = row;
             tempDatasetDataIndex.value = index + (pagination.value.current - 1) * pagination.value.limit;
         };
-        var handleShowOperationRecord = function handleShowOperationRecord(row) {
+        const handleShowOperationRecord = (row)=>{
             isShowOperationRecord.value = true;
             tempDatasetData.value = row;
         };
-        var handleReviewDatasetData = function handleReviewDatasetData(index) {
+        const handleReviewDatasetData = (index)=>{
             isShowReviewDatasetData.value = true;
             tempDatasetDataIndex.value = index + (pagination.value.current - 1) * pagination.value.limit;
         };
-        var handleUpdate = function handleUpdate() {
+        const handleUpdate = ()=>{
             // 通知父元素进行更新
             emits('update');
         };
-        var handleRetryReviewDatasetData = function handleRetryReviewDatasetData(row) {
-            var data = {
+        const handleRetryReviewDatasetData = (row)=>{
+            const data = {
                 datasetId: props.datasetId,
                 datasetItemIds: [
                     row.id
@@ -470,183 +369,142 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
             };
             batchRetryReviewDatasetData(data).then(handleUpdate);
         };
-        var handleHidePopover = function handleHidePopover(row) {
+        const handleHidePopover = (row)=>{
             popoverRef.value[row.id].hide();
         };
-        var handleShowDelete = function handleShowDelete(row) {
+        const handleShowDelete = (row)=>{
             deleteRef.value[row.id].popoverRef.show();
         };
-        var handleDeleteDatasetData = function handleDeleteDatasetData(row) {
+        const handleDeleteDatasetData = (row)=>{
             handleHidePopover(row);
             deleteDatasetData(row.id).then(handleUpdate);
         };
-        var isDatasetDataSelected = function isDatasetDataSelected(data) {
-            return props.selectedDatasetDataIds.some(function(selectedDatasetDataId) {
-                return data.id === selectedDatasetDataId;
-            });
+        const isDatasetDataSelected = (data)=>{
+            return props.selectedDatasetDataIds.some((selectedDatasetDataId)=>data.id === selectedDatasetDataId);
         };
-        var getSelectionLabel = function getSelectionLabel() {
+        const getSelectionLabel = ()=>{
             // 全选
-            var checked = tableData.value.length > 0 ? tableData.value.every(function(item) {
-                return isDatasetDataSelected(item);
-            }) : false;
+            const checked = tableData.value.length > 0 ? tableData.value.every((item)=>isDatasetDataSelected(item)) : false;
             // 半选
-            var indeterminate = !checked && tableData.value.some(function(item) {
-                return isDatasetDataSelected(item);
-            });
+            const indeterminate = !checked && tableData.value.some((item)=>isDatasetDataSelected(item));
             // 是否选择了全部数据
-            var isAllChecked = props.selectedDatasetDataIds.length >= pagination.value.count;
-            return (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-dropdown"), {
+            const isAllChecked = props.selectedDatasetDataIds.length >= pagination.value.count;
+            return _createVNode2(_resolveComponent("bk-dropdown"), {
                 "popoverOptions": {
                     hideIgnoreReference: true
                 },
                 "placement": "bottom-start"
             }, {
-                default: function _default() {
-                    return (0, _vue.createVNode)(_index.default, {
+                default: ()=>_createVNode2(RenderCheckbox, {
                         "checked": checked,
                         "indeterminate": indeterminate
-                    }, null);
-                },
-                content: function content() {
-                    return (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-dropdown-menu"), null, {
-                        default: function _default() {
-                            return [
-                                (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-dropdown-item"), {
-                                    "onClick": function onClick() {
-                                        return handleSelectPageAll(!checked);
-                                    }
+                    }, null),
+                content: ()=>_createVNode2(_resolveComponent("bk-dropdown-menu"), null, {
+                        default: ()=>[
+                                _createVNode2(_resolveComponent("bk-dropdown-item"), {
+                                    "onClick": ()=>handleSelectPageAll(!checked)
                                 }, {
-                                    default: function _default() {
-                                        return [
-                                            checked ? '取消选择本页' : '选择本页'
-                                        ];
-                                    }
+                                    default: ()=>[
+                                            checked ? t('取消选择本页') : t('选择本页')
+                                        ]
                                 }),
-                                (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-dropdown-item"), {
-                                    "onClick": function onClick() {
-                                        return handleSelectAll(!isAllChecked);
-                                    }
+                                _createVNode2(_resolveComponent("bk-dropdown-item"), {
+                                    "onClick": ()=>handleSelectAll(!isAllChecked)
                                 }, {
-                                    default: function _default() {
-                                        return [
-                                            isAllChecked ? '取消选择全部' : '选择全部'
-                                        ];
-                                    }
+                                    default: ()=>[
+                                            isAllChecked ? t('取消选择全部') : t('选择全部')
+                                        ]
                                 })
-                            ];
-                        }
-                    });
-                }
+                            ]
+                    })
             });
         };
-        var handleSelect = function handleSelect(row, checked) {
-            var selectedDatasetDataIds = (0, _toConsumableArray2.default)(props.selectedDatasetDataIds);
+        const handleSelect = (row, checked)=>{
+            let selectedDatasetDataIds = [
+                ...props.selectedDatasetDataIds
+            ];
             if (checked) {
                 selectedDatasetDataIds.push(row.id);
             } else {
-                selectedDatasetDataIds = selectedDatasetDataIds.filter(function(selectedDatasetDataId) {
-                    return selectedDatasetDataId !== row.id;
-                });
+                selectedDatasetDataIds = selectedDatasetDataIds.filter((selectedDatasetDataId)=>selectedDatasetDataId !== row.id);
             }
             emits('update:selectedDatasetDataIds', selectedDatasetDataIds);
         };
-        var clearSelected = function clearSelected() {
+        const clearSelected = ()=>{
             emits('update:selectedDatasetDataIds', []);
         };
-        var handleSelectPageAll = function handleSelectPageAll(checked) {
-            var selectedDatasetDataIds = (0, _toConsumableArray2.default)(props.selectedDatasetDataIds);
-            tableData.value.forEach(function(data) {
+        const handleSelectPageAll = (checked)=>{
+            let selectedDatasetDataIds = [
+                ...props.selectedDatasetDataIds
+            ];
+            tableData.value.forEach((data)=>{
                 // 全选
                 if (!isDatasetDataSelected(data) && checked) {
                     selectedDatasetDataIds.push(data.id);
                 }
                 // 取消全选
                 if (isDatasetDataSelected(data) && !checked) {
-                    selectedDatasetDataIds = selectedDatasetDataIds.filter(function(id) {
-                        return id !== data.id;
-                    });
+                    selectedDatasetDataIds = selectedDatasetDataIds.filter((id)=>id !== data.id);
                 }
             });
             emits('update:selectedDatasetDataIds', selectedDatasetDataIds);
         };
-        var handleSelectAll = function handleSelectAll(checked) {
-            return __awaiter(_this, void 0, void 0, /*#__PURE__*/ regeneratorRuntime.mark(function _callee() {
-                var selectedDatasetDataIds;
-                return regeneratorRuntime.wrap(function(_context) {
-                    while(1)switch(_context.prev = _context.next){
-                        case 0:
-                            selectedDatasetDataIds = [];
-                            if (!checked) {
-                                _context.next = 2;
-                                break;
-                            }
-                            _context.next = 1;
-                            return getDatasetDataIds(Object.assign({
-                                datasetId: props.datasetId
-                            }, props.search));
-                        case 1:
-                            selectedDatasetDataIds = _context.sent;
-                        case 2:
-                            emits('update:selectedDatasetDataIds', selectedDatasetDataIds);
-                        case 3:
-                        case "end":
-                            return _context.stop();
-                    }
-                }, _callee);
-            }));
-        };
-        var handleGetDatasetDataList = function handleGetDatasetDataList(params) {
+        const handleSelectAll = (checked)=>__awaiter(this, void 0, void 0, function*() {
+                let selectedDatasetDataIds = [];
+                if (checked) {
+                    selectedDatasetDataIds = yield getDatasetDataIds(Object.assign({
+                        datasetId: props.datasetId
+                    }, props.search));
+                }
+                emits('update:selectedDatasetDataIds', selectedDatasetDataIds);
+            });
+        const handleGetDatasetDataList = (params)=>{
             return getDatasetDataList(Object.assign(Object.assign({
                 datasetId: props.datasetId
             }, props.search), params));
         };
-        (0, _vue.watch)(function() {
-            return props.search;
-        }, function() {
+        watch(()=>props.search, ()=>{
             clearSelected();
-            initHook(handleGetDatasetDataList, true);
-            resetPagination();
-            triggerApi();
+            initHook(handleGetDatasetDataList, true, getDatasetDataList.abort);
+            handleResetPagination();
         }, {
             immediate: true,
             deep: true
         });
         __expose({
-            triggerApi: triggerApi
+            triggerApi
         });
-        return function(_ctx, _cache) {
+        return (_ctx, _cache)=>{
             var _a;
-            return (0, _vue.openBlock)(), (0, _vue.createElementBlock)(_vue.Fragment, null, [
-                (0, _vue.createVNode)(_index9.default, {
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                _createVNode(RenderTTable, {
+                    search: __props.search,
+                    pagination: _unref(pagination),
+                    columns: columns.value,
+                    loading: _unref(isLoading),
+                    data: _unref(tableData),
+                    "order-by": _unref(orderBy),
+                    "order-method": _unref(orderMethod),
                     "row-key": "id",
-                    class: "g-white-footer-table g-gray-header-table",
-                    height: "calc(100% - 48px)",
+                    class: "g-h-[calc(100%_-_48px)]",
                     "row-class-name": "g-h-56",
-                    search: __props.search,
-                    pagination: (0, _vue.unref)(pagination),
-                    columns: getColumns(),
-                    "is-loading": (0, _vue.unref)(isLoading),
-                    "table-data": (0, _vue.unref)(tableData),
-                    onPageChange: (0, _vue.unref)(handlePageChange),
-                    onPageSizeChange: (0, _vue.unref)(handlePageSizeChange),
-                    onSortChange: (0, _vue.unref)(handleSortChange),
+                    onPageChange: _unref(handlePageChange),
+                    onSortChange: _unref(handleSortChange),
                     "onUpdate:search": handleUpdateSearch
                 }, null, 8 /* PROPS */ , [
                     "search",
                     "pagination",
                     "columns",
-                    "is-loading",
-                    "table-data",
+                    "loading",
+                    "data",
+                    "order-by",
+                    "order-method",
                     "onPageChange",
-                    "onPageSizeChange",
                     "onSortChange"
                 ]),
-                (0, _vue.createVNode)(_index6.default, {
+                _createVNode(OperationRecord, {
                     modelValue: isShowOperationRecord.value,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
-                        return isShowOperationRecord.value = $event;
-                    }),
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>isShowOperationRecord.value = $event),
                     "dataset-id": __props.datasetId,
                     "dataset-data-id": (_a = tempDatasetData.value) === null || _a === void 0 ? void 0 : _a.id,
                     "api-prefix": __props.apiPrefix,
@@ -658,11 +516,9 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                     "api-prefix",
                     "space-id"
                 ]),
-                (0, _vue.createVNode)(_index5.default, {
+                _createVNode(EditDatasetData, {
                     modelValue: isShowEditDatasetData.value,
-                    "onUpdate:modelValue": _cache[1] || (_cache[1] = function($event) {
-                        return isShowEditDatasetData.value = $event;
-                    }),
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>isShowEditDatasetData.value = $event),
                     index: tempDatasetDataIndex.value,
                     "dataset-id": __props.datasetId,
                     search: __props.search,
@@ -683,11 +539,9 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                     "manage-dataset",
                     "is-internal"
                 ]),
-                (0, _vue.createVNode)(_index7.default, {
+                _createVNode(ReviewDatasetData, {
                     modelValue: isShowReviewDatasetData.value,
-                    "onUpdate:modelValue": _cache[2] || (_cache[2] = function($event) {
-                        return isShowReviewDatasetData.value = $event;
-                    }),
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event)=>isShowReviewDatasetData.value = $event),
                     index: tempDatasetDataIndex.value,
                     "dataset-id": __props.datasetId,
                     search: __props.search,