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

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

@@ -1,511 +0,0 @@
-"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

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