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

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

@@ -0,0 +1,511 @@
+"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)({
+    props: {
+        apiPrefix: {},
+        isInternal: {
+            type: Boolean
+        },
+        reviewDataset: {
+            type: Boolean
+        },
+        search: {},
+        spaceId: {},
+        groupType: {},
+        tagId: {},
+        tagName: {}
+    },
+    emits: [
+        "success-delete",
+        "success-edit",
+        "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 [
+                {
+                    colKey: 'datasetName',
+                    defaultShow: true,
+                    fixed: 'left',
+                    ellipsis: true,
+                    title: '名称',
+                    cell: function cell(h, _ref2) {
+                        var row = _ref2.row;
+                        return (0, _vue.createVNode)((0, _vue.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));
+                            },
+                            "onMouseleave": handleMouseLeave,
+                            "onClick": function onClick() {
+                                return handleViewPermissionMouseClick(function() {
+                                    return handleGoToDetail(row);
+                                }, row);
+                            }
+                        }, {
+                            default: function _default() {
+                                return [
+                                    row.datasetName
+                                ];
+                            }
+                        });
+                    }
+                },
+                {
+                    colKey: 'datasetCode',
+                    defaultShow: true,
+                    ellipsis: true,
+                    title: '英文名'
+                },
+                {
+                    colKey: 'datasetItemCount',
+                    ellipsis: true,
+                    defaultShow: true,
+                    title: '数据量',
+                    sorter: true,
+                    sortKey: 'dataset_item_count'
+                }
+            ].concat((0, _toConsumableArray2.default)(props.reviewDataset ? [
+                {
+                    colKey: 'datasetItemUnreviewedCount',
+                    title: '待审核数据量',
+                    ellipsis: true,
+                    sorter: true,
+                    sortKey: 'dataset_item_unreviewed_count'
+                }
+            ] : []), [
+                {
+                    colKey: 'typeName',
+                    defaultShow: 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(' / ')) || '';
+                    }
+                }
+            ] : []), (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(',')) || '--';
+                    }
+                }
+            ] : []), [
+                {
+                    colKey: 'description',
+                    title: '描述',
+                    ellipsis: true,
+                    defaultShow: true
+                },
+                {
+                    colKey: 'createdBy',
+                    title: '创建人',
+                    ellipsis: true,
+                    cell: function cell(h, _ref5) {
+                        var row = _ref5.row;
+                        return (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-user-display-name"), {
+                            "user-id": row.createdBy
+                        }, null);
+                    }
+                },
+                {
+                    colKey: 'createdAt',
+                    title: '创建时间',
+                    defaultShow: true,
+                    ellipsis: true,
+                    minWidth: 200,
+                    sorter: true,
+                    sortKey: 'created_at'
+                },
+                {
+                    colKey: 'operations',
+                    title: '操作',
+                    fixed: 'right',
+                    defaultShow: true,
+                    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, {
+                                "text": true,
+                                "class": "g-mr-16",
+                                "apiPrefix": props.apiPrefix,
+                                "spaceId": props.spaceId,
+                                "isInternal": props.isInternal,
+                                "manageDataset": isDatasetManagePermission(row),
+                                "datasetData": handleGetDatasetData(row),
+                                "onSuccess-create": triggerApi
+                            }, null),
+                            (0, _vue.createVNode)((0, _vue.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));
+                                },
+                                "onMouseleave": handleMouseLeave,
+                                "onClick": function onClick() {
+                                    return handleViewPermissionMouseClick(function() {
+                                        return handleGoToDetail(row);
+                                    }, row);
+                                }
+                            }, {
+                                default: function _default() {
+                                    return [
+                                        (0, _vue.createTextVNode)("\u67E5\u770B\u8BE6\u60C5")
+                                    ];
+                                }
+                            }),
+                            (0, _vue.createVNode)(_index4.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-table-".concat(row.id)
+                                    }, [
+                                        (0, _vue.createVNode)("li", {
+                                            "onClick": function onClick() {
+                                                return handleHidePopover(row);
+                                            }
+                                        }, [
+                                            (0, _vue.createVNode)((0, _vue.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));
+                                                },
+                                                "onMouseleave": handleMouseLeave,
+                                                "onClick": function onClick() {
+                                                    return handleManagePermissionMouseClick(function() {
+                                                        return handleShowEditDataset(row);
+                                                    }, row);
+                                                }
+                                            }, {
+                                                default: function _default() {
+                                                    return [
+                                                        (0, _vue.createTextVNode)("\u7F16\u8F91\u6570\u636E\u96C6")
+                                                    ];
+                                                }
+                                            })
+                                        ]),
+                                        (0, _vue.createVNode)("li", {
+                                            "onClick": function onClick() {
+                                                return handleHidePopover(row);
+                                            }
+                                        }, [
+                                            (0, _vue.createVNode)((0, _vue.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));
+                                                },
+                                                "onMouseleave": handleMouseLeave,
+                                                "onClick": function onClick() {
+                                                    return handleManagePermissionMouseClick(function() {
+                                                        return handleShowOperationRecord(row);
+                                                    }, 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-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);
+                                            }
+                                        }, {
+                                            default: function _default() {
+                                                return [
+                                                    (0, _vue.createVNode)("li", {
+                                                        "class": {
+                                                            '!g-disabled': !isDatasetManagePermission(row)
+                                                        },
+                                                        "onMouseenter": function onMouseenter() {
+                                                            return handleMouseEnter(isDatasetManagePermission(row));
+                                                        },
+                                                        "onMousemove": function onMousemove(event) {
+                                                            return handleMouseMove(event, isDatasetManagePermission(row));
+                                                        },
+                                                        "onMouseleave": handleMouseLeave,
+                                                        "onClick": function onClick() {
+                                                            return handleManagePermissionMouseClick(function() {
+                                                                return handleShowDelete(row);
+                                                            }, 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-cursor-pointer',
+                                            'hover:!g-bg-[#dcdee5] hover:g-rounded-full',
+                                            isDatasetManagePermission(row) ? 'g-text-blue' : ''
+                                        ]
+                                    }, null);
+                                }
+                            })
+                        ]);
+                    }
+                }
+            ]);
+        };
+        var handleUpdateSearch = function handleUpdateSearch(search) {
+            emits('update:search', search);
+        };
+        var isDatasetViewPermission = function isDatasetViewPermission(row) {
+            var _a;
+            return ((_a = row.permission) === null || _a === void 0 ? void 0 : _a.viewDataset) || !props.isInternal;
+        };
+        var isDatasetManagePermission = function isDatasetManagePermission(row) {
+            var _a;
+            return ((_a = row.permission) === null || _a === void 0 ? void 0 : _a.manageDataset) || !props.isInternal;
+        };
+        var handleViewPermissionMouseClick = function handleViewPermissionMouseClick(callback, row) {
+            handleMouseClick(callback, isDatasetViewPermission(row), [
+                _enum.ResourcePermissionAction.ViewDataset
+            ], row.id);
+        };
+        var handleManagePermissionMouseClick = function handleManagePermissionMouseClick(callback, row) {
+            handleMouseClick(callback, isDatasetManagePermission(row), [
+                _enum.ResourcePermissionAction.ManageDataset,
+                _enum.ResourcePermissionAction.ViewDataset
+            ], row.id);
+        };
+        var handleGetDatasetList = function 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) {
+            isShowEditDataset.value = true;
+            tempDataset.value = row;
+        };
+        var handleShowOperationRecord = function handleShowOperationRecord(row) {
+            isShowOperationRecord.value = true;
+            tempDataset.value = row;
+        };
+        var handleShowDelete = function handleShowDelete(row) {
+            deleteRef.value[row.id].popoverRef.show();
+        };
+        var handleHidePopover = function handleHidePopover(row) {
+            popoverRef.value[row.id].hide();
+        };
+        var handleDeleteDataset = function handleDeleteDataset(row) {
+            handleHidePopover(row);
+            deleteDataset(row.id).then(function() {
+                emits('success-delete');
+            });
+        };
+        var handleSuccessEditDataset = function handleSuccessEditDataset() {
+            emits('success-edit');
+        };
+        var handleGetDatasetData = function handleGetDatasetData(row) {
+            return {
+                datasetId: row.id
+            };
+        };
+        var handleGoToDetail = function handleGoToDetail(row) {
+            emits('navigate', {
+                type: _enum.SdkNavigateActionType.DatasetDetail,
+                id: row.id
+            });
+        };
+        (0, _vue.onBeforeMount)(function() {
+            initHook(handleGetDatasetList, true);
+            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();
+        }, {
+            deep: true
+        });
+        __expose({
+            triggerApi: triggerApi
+        });
+        return function(_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),
+                    search: __props.search,
+                    onPageChange: (0, _vue.unref)(handlePageChange),
+                    onPageSizeChange: (0, _vue.unref)(handlePageSizeChange),
+                    onSortChange: (0, _vue.unref)(handleSortChange),
+                    "onUpdate:search": handleUpdateSearch
+                }, null, 8 /* PROPS */ , [
+                    "pagination",
+                    "columns",
+                    "is-loading",
+                    "table-data",
+                    "search",
+                    "onPageChange",
+                    "onPageSizeChange",
+                    "onSortChange"
+                ]),
+                (0, _vue.createVNode)(_index2.default, {
+                    modelValue: isShowEditDataset.value,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = function($event) {
+                        return isShowEditDataset.value = $event;
+                    }),
+                    "api-prefix": __props.apiPrefix,
+                    "space-id": __props.spaceId,
+                    "is-internal": __props.isInternal,
+                    dataset: tempDataset.value,
+                    onSuccessSave: handleSuccessEditDataset
+                }, null, 8 /* PROPS */ , [
+                    "modelValue",
+                    "api-prefix",
+                    "space-id",
+                    "is-internal",
+                    "dataset"
+                ]),
+                (0, _vue.createVNode)(_index.default, {
+                    modelValue: isShowOperationRecord.value,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = function($event) {
+                        return isShowOperationRecord.value = $event;
+                    }),
+                    "api-prefix": __props.apiPrefix,
+                    "space-id": __props.spaceId,
+                    "dataset-id": (_a = tempDataset.value) === null || _a === void 0 ? void 0 : _a.id
+                }, null, 8 /* PROPS */ , [
+                    "modelValue",
+                    "api-prefix",
+                    "space-id",
+                    "dataset-id"
+                ])
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

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

@@ -0,0 +1,3 @@
+import script from './table.script.vue.js';
+script.__file = "./src/components/render-dataset-list/components/table.vue";
+export default script;