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

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

@@ -0,0 +1,708 @@
+"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) {
+    function adopt(value) {
+        return value instanceof P ? value : new P(function(resolve) {
+            resolve(value);
+        });
+    }
+    return new (P || (P = Promise))(function(resolve, reject) {
+        function fulfilled(value) {
+            try {
+                step(generator.next(value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function rejected(value) {
+            try {
+                step(generator["throw"](value));
+            } catch (e) {
+                reject(e);
+            }
+        }
+        function step(result) {
+            result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+        }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+    props: {
+        apiPrefix: {},
+        datasetId: {},
+        search: {},
+        schema: {},
+        selectedDatasetDataIds: {},
+        spaceId: {},
+        manageDataset: {
+            type: Boolean
+        },
+        isInternal: {
+            type: Boolean
+        },
+        reviewDataset: {
+            type: Boolean
+        }
+    },
+    emits: [
+        "update:selectedDatasetDataIds",
+        "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 [
+                {
+                    colKey: 'checkbox',
+                    defaultShow: true,
+                    ellipsis: true,
+                    title: getSelectionLabel,
+                    fixed: 'left',
+                    align: 'center',
+                    width: '80',
+                    cell: function cell(h, _ref2) {
+                        var row = _ref2.row;
+                        return (0, _vue.createVNode)(_index.default, {
+                            "checked": isDatasetDataSelected(row),
+                            "onChange": function onChange(checked) {
+                                return handleSelect(row, checked);
+                            }
+                        }, null);
+                    }
+                },
+                {
+                    colKey: 'id',
+                    ellipsis: true,
+                    defaultShow: true,
+                    fixed: 'left',
+                    title: 'ID',
+                    cell: function cell(h, _ref3) {
+                        var row = _ref3.row, rowIndex = _ref3.rowIndex;
+                        return (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-button"), {
+                            "text": true,
+                            "theme": "primary",
+                            "onClick": function onClick() {
+                                return handleShowEditDatasetData(row, rowIndex);
+                            }
+                        }, {
+                            default: function _default() {
+                                return [
+                                    row.id
+                                ];
+                            }
+                        });
+                    }
+                },
+                {
+                    colKey: 'status',
+                    ellipsis: true,
+                    title: '审核状态',
+                    defaultShow: true,
+                    width: 120,
+                    cell: function cell(h, _ref4) {
+                        var row = _ref4.row;
+                        return (0, _vue.createVNode)(_index3.default, {
+                            "status": props.reviewDataset ? row.reviewStatus : row.status,
+                            "name": props.reviewDataset ? row.reviewStatusName : row.statusName
+                        }, null);
+                    }
+                },
+                {
+                    colKey: 'level',
+                    ellipsis: true,
+                    title: '质量等级',
+                    defaultShow: true,
+                    cell: function cell(h, _ref5) {
+                        var row = _ref5.row;
+                        return (0, _vue.createVNode)(_index2.default, {
+                            "level": props.reviewDataset ? row.reviewLevel : row.level,
+                            "reviewReason": row.reviewReason
+                        }, null);
+                    }
+                },
+                {
+                    colKey: 'isValid',
+                    ellipsis: true,
+                    title: '有效性',
+                    defaultShow: true,
+                    cell: function cell(h, _ref6) {
+                        var row = _ref6.row;
+                        return (0, _vue.createVNode)(_index4.default, {
+                            "id": row.id,
+                            "isValid": row.isValid,
+                            "datasetId": props.datasetId,
+                            "apiPrefix": props.apiPrefix,
+                            "spaceId": props.spaceId,
+                            "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]) || '--'
+                                    ])
+                                ];
+                            }
+                        });
+                    }
+                };
+            })), [
+                {
+                    colKey: 'sourceType',
+                    ellipsis: true,
+                    defaultShow: true,
+                    title: '数据来源',
+                    cell: function cell(h, _ref8) {
+                        var row = _ref8.row;
+                        return dataSourceMap[row.sourceType] || '--';
+                    }
+                },
+                {
+                    colKey: 'updatedAt',
+                    ellipsis: true,
+                    defaultShow: true,
+                    title: '更新时间',
+                    sorter: true,
+                    width: 140,
+                    sortKey: 'updated_at'
+                },
+                {
+                    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"), {
+                            "user-id": row.updatedBy
+                        }, null);
+                    }
+                },
+                {
+                    colKey: 'createdAt',
+                    ellipsis: true,
+                    title: '创建时间',
+                    sorter: true,
+                    sortKey: 'created_at',
+                    width: 140
+                },
+                {
+                    colKey: 'createdBy',
+                    ellipsis: true,
+                    title: '创建人',
+                    sortKey: 'created_at',
+                    cell: function cell(h, _ref0) {
+                        var row = _ref0.row;
+                        return (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-user-display-name"), {
+                            "user-id": row.createdBy
+                        }, null);
+                    }
+                },
+                {
+                    colKey: 'operations',
+                    ellipsis: true,
+                    defaultShow: true,
+                    title: '操作',
+                    fixed: '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"), {
+                                "class": {
+                                    '!g-disabled': !handleCalcHasManagePermission()
+                                },
+                                "text": true,
+                                "theme": "primary",
+                                "onMouseenter": function onMouseenter() {
+                                    return handleMouseEnter(handleCalcHasManagePermission());
+                                },
+                                "onMousemove": function onMousemove(event) {
+                                    return 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")
+                                    ];
+                                }
+                            }),
+                            props.reviewDataset && props.isInternal && row.reviewStatus !== _enum.DatasetDataReviewStatus.AIReviewing && (0, _vue.createVNode)((0, _vue.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")
+                                    ];
+                                }
+                            }),
+                            props.reviewDataset && props.isInternal && row.reviewStatus === _enum.DatasetDataReviewStatus.AIReviewFailed && (0, _vue.createVNode)((0, _vue.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")
+                                    ];
+                                }
+                            }),
+                            (0, _vue.createVNode)(_index8.default, {
+                                "placement": "bottom-start",
+                                "theme": "light",
+                                "ref": function ref(el) {
+                                    return popoverRef.value[row.id] = el;
+                                }
+                            }, {
+                                content: function content() {
+                                    return (0, _vue.createVNode)("ul", {
+                                        "class": [
+                                            'g-more-menu',
+                                            "dataset-data-origin-table-".concat(row.id)
+                                        ]
+                                    }, [
+                                        (0, _vue.createVNode)("li", {
+                                            "onClick": function onClick() {
+                                                return handleHidePopover(row);
+                                            }
+                                        }, [
+                                            (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-button"), {
+                                                "text": true,
+                                                "class": {
+                                                    '!g-disabled': !handleCalcHasManagePermission()
+                                                },
+                                                "onMouseenter": function onMouseenter() {
+                                                    return handleMouseEnter(handleCalcHasManagePermission());
+                                                },
+                                                "onMousemove": function onMousemove(event) {
+                                                    return 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")
+                                                    ];
+                                                }
+                                            })
+                                        ]),
+                                        (0, _vue.createVNode)((0, _vue.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-".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);
+                                            }
+                                        }, {
+                                            default: function _default() {
+                                                return [
+                                                    (0, _vue.createVNode)("li", {
+                                                        "class": {
+                                                            '!g-disabled': !handleCalcHasManagePermission()
+                                                        },
+                                                        "onMouseenter": function onMouseenter() {
+                                                            return handleMouseEnter(handleCalcHasManagePermission());
+                                                        },
+                                                        "onMousemove": function onMousemove(event) {
+                                                            return handleMouseMove(event, handleCalcHasManagePermission());
+                                                        },
+                                                        "onMouseleave": handleMouseLeave,
+                                                        "onClick": function onClick() {
+                                                            return handlePermissionMouseClick(row, function() {
+                                                                return handleShowDelete(row);
+                                                            });
+                                                        }
+                                                    }, [
+                                                        (0, _vue.createTextVNode)("\u5220\u9664")
+                                                    ])
+                                                ];
+                                            }
+                                        })
+                                    ]);
+                                },
+                                trigger: function trigger() {
+                                    return (0, _vue.createVNode)("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'
+                                        ]
+                                    }, null);
+                                }
+                            })
+                        ]);
+                    }
+                }
+            ]);
+        };
+        var handleUpdateSearch = function handleUpdateSearch(search) {
+            emits('update:search', search);
+        };
+        var handleCalcHasManagePermission = function handleCalcHasManagePermission() {
+            return !props.isInternal || props.manageDataset;
+        };
+        var handlePermissionMouseClick = function handlePermissionMouseClick(row, callBack) {
+            handleMouseClick(callBack, handleCalcHasManagePermission(), [
+                _enum.ResourcePermissionAction.ManageDataset
+            ], props.datasetId);
+        };
+        var handleShowEditDatasetData = function handleShowEditDatasetData(row, index) {
+            isShowEditDatasetData.value = true;
+            tempDatasetData.value = row;
+            tempDatasetDataIndex.value = index + (pagination.value.current - 1) * pagination.value.limit;
+        };
+        var handleShowOperationRecord = function handleShowOperationRecord(row) {
+            isShowOperationRecord.value = true;
+            tempDatasetData.value = row;
+        };
+        var handleReviewDatasetData = function handleReviewDatasetData(index) {
+            isShowReviewDatasetData.value = true;
+            tempDatasetDataIndex.value = index + (pagination.value.current - 1) * pagination.value.limit;
+        };
+        var handleUpdate = function handleUpdate() {
+            // 通知父元素进行更新
+            emits('update');
+        };
+        var handleRetryReviewDatasetData = function handleRetryReviewDatasetData(row) {
+            var data = {
+                datasetId: props.datasetId,
+                datasetItemIds: [
+                    row.id
+                ]
+            };
+            batchRetryReviewDatasetData(data).then(handleUpdate);
+        };
+        var handleHidePopover = function handleHidePopover(row) {
+            popoverRef.value[row.id].hide();
+        };
+        var handleShowDelete = function handleShowDelete(row) {
+            deleteRef.value[row.id].popoverRef.show();
+        };
+        var handleDeleteDatasetData = function handleDeleteDatasetData(row) {
+            handleHidePopover(row);
+            deleteDatasetData(row.id).then(handleUpdate);
+        };
+        var isDatasetDataSelected = function isDatasetDataSelected(data) {
+            return props.selectedDatasetDataIds.some(function(selectedDatasetDataId) {
+                return data.id === selectedDatasetDataId;
+            });
+        };
+        var getSelectionLabel = function getSelectionLabel() {
+            // 全选
+            var checked = tableData.value.length > 0 ? tableData.value.every(function(item) {
+                return isDatasetDataSelected(item);
+            }) : false;
+            // 半选
+            var indeterminate = !checked && tableData.value.some(function(item) {
+                return isDatasetDataSelected(item);
+            });
+            // 是否选择了全部数据
+            var isAllChecked = props.selectedDatasetDataIds.length >= pagination.value.count;
+            return (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-dropdown"), {
+                "popoverOptions": {
+                    hideIgnoreReference: true
+                },
+                "placement": "bottom-start"
+            }, {
+                default: function _default() {
+                    return (0, _vue.createVNode)(_index.default, {
+                        "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);
+                                    }
+                                }, {
+                                    default: function _default() {
+                                        return [
+                                            checked ? '取消选择本页' : '选择本页'
+                                        ];
+                                    }
+                                }),
+                                (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-dropdown-item"), {
+                                    "onClick": function onClick() {
+                                        return handleSelectAll(!isAllChecked);
+                                    }
+                                }, {
+                                    default: function _default() {
+                                        return [
+                                            isAllChecked ? '取消选择全部' : '选择全部'
+                                        ];
+                                    }
+                                })
+                            ];
+                        }
+                    });
+                }
+            });
+        };
+        var handleSelect = function handleSelect(row, checked) {
+            var selectedDatasetDataIds = (0, _toConsumableArray2.default)(props.selectedDatasetDataIds);
+            if (checked) {
+                selectedDatasetDataIds.push(row.id);
+            } else {
+                selectedDatasetDataIds = selectedDatasetDataIds.filter(function(selectedDatasetDataId) {
+                    return selectedDatasetDataId !== row.id;
+                });
+            }
+            emits('update:selectedDatasetDataIds', selectedDatasetDataIds);
+        };
+        var clearSelected = function clearSelected() {
+            emits('update:selectedDatasetDataIds', []);
+        };
+        var handleSelectPageAll = function handleSelectPageAll(checked) {
+            var selectedDatasetDataIds = (0, _toConsumableArray2.default)(props.selectedDatasetDataIds);
+            tableData.value.forEach(function(data) {
+                // 全选
+                if (!isDatasetDataSelected(data) && checked) {
+                    selectedDatasetDataIds.push(data.id);
+                }
+                // 取消全选
+                if (isDatasetDataSelected(data) && !checked) {
+                    selectedDatasetDataIds = selectedDatasetDataIds.filter(function(id) {
+                        return 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) {
+            return getDatasetDataList(Object.assign(Object.assign({
+                datasetId: props.datasetId
+            }, props.search), params));
+        };
+        (0, _vue.watch)(function() {
+            return props.search;
+        }, function() {
+            clearSelected();
+            initHook(handleGetDatasetDataList, true);
+            resetPagination();
+            triggerApi();
+        }, {
+            immediate: true,
+            deep: true
+        });
+        __expose({
+            triggerApi: triggerApi
+        });
+        return function(_ctx, _cache) {
+            var _a;
+            return (0, _vue.openBlock)(), (0, _vue.createElementBlock)(_vue.Fragment, null, [
+                (0, _vue.createVNode)(_index9.default, {
+                    "row-key": "id",
+                    class: "g-white-footer-table g-gray-header-table",
+                    height: "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),
+                    "onUpdate:search": handleUpdateSearch
+                }, null, 8 /* PROPS */ , [
+                    "search",
+                    "pagination",
+                    "columns",
+                    "is-loading",
+                    "table-data",
+                    "onPageChange",
+                    "onPageSizeChange",
+                    "onSortChange"
+                ]),
+                (0, _vue.createVNode)(_index6.default, {
+                    modelValue: isShowOperationRecord.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
+                        return 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,
+                    "space-id": __props.spaceId
+                }, null, 8 /* PROPS */ , [
+                    "modelValue",
+                    "dataset-id",
+                    "dataset-data-id",
+                    "api-prefix",
+                    "space-id"
+                ]),
+                (0, _vue.createVNode)(_index5.default, {
+                    modelValue: isShowEditDatasetData.value,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = function($event) {
+                        return isShowEditDatasetData.value = $event;
+                    }),
+                    index: tempDatasetDataIndex.value,
+                    "dataset-id": __props.datasetId,
+                    search: __props.search,
+                    "api-prefix": __props.apiPrefix,
+                    "space-id": __props.spaceId,
+                    schema: __props.schema,
+                    "manage-dataset": __props.manageDataset,
+                    "is-internal": __props.isInternal,
+                    onSuccessEdit: handleUpdate
+                }, null, 8 /* PROPS */ , [
+                    "modelValue",
+                    "index",
+                    "dataset-id",
+                    "search",
+                    "api-prefix",
+                    "space-id",
+                    "schema",
+                    "manage-dataset",
+                    "is-internal"
+                ]),
+                (0, _vue.createVNode)(_index7.default, {
+                    modelValue: isShowReviewDatasetData.value,
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = function($event) {
+                        return isShowReviewDatasetData.value = $event;
+                    }),
+                    index: tempDatasetDataIndex.value,
+                    "dataset-id": __props.datasetId,
+                    search: __props.search,
+                    "api-prefix": __props.apiPrefix,
+                    "space-id": __props.spaceId,
+                    onSuccessReview: handleUpdate
+                }, null, 8 /* PROPS */ , [
+                    "modelValue",
+                    "index",
+                    "dataset-id",
+                    "search",
+                    "api-prefix",
+                    "space-id"
+                ])
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});