@blueking/ai-ui-sdk 0.3.0-beta.8 → 0.4.0-beta.1

package/dist/components/render-dataset/components/operation-record/table/index.script.vue.js

@@ -1,12 +1,24 @@
-import { defineComponent as _defineComponent, createVNode as _createVNode2, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent } from 'vue';
-import { unref as _unref, createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
-import { onBeforeMount, ref, toRef, watch } from 'vue';
-import ViewOpResult from '../view-op-result/index.vue.js';
-import RenderTTable from '../../../../render-t-table/index.vue.js';
-import { useDatasetHttp } from '../../../../../hooks/use-dataset-http.ts.js';
-import { useTTable } from '../../../../../hooks/use-t-table.ts.js';
-import { DatasetDataOperatRecordResultCode } from '../../../../../types/enum.ts.js';
-export default /*@__PURE__*/ _defineComponent({
+"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.map.js');
+require('../../../../../node_modules/core-js/modules/es.object.assign.js');
+require('../../../../../node_modules/core-js/modules/es.object.entries.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 _slicedToArray2 = _interopRequireDefault(require('../../../../../node_modules/@babel/runtime/helpers/slicedToArray.js'));
+var _defineProperty2 = _interopRequireDefault(require('../../../../../node_modules/@babel/runtime/helpers/defineProperty.js'));
+var _index = _interopRequireDefault(require('../view-op-result/index.vue.js'));
+var _index2 = _interopRequireDefault(require('../../../../render-t-table/index.vue.js'));
+var _useDatasetHttp2 = require('../../../../../hooks/use-dataset-http.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: {
         search: {},
         apiPrefix: {},
@@ -15,18 +27,17 @@ export default /*@__PURE__*/ _defineComponent({
     emits: [
         "update:search"
     ],
-    setup (__props, { emit: __emit }) {
-        const props = __props;
-        const emit = __emit;
-        const { getOperateRecordList } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
-        const { isLoading, triggerApi, pagination, tableData, initHook, resetPagination, handlePageChange, handlePageSizeChange } = useTTable();
-        const resultCodeMap = {
-            [DatasetDataOperatRecordResultCode.Failed]: '失败',
-            [DatasetDataOperatRecordResultCode.Success]: '成功'
-        };
-        const isShowView = ref(false);
-        const viewData = ref();
-        const getColumns = ()=>[
+    setup: function setup(__props, _ref) {
+        var __emit = _ref.emit;
+        var props = __props;
+        var emit = __emit;
+        var _useDatasetHttp = (0, _useDatasetHttp2.useDatasetHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getOperateRecordList = _useDatasetHttp.getOperateRecordList;
+        var _useTTable = (0, _useTTable2.useTTable)(), isLoading = _useTTable.isLoading, triggerApi = _useTTable.triggerApi, pagination = _useTTable.pagination, tableData = _useTTable.tableData, initHook = _useTTable.initHook, resetPagination = _useTTable.resetPagination, handlePageChange = _useTTable.handlePageChange, handlePageSizeChange = _useTTable.handlePageSizeChange;
+        var resultCodeMap = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _enum.DatasetDataOperatRecordResultCode.Failed, '失败'), _enum.DatasetDataOperatRecordResultCode.Success, '成功');
+        var isShowView = (0, _vue.ref)(false);
+        var viewData = (0, _vue.ref)();
+        var getColumns = function getColumns() {
+            return [
                 {
                     colKey: 'instanceId',
                     title: '数据 ID',
@@ -41,74 +52,98 @@ export default /*@__PURE__*/ _defineComponent({
                     colKey: 'resultCode',
                     title: '操作状态',
                     ellipsis: true,
-                    cell: (h, { row })=>_createVNode2("span", {
+                    cell: function cell(h, _ref2) {
+                        var row = _ref2.row;
+                        return (0, _vue.createVNode)("span", {
                             "class": "g-flex-row"
                         }, [
-                            _createVNode2("svg", {
-                                "class": "g-mr-4 g-w-16 g-h-16 g-min-w-16"
+                            (0, _vue.createVNode)("svg", {
+                                "class": "g-mr-4 g-width-16 g-height-16 g-min-width-16"
                             }, [
-                                _createVNode2("use", {
-                                    "href": row.resultCode === DatasetDataOperatRecordResultCode.Success ? '#ai-ui-sdk-sync-success' : '#ai-ui-sdk-sync-failed'
+                                (0, _vue.createVNode)("use", {
+                                    "href": row.resultCode === _enum.DatasetDataOperatRecordResultCode.Success ? '#ai-ui-sdk-sync-success' : '#ai-ui-sdk-sync-failed'
                                 }, null)
                             ]),
                             resultCodeMap[row.resultCode]
-                        ])
+                        ]);
+                    }
                 },
                 {
                     colKey: 'instanceData',
                     title: '操作结果',
                     ellipsis: true,
-                    cell: (h, { row })=>_createVNode2("span", {
-                            "class": "g-flex-row !g-justify-between"
+                    cell: function cell(h, _ref3) {
+                        var row = _ref3.row;
+                        return (0, _vue.createVNode)("span", {
+                            "class": "g-flex-row g-justify-between"
                         }, [
-                            _createVNode2(_resolveComponent("bk-popover"), {
+                            (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": _createVNode2("span", null, [
-                                    Object.entries(row.instanceData || {}).map(([key, value])=>_createVNode2("span", {
+                                "ext-cls": "g-max-width-400 g-white-space-pre-line g-max-height-80vh g-scrollbar-page",
+                                "content": (0, _vue.createVNode)("span", null, [
+                                    Object.entries(row.instanceData || {}).map(function(_ref4) {
+                                        var _ref5 = (0, _slicedToArray2.default)(_ref4, 2), key = _ref5[0], value = _ref5[1];
+                                        return (0, _vue.createVNode)("span", {
                                             "key": key
                                         }, [
                                             key,
-                                            _createTextVNode(": "),
+                                            (0, _vue.createTextVNode)(": "),
                                             value,
-                                            _createTextVNode(" "),
-                                            _createVNode2("br", null, null)
-                                        ]))
+                                            (0, _vue.createTextVNode)(" "),
+                                            (0, _vue.createVNode)("br", null, null)
+                                        ]);
+                                    })
                                 ])
                             }, {
-                                default: ()=>[
-                                        _createVNode2("span", {
+                                default: function _default() {
+                                    return [
+                                        (0, _vue.createVNode)("span", {
                                             "class": "btn-text g-max-truncate"
                                         }, [
-                                            Object.entries(row.instanceData || {}).map(([key, value])=>_createVNode2("span", {
+                                            Object.entries(row.instanceData || {}).map(function(_ref6) {
+                                                var _ref7 = (0, _slicedToArray2.default)(_ref6, 2), key = _ref7[0], value = _ref7[1];
+                                                return (0, _vue.createVNode)("span", {
                                                     "key": key
                                                 }, [
                                                     key,
-                                                    _createTextVNode(": "),
+                                                    (0, _vue.createTextVNode)(": "),
                                                     value,
-                                                    _createTextVNode(" "),
-                                                    _createVNode2("br", null, null)
-                                                ]))
+                                                    (0, _vue.createTextVNode)(" "),
+                                                    (0, _vue.createVNode)("br", null, null)
+                                                ]);
+                                            })
                                         ])
-                                    ]
+                                    ];
+                                }
                             }),
-                            _createVNode2(_resolveComponent("bk-button"), {
+                            (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-button"), {
                                 "text": true,
                                 "theme": "primary",
-                                "onClick": ()=>handleView(row)
+                                "onClick": function onClick() {
+                                    return handleView(row);
+                                }
                             }, {
-                                default: ()=>[
-                                        _createTextVNode("[\u67E5\u770B]")
-                                    ]
+                                default: function _default() {
+                                    return [
+                                        (0, _vue.createTextVNode)("[\u67E5\u770B]")
+                                    ];
+                                }
                             })
-                        ])
+                        ]);
+                    }
                 },
                 {
                     colKey: 'username',
                     title: '操作人',
-                    ellipsis: true
+                    ellipsis: true,
+                    cell: function cell(h, _ref8) {
+                        var row = _ref8.row;
+                        return (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-user-display-name"), {
+                            "user-id": row.username
+                        }, null);
+                    }
                 },
                 {
                     colKey: 'endTime',
@@ -116,40 +151,43 @@ export default /*@__PURE__*/ _defineComponent({
                     ellipsis: true
                 }
             ];
-        const handleGetOperateRecordList = (page)=>{
+        };
+        var handleGetOperateRecordList = function handleGetOperateRecordList(page) {
             return getOperateRecordList(Object.assign(Object.assign({}, props.search), page));
         };
-        const handleView = (row)=>{
+        var handleView = function handleView(row) {
             isShowView.value = true;
             viewData.value = row;
         };
-        const handleSearch = (search)=>{
+        var handleSearch = function handleSearch(search) {
             emit('update:search', search);
         };
-        watch(()=>props.search, ()=>{
+        (0, _vue.watch)(function() {
+            return props.search;
+        }, function() {
             resetPagination();
             triggerApi();
         }, {
             deep: true
         });
-        onBeforeMount(()=>{
+        (0, _vue.onBeforeMount)(function() {
             initHook(handleGetOperateRecordList, true);
             triggerApi();
         });
-        return (_ctx, _cache)=>{
-            return _openBlock(), _createElementBlock(_Fragment, null, [
-                _createVNode(RenderTTable, {
+        return function(_ctx, _cache) {
+            return (0, _vue.openBlock)(), (0, _vue.createElementBlock)(_vue.Fragment, null, [
+                (0, _vue.createVNode)(_index2.default, {
                     "row-key": "instanceId",
                     class: "g-white-footer-table g-gray-header-table",
                     height: "calc(100vh - 140px)",
-                    "row-class-name": "g-h-70",
+                    "row-class-name": "g-height-70",
                     search: __props.search,
-                    pagination: _unref(pagination),
+                    pagination: (0, _vue.unref)(pagination),
                     columns: getColumns(),
-                    "is-loading": _unref(isLoading),
-                    "table-data": _unref(tableData),
-                    onPageChange: _unref(handlePageChange),
-                    onPageSizeChange: _unref(handlePageSizeChange),
+                    "is-loading": (0, _vue.unref)(isLoading),
+                    "table-data": (0, _vue.unref)(tableData),
+                    onPageChange: (0, _vue.unref)(handlePageChange),
+                    onPageSizeChange: (0, _vue.unref)(handlePageSizeChange),
                     "onUpdate:search": handleSearch
                 }, null, 8 /* PROPS */ , [
                     "search",
@@ -160,9 +198,11 @@ export default /*@__PURE__*/ _defineComponent({
                     "onPageChange",
                     "onPageSizeChange"
                 ]),
-                _createVNode(ViewOpResult, {
+                (0, _vue.createVNode)(_index.default, {
                     "is-show": isShowView.value,
-                    "onUpdate:isShow": _cache[0] || (_cache[0] = ($event)=>isShowView.value = $event),
+                    "onUpdate:isShow": _cache[0] || (_cache[0] = function($event) {
+                        return isShowView.value = $event;
+                    }),
                     data: viewData.value
                 }, null, 8 /* PROPS */ , [
                     "is-show",

package/dist/components/render-dataset/components/operation-record/table/index.vue.css

@@ -1,5 +1,5 @@
 
-[data-v-gfmml8pa] .btn-text{
+[data-v-dgzpky39] .btn-text{
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;

package/dist/components/render-dataset/components/operation-record/table/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js';
-script.__scopeId = "data-v-gfmml8pa";
+script.__scopeId = "data-v-dgzpky39";
 script.__file = "./src/components/render-dataset/components/operation-record/table/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-dataset/components/operation-record/view-op-result/index.script.vue.js.js

@@ -7,7 +7,7 @@ const _hoisted_2 = {
     class: "content"
 };
 const _hoisted_3 = {
-    class: "value-content g-whitespace-pre-line"
+    class: "value-content g-white-space-pre-line"
 };
 import Collapse from '../../../../render-collapse/index.vue.js';
 export default /*@__PURE__*/ _defineComponent({
@@ -45,7 +45,7 @@ export default /*@__PURE__*/ _defineComponent({
                             (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.data.instanceData, (value, key)=>{
                                 return _openBlock(), _createElementBlock("div", {
                                     key: key,
-                                    class: "!g-mb-16"
+                                    class: "g-mb-16"
                                 }, [
                                     _createVNode(Collapse, {
                                         title: key

package/dist/components/render-dataset/components/operation-record/view-op-result/index.vue.css

@@ -1,10 +1,10 @@
 
-.content[data-v-qy1e38ic] {
+.content[data-v-w2ijs43f] {
   padding: 18px 24px 0;
   height: 100%;
   overflow: auto;
 }
-.content .value-content[data-v-qy1e38ic] {
+.content .value-content[data-v-w2ijs43f] {
     margin-top: 8px;
     padding: 16px;
     border: 1px solid #DCDEE5;

package/dist/components/render-dataset/components/operation-record/view-op-result/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-qy1e38ic";
+script.__scopeId = "data-v-w2ijs43f";
 script.__file = "./src/components/render-dataset/components/operation-record/view-op-result/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-dataset/components/plus-dataset/dataset-footer.script.vue.js.js

@@ -74,7 +74,7 @@ export default /*@__PURE__*/ _defineComponent({
             const _component_bk_button = _resolveComponent("bk-button");
             return _openBlock(), _createElementBlock(_Fragment, null, [
                 _createVNode(_component_bk_button, {
-                    class: "g-w-88 g-mr-8",
+                    class: "g-width-88 g-mr-8",
                     theme: "primary",
                     loading: loading.value,
                     onClick: handleConfirm
@@ -89,7 +89,7 @@ export default /*@__PURE__*/ _defineComponent({
                     "loading"
                 ]),
                 _createVNode(_component_bk_button, {
-                    class: "g-w-88",
+                    class: "g-width-88",
                     disabled: loading.value,
                     onClick: handleClose
                 }, {