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

package/dist/components/render-dataset-list/components/table.script.vue.js

@@ -1,28 +1,20 @@
-"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/core-js/modules/es.array.concat.js');
-require('../../../../node_modules/core-js/modules/es.array.join.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.to-string.js');
-require('../../../../node_modules/core-js/modules/es.regexp.exec.js');
-require('../../../../node_modules/core-js/modules/es.string.search.js');
-var _vue = require("vue");
-var _toConsumableArray2 = _interopRequireDefault(require('../../../../node_modules/@babel/runtime/helpers/toConsumableArray.js'));
-var _index = _interopRequireDefault(require('../../render-dataset/components/operation-record/index.vue.js'));
-var _index2 = _interopRequireDefault(require('../../render-dataset/components/plus-dataset/index.vue.js'));
-var _index3 = _interopRequireDefault(require('../../render-dataset/components/plus-dataset-data/index.vue.js'));
-var _index4 = _interopRequireDefault(require('../../render-dropdown/index.vue.js'));
-var _index5 = _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 _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+import { defineComponent as _defineComponent, resolveComponent as _resolveComponent, createVNode as _createVNode2, 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, onBeforeMount, ref, toRef, watch } from 'vue';
+import OperationRecord from '../../render-dataset/components/operation-record/index.vue.js';
+import RenderPlusDataset from '../../render-dataset/components/plus-dataset/index.vue.js';
+import RenderPlusDatasetData from '../../render-dataset/components/plus-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 { ResourcePermissionAction, SdkNavigateActionType, 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: {},
         isInternal: {
@@ -43,138 +35,116 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
         "update:search",
         "navigate"
     ],
-    setup: function setup(__props, _ref) {
-        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')), getDatasetList = _useDatasetHttp.getDatasetList, deleteDataset = _useDatasetHttp.deleteDataset;
-        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 isShowEditDataset = (0, _vue.ref)(false);
-        var isShowOperationRecord = (0, _vue.ref)(false);
-        var tempDataset = (0, _vue.ref)();
-        var deleteRef = (0, _vue.ref)({});
-        var popoverRef = (0, _vue.ref)({});
-        var getColumns = function getColumns() {
-            return [
+    setup (__props, { expose: __expose, emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getDatasetList, deleteDataset } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
+        const { isLoading, triggerApi, pagination, tableData, orderBy, orderMethod, initHook, handleResetPagination, handleSortChange, handlePageChange } = useTTable();
+        const isShowEditDataset = ref(false);
+        const isShowOperationRecord = ref(false);
+        const tempDataset = ref();
+        const deleteRef = ref({});
+        const popoverRef = ref({});
+        const columns = computed(()=>[
                 {
                     colKey: 'datasetName',
-                    defaultShow: true,
-                    fixed: 'left',
+                    fixed: TTableColumnFixed.Left,
                     ellipsis: true,
-                    title: '名称',
-                    cell: function cell(h, _ref2) {
-                        var row = _ref2.row;
-                        return (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-button"), {
+                    title: t('名称'),
+                    cell: (h, { row })=>_createVNode2(_resolveComponent("bk-button"), {
                             "text": true,
                             "theme": "primary",
                             "class": {
                                 '!g-disabled': !isDatasetViewPermission(row)
                             },
-                            "onMouseenter": function onMouseenter() {
-                                return handleMouseEnter(isDatasetViewPermission(row));
-                            },
-                            "onMousemove": function onMousemove(event) {
-                                return handleMouseMove(event, isDatasetViewPermission(row));
-                            },
+                            "onMouseenter": ()=>handleMouseEnter(isDatasetViewPermission(row)),
+                            "onMousemove": (event)=>handleMouseMove(event, isDatasetViewPermission(row)),
                             "onMouseleave": handleMouseLeave,
-                            "onClick": function onClick() {
-                                return handleViewPermissionMouseClick(function() {
-                                    return handleGoToDetail(row);
-                                }, row);
-                            }
+                            "onClick": ()=>handleViewPermissionMouseClick(()=>handleGoToDetail(row), row)
                         }, {
-                            default: function _default() {
-                                return [
+                            default: ()=>[
                                     row.datasetName
-                                ];
-                            }
-                        });
-                    }
+                                ]
+                        })
                 },
                 {
                     colKey: 'datasetCode',
-                    defaultShow: true,
                     ellipsis: true,
-                    title: '英文名'
+                    title: t('英文名')
                 },
                 {
                     colKey: 'datasetItemCount',
                     ellipsis: true,
-                    defaultShow: true,
-                    title: '数据量',
+                    title: t('数据量'),
                     sorter: true,
                     sortKey: 'dataset_item_count'
-                }
-            ].concat((0, _toConsumableArray2.default)(props.reviewDataset ? [
-                {
-                    colKey: 'datasetItemUnreviewedCount',
-                    title: '待审核数据量',
-                    ellipsis: true,
-                    sorter: true,
-                    sortKey: 'dataset_item_unreviewed_count'
-                }
-            ] : []), [
+                },
+                ...props.reviewDataset ? [
+                    {
+                        colKey: 'datasetItemUnreviewedCount',
+                        title: t('待审核数据量'),
+                        defaultHide: true,
+                        ellipsis: true,
+                        sorter: true,
+                        sortKey: 'dataset_item_unreviewed_count'
+                    }
+                ] : [],
                 {
                     colKey: 'typeName',
-                    defaultShow: props.isInternal,
+                    defaultHide: !props.isInternal,
                     ellipsis: true,
-                    title: '类型'
-                }
-            ], (0, _toConsumableArray2.default)(!props.isInternal ? [
-                {
-                    colKey: 'companyName',
-                    defaultShow: !props.isInternal,
-                    ellipsis: true,
-                    title: '来源公司'
-                }
-            ] : []), (0, _toConsumableArray2.default)(!props.isInternal ? [
-                {
-                    colKey: 'componentNames',
-                    title: '所属组件',
-                    ellipsis: true,
-                    defaultShow: !props.isInternal,
-                    cell: function cell(h, _ref3) {
-                        var row = _ref3.row;
-                        var _a;
-                        return ((_a = row.componentNames) === null || _a === void 0 ? void 0 : _a.join(' / ')) || '';
+                    title: t('类型')
+                },
+                ...!props.isInternal ? [
+                    {
+                        colKey: 'companyName',
+                        defaultHide: props.isInternal,
+                        ellipsis: true,
+                        title: t('来源公司')
                     }
-                }
-            ] : []), (0, _toConsumableArray2.default)(props.isInternal ? [
-                {
-                    colKey: 'tagNames',
-                    title: '标签',
-                    ellipsis: true,
-                    cell: function cell(h, _ref4) {
-                        var row = _ref4.row;
-                        var _a, _b;
-                        return ((_b = (_a = row.tagNames) === null || _a === void 0 ? void 0 : _a.map(function(tagName) {
-                            return tagName.join('/');
-                        })) === null || _b === void 0 ? void 0 : _b.join(',')) || '--';
+                ] : [],
+                ...!props.isInternal ? [
+                    {
+                        colKey: 'componentNames',
+                        title: t('所属组件'),
+                        ellipsis: true,
+                        defaultHide: props.isInternal,
+                        cell: (h, { row })=>{
+                            var _a;
+                            return ((_a = row.componentNames) === null || _a === void 0 ? void 0 : _a.join(' / ')) || '';
+                        }
                     }
-                }
-            ] : []), [
+                ] : [],
+                ...props.isInternal ? [
+                    {
+                        colKey: 'tagNames',
+                        title: t('标签'),
+                        defaultHide: true,
+                        ellipsis: true,
+                        cell: (h, { row })=>{
+                            var _a, _b;
+                            return ((_b = (_a = row.tagNames) === null || _a === void 0 ? void 0 : _a.map((tagName)=>tagName.join('/'))) === null || _b === void 0 ? void 0 : _b.join(',')) || '--';
+                        }
+                    }
+                ] : [],
                 {
                     colKey: 'description',
-                    title: '描述',
-                    ellipsis: true,
-                    defaultShow: true
+                    title: t('描述'),
+                    ellipsis: true
                 },
                 {
                     colKey: 'createdBy',
-                    title: '创建人',
+                    title: t('创建人'),
+                    defaultHide: true,
                     ellipsis: true,
-                    cell: function cell(h, _ref5) {
-                        var row = _ref5.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: 'createdAt',
-                    title: '创建时间',
-                    defaultShow: true,
+                    title: t('创建时间'),
                     ellipsis: true,
                     minWidth: 200,
                     sorter: true,
@@ -182,15 +152,15 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                 },
                 {
                     colKey: 'operations',
-                    title: '操作',
-                    fixed: 'right',
-                    defaultShow: true,
+                    title: t('操作'),
+                    isOperate: true,
+                    fixed: TTableColumnFixed.Right,
                     ellipsis: true,
                     width: 200,
-                    cell: function cell(h, _ref6) {
-                        var row = _ref6.row;
-                        return (0, _vue.createVNode)(_vue.Fragment, null, [
-                            (0, _vue.createVNode)(_index3.default, {
+                    cell: (h, { row })=>{
+                        let _slot;
+                        return _createVNode2(_Fragment2, null, [
+                            _createVNode2(RenderPlusDatasetData, {
                                 "text": true,
                                 "class": "g-mr-16",
                                 "apiPrefix": props.apiPrefix,
@@ -200,285 +170,219 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                                 "datasetData": handleGetDatasetData(row),
                                 "onSuccess-create": triggerApi
                             }, null),
-                            (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-button"), {
+                            _createVNode2(_resolveComponent("bk-button"), {
                                 "text": true,
                                 "theme": "primary",
                                 "class": {
                                     '!g-disabled': !isDatasetViewPermission(row)
                                 },
-                                "onMouseenter": function onMouseenter() {
-                                    return handleMouseEnter(isDatasetViewPermission(row));
-                                },
-                                "onMousemove": function onMousemove(event) {
-                                    return handleMouseMove(event, isDatasetViewPermission(row));
-                                },
+                                "onMouseenter": ()=>handleMouseEnter(isDatasetViewPermission(row)),
+                                "onMousemove": (event)=>handleMouseMove(event, isDatasetViewPermission(row)),
                                 "onMouseleave": handleMouseLeave,
-                                "onClick": function onClick() {
-                                    return handleViewPermissionMouseClick(function() {
-                                        return handleGoToDetail(row);
-                                    }, row);
-                                }
-                            }, {
-                                default: function _default() {
-                                    return [
-                                        (0, _vue.createTextVNode)("\u67E5\u770B\u8BE6\u60C5")
-                                    ];
-                                }
+                                "onClick": ()=>handleViewPermissionMouseClick(()=>handleGoToDetail(row), row)
+                            }, _isSlot(_slot = t('查看详情')) ? _slot : {
+                                default: ()=>[
+                                        _slot
+                                    ]
                             }),
-                            (0, _vue.createVNode)(_index4.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", {
-                                        "class": "g-more-menu dataset-table-".concat(row.id)
+                                content: ()=>{
+                                    let _slot2, _slot3;
+                                    return _createVNode2("ul", {
+                                        "class": `g-more-menu dataset-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"), {
                                                 "class": {
                                                     '!g-disabled': !isDatasetManagePermission(row)
                                                 },
                                                 "text": true,
-                                                "onMouseenter": function onMouseenter() {
-                                                    return handleMouseEnter(isDatasetManagePermission(row));
-                                                },
-                                                "onMousemove": function onMousemove(event) {
-                                                    return handleMouseMove(event, isDatasetManagePermission(row));
-                                                },
+                                                "onMouseenter": ()=>handleMouseEnter(isDatasetManagePermission(row)),
+                                                "onMousemove": (event)=>handleMouseMove(event, isDatasetManagePermission(row)),
                                                 "onMouseleave": handleMouseLeave,
-                                                "onClick": function onClick() {
-                                                    return handleManagePermissionMouseClick(function() {
-                                                        return handleShowEditDataset(row);
-                                                    }, row);
-                                                }
-                                            }, {
-                                                default: function _default() {
-                                                    return [
-                                                        (0, _vue.createTextVNode)("\u7F16\u8F91\u6570\u636E\u96C6")
-                                                    ];
-                                                }
+                                                "onClick": ()=>handleManagePermissionMouseClick(()=>handleShowEditDataset(row), row)
+                                            }, _isSlot(_slot2 = t('编辑数据集')) ? _slot2 : {
+                                                default: ()=>[
+                                                        _slot2
+                                                    ]
                                             })
                                         ]),
-                                        (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"), {
                                                 "class": {
                                                     '!g-disabled': !isDatasetManagePermission(row)
                                                 },
                                                 "text": true,
-                                                "onMouseenter": function onMouseenter() {
-                                                    return handleMouseEnter(isDatasetManagePermission(row));
-                                                },
-                                                "onMousemove": function onMousemove(event) {
-                                                    return handleMouseMove(event, isDatasetManagePermission(row));
-                                                },
+                                                "onMouseenter": ()=>handleMouseEnter(isDatasetManagePermission(row)),
+                                                "onMousemove": (event)=>handleMouseMove(event, isDatasetManagePermission(row)),
                                                 "onMouseleave": handleMouseLeave,
-                                                "onClick": function onClick() {
-                                                    return handleManagePermissionMouseClick(function() {
-                                                        return handleShowOperationRecord(row);
-                                                    }, row);
-                                                }
-                                            }, {
-                                                default: function _default() {
-                                                    return [
-                                                        (0, _vue.createTextVNode)("\u64CD\u4F5C\u8BB0\u5F55")
-                                                    ];
-                                                }
+                                                "onClick": ()=>handleManagePermissionMouseClick(()=>handleShowOperationRecord(row), row)
+                                            }, _isSlot(_slot3 = t('操作记录')) ? _slot3 : {
+                                                default: ()=>[
+                                                        _slot3
+                                                    ]
                                             })
                                         ]),
-                                        (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-table-".concat(row.id),
-                                            "ref": function ref(el) {
-                                                return deleteRef.value[row.id] = el;
-                                            },
-                                            "onConfirm": function onConfirm() {
-                                                return handleDeleteDataset(row);
-                                            },
-                                            "onCancel": function onCancel() {
-                                                return handleHidePopover(row);
-                                            }
+                                            "boundary": `.dataset-table-${row.id}`,
+                                            "ref": (el)=>deleteRef.value[row.id] = el,
+                                            "onConfirm": ()=>handleDeleteDataset(row),
+                                            "onCancel": ()=>handleHidePopover(row)
                                         }, {
-                                            default: function _default() {
-                                                return [
-                                                    (0, _vue.createVNode)("li", {
+                                            default: ()=>[
+                                                    _createVNode2("li", {
                                                         "class": {
                                                             '!g-disabled': !isDatasetManagePermission(row)
                                                         },
-                                                        "onMouseenter": function onMouseenter() {
-                                                            return handleMouseEnter(isDatasetManagePermission(row));
-                                                        },
-                                                        "onMousemove": function onMousemove(event) {
-                                                            return handleMouseMove(event, isDatasetManagePermission(row));
-                                                        },
+                                                        "onMouseenter": ()=>handleMouseEnter(isDatasetManagePermission(row)),
+                                                        "onMousemove": (event)=>handleMouseMove(event, isDatasetManagePermission(row)),
                                                         "onMouseleave": handleMouseLeave,
-                                                        "onClick": function onClick() {
-                                                            return handleManagePermissionMouseClick(function() {
-                                                                return handleShowDelete(row);
-                                                            }, row);
-                                                        }
+                                                        "onClick": ()=>handleManagePermissionMouseClick(()=>handleShowDelete(row), 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-cursor-pointer',
-                                            'hover:!g-bg-[#dcdee5] hover:g-rounded-full',
-                                            isDatasetManagePermission(row) ? 'g-text-blue' : ''
+                                            'hover:!g-bg-[var(--aidev-icon-light-hover-background)] hover:g-rounded-full',
+                                            isDatasetManagePermission(row) ? 'g-text-[var(--aidev-clickable-color)]' : ''
                                         ]
-                                    }, null);
-                                }
+                                    }, null)
                             })
                         ]);
                     }
                 }
             ]);
-        };
-        var handleUpdateSearch = function handleUpdateSearch(search) {
+        const handleUpdateSearch = (search)=>{
             emits('update:search', search);
         };
-        var isDatasetViewPermission = function isDatasetViewPermission(row) {
+        const isDatasetViewPermission = (row)=>{
             var _a;
             return ((_a = row.permission) === null || _a === void 0 ? void 0 : _a.viewDataset) || !props.isInternal;
         };
-        var isDatasetManagePermission = function isDatasetManagePermission(row) {
+        const isDatasetManagePermission = (row)=>{
             var _a;
             return ((_a = row.permission) === null || _a === void 0 ? void 0 : _a.manageDataset) || !props.isInternal;
         };
-        var handleViewPermissionMouseClick = function handleViewPermissionMouseClick(callback, row) {
+        const handleViewPermissionMouseClick = (callback, row)=>{
             handleMouseClick(callback, isDatasetViewPermission(row), [
-                _enum.ResourcePermissionAction.ViewDataset
+                ResourcePermissionAction.ViewDataset
             ], row.id);
         };
-        var handleManagePermissionMouseClick = function handleManagePermissionMouseClick(callback, row) {
+        const handleManagePermissionMouseClick = (callback, row)=>{
             handleMouseClick(callback, isDatasetManagePermission(row), [
-                _enum.ResourcePermissionAction.ManageDataset,
-                _enum.ResourcePermissionAction.ViewDataset
+                ResourcePermissionAction.ManageDataset,
+                ResourcePermissionAction.ViewDataset
             ], row.id);
         };
-        var handleGetDatasetList = function handleGetDatasetList(params) {
+        const handleGetDatasetList = (params)=>{
             return getDatasetList(Object.assign(Object.assign(Object.assign({}, props.search), params), {
                 groupType: props.groupType,
                 tagId: props.tagId,
                 tagName: props.tagName
             }));
         };
-        var handleShowEditDataset = function handleShowEditDataset(row) {
+        const handleShowEditDataset = (row)=>{
             isShowEditDataset.value = true;
             tempDataset.value = row;
         };
-        var handleShowOperationRecord = function handleShowOperationRecord(row) {
+        const handleShowOperationRecord = (row)=>{
             isShowOperationRecord.value = true;
             tempDataset.value = row;
         };
-        var handleShowDelete = function handleShowDelete(row) {
+        const handleShowDelete = (row)=>{
             deleteRef.value[row.id].popoverRef.show();
         };
-        var handleHidePopover = function handleHidePopover(row) {
+        const handleHidePopover = (row)=>{
             popoverRef.value[row.id].hide();
         };
-        var handleDeleteDataset = function handleDeleteDataset(row) {
+        const handleDeleteDataset = (row)=>{
             handleHidePopover(row);
-            deleteDataset(row.id).then(function() {
+            deleteDataset(row.id).then(()=>{
                 emits('success-delete');
             });
         };
-        var handleSuccessEditDataset = function handleSuccessEditDataset() {
+        const handleSuccessEditDataset = ()=>{
             emits('success-edit');
         };
-        var handleGetDatasetData = function handleGetDatasetData(row) {
+        const handleGetDatasetData = (row)=>{
             return {
                 datasetId: row.id
             };
         };
-        var handleGoToDetail = function handleGoToDetail(row) {
+        const handleGoToDetail = (row)=>{
             emits('navigate', {
-                type: _enum.SdkNavigateActionType.DatasetDetail,
+                type: SdkNavigateActionType.DatasetDetail,
                 id: row.id
             });
         };
-        (0, _vue.onBeforeMount)(function() {
-            initHook(handleGetDatasetList, true);
+        onBeforeMount(()=>{
+            initHook(handleGetDatasetList, true, getDatasetList.abort);
             triggerApi();
         });
-        (0, _vue.watch)([
-            function() {
-                return props.search;
-            },
-            function() {
-                return props.spaceId;
-            },
-            function() {
-                return props.tagId;
-            },
-            function() {
-                return props.tagName;
-            },
-            function() {
-                return props.groupType;
-            }
-        ], function() {
-            resetPagination();
-            triggerApi();
+        watch([
+            ()=>props.search,
+            ()=>props.spaceId,
+            ()=>props.tagId,
+            ()=>props.tagName,
+            ()=>props.groupType
+        ], ()=>{
+            handleResetPagination();
         }, {
             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)(_index5.default, {
-                    "row-key": "datasetName",
-                    class: "g-white-footer-table g-gray-header-table",
-                    height: "calc(100% - 48px)",
-                    pagination: (0, _vue.unref)(pagination),
-                    columns: getColumns(),
-                    "is-loading": (0, _vue.unref)(isLoading),
-                    "table-data": (0, _vue.unref)(tableData),
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                _createVNode(RenderTTable, {
+                    pagination: _unref(pagination),
+                    columns: columns.value,
+                    loading: _unref(isLoading),
+                    data: _unref(tableData),
                     search: __props.search,
-                    onPageChange: (0, _vue.unref)(handlePageChange),
-                    onPageSizeChange: (0, _vue.unref)(handlePageSizeChange),
-                    onSortChange: (0, _vue.unref)(handleSortChange),
+                    "order-by": _unref(orderBy),
+                    "order-method": _unref(orderMethod),
+                    "row-key": "datasetName",
+                    class: "g-h-[calc(100%_-_48px)]",
+                    onPageChange: _unref(handlePageChange),
+                    onSortChange: _unref(handleSortChange),
                     "onUpdate:search": handleUpdateSearch
                 }, null, 8 /* PROPS */ , [
                     "pagination",
                     "columns",
-                    "is-loading",
-                    "table-data",
+                    "loading",
+                    "data",
                     "search",
+                    "order-by",
+                    "order-method",
                     "onPageChange",
-                    "onPageSizeChange",
                     "onSortChange"
                 ]),
-                (0, _vue.createVNode)(_index2.default, {
+                _createVNode(RenderPlusDataset, {
                     modelValue: isShowEditDataset.value,
-                    "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
-                        return isShowEditDataset.value = $event;
-                    }),
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>isShowEditDataset.value = $event),
                     "api-prefix": __props.apiPrefix,
                     "space-id": __props.spaceId,
                     "is-internal": __props.isInternal,
@@ -491,11 +395,9 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                     "is-internal",
                     "dataset"
                 ]),
-                (0, _vue.createVNode)(_index.default, {
+                _createVNode(OperationRecord, {
                     modelValue: isShowOperationRecord.value,
-                    "onUpdate:modelValue": _cache[1] || (_cache[1] = function($event) {
-                        return isShowOperationRecord.value = $event;
-                    }),
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>isShowOperationRecord.value = $event),
                     "api-prefix": __props.apiPrefix,
                     "space-id": __props.spaceId,
                     "dataset-id": (_a = tempDataset.value) === null || _a === void 0 ? void 0 : _a.id