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

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

@@ -1,18 +1,18 @@
 
-.content[data-v-06yx16c5] {
+.content[data-v-1pyrf1nh] {
   padding: 0 24px 0px 32px;
   height: 100%;
 }
-.content .toolbar[data-v-06yx16c5] {
+.content .toolbar[data-v-1pyrf1nh] {
     margin: 16px 0;
     display: flex;
     align-items: center;
     justify-content: right;
     gap: 8px;
 }
-.content .toolbar .record-search[data-v-06yx16c5] {
+.content .toolbar .record-search[data-v-1pyrf1nh] {
       width: 360px;
 }
-.content .toolbar .record-data-picker[data-v-06yx16c5] {
+.content .toolbar .record-data-picker[data-v-1pyrf1nh] {
       width: 260px;
 }

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

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

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

@@ -1,24 +1,12 @@
-"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)({
+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({
     props: {
         search: {},
         apiPrefix: {},
@@ -27,17 +15,18 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
     emits: [
         "update:search"
     ],
-    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 [
+    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 = ()=>[
                 {
                     colKey: 'instanceId',
                     title: '数据 ID',
@@ -52,98 +41,74 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                     colKey: 'resultCode',
                     title: '操作状态',
                     ellipsis: true,
-                    cell: function cell(h, _ref2) {
-                        var row = _ref2.row;
-                        return (0, _vue.createVNode)("span", {
+                    cell: (h, { row })=>_createVNode2("span", {
                             "class": "g-flex-row"
                         }, [
-                            (0, _vue.createVNode)("svg", {
+                            _createVNode2("svg", {
                                 "class": "g-mr-4 g-width-16 g-height-16 g-min-width-16"
                             }, [
-                                (0, _vue.createVNode)("use", {
-                                    "href": row.resultCode === _enum.DatasetDataOperatRecordResultCode.Success ? '#ai-ui-sdk-sync-success' : '#ai-ui-sdk-sync-failed'
+                                _createVNode2("use", {
+                                    "href": row.resultCode === DatasetDataOperatRecordResultCode.Success ? '#ai-ui-sdk-sync-success' : '#ai-ui-sdk-sync-failed'
                                 }, null)
                             ]),
                             resultCodeMap[row.resultCode]
-                        ]);
-                    }
+                        ])
                 },
                 {
                     colKey: 'instanceData',
                     title: '操作结果',
                     ellipsis: true,
-                    cell: function cell(h, _ref3) {
-                        var row = _ref3.row;
-                        return (0, _vue.createVNode)("span", {
+                    cell: (h, { row })=>_createVNode2("span", {
                             "class": "g-flex-row g-justify-between"
                         }, [
-                            (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-popover"), {
+                            _createVNode2(_resolveComponent("bk-popover"), {
                                 "arrow": false,
                                 "theme": "light",
                                 "placement": "left",
                                 "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", {
+                                "content": _createVNode2("span", null, [
+                                    Object.entries(row.instanceData || {}).map(([key, value])=>_createVNode2("span", {
                                             "key": key
                                         }, [
                                             key,
-                                            (0, _vue.createTextVNode)(": "),
+                                            _createTextVNode(": "),
                                             value,
-                                            (0, _vue.createTextVNode)(" "),
-                                            (0, _vue.createVNode)("br", null, null)
-                                        ]);
-                                    })
+                                            _createTextVNode(" "),
+                                            _createVNode2("br", null, null)
+                                        ]))
                                 ])
                             }, {
-                                default: function _default() {
-                                    return [
-                                        (0, _vue.createVNode)("span", {
+                                default: ()=>[
+                                        _createVNode2("span", {
                                             "class": "btn-text g-max-truncate"
                                         }, [
-                                            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", {
+                                            Object.entries(row.instanceData || {}).map(([key, value])=>_createVNode2("span", {
                                                     "key": key
                                                 }, [
                                                     key,
-                                                    (0, _vue.createTextVNode)(": "),
+                                                    _createTextVNode(": "),
                                                     value,
-                                                    (0, _vue.createTextVNode)(" "),
-                                                    (0, _vue.createVNode)("br", null, null)
-                                                ]);
-                                            })
+                                                    _createTextVNode(" "),
+                                                    _createVNode2("br", null, null)
+                                                ]))
                                         ])
-                                    ];
-                                }
+                                    ]
                             }),
-                            (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-button"), {
+                            _createVNode2(_resolveComponent("bk-button"), {
                                 "text": true,
                                 "theme": "primary",
-                                "onClick": function onClick() {
-                                    return handleView(row);
-                                }
+                                "onClick": ()=>handleView(row)
                             }, {
-                                default: function _default() {
-                                    return [
-                                        (0, _vue.createTextVNode)("[\u67E5\u770B]")
-                                    ];
-                                }
+                                default: ()=>[
+                                        _createTextVNode("[\u67E5\u770B]")
+                                    ]
                             })
-                        ]);
-                    }
+                        ])
                 },
                 {
                     colKey: 'username',
                     title: '操作人',
-                    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);
-                    }
+                    ellipsis: true
                 },
                 {
                     colKey: 'endTime',
@@ -151,43 +116,40 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                     ellipsis: true
                 }
             ];
-        };
-        var handleGetOperateRecordList = function handleGetOperateRecordList(page) {
+        const handleGetOperateRecordList = (page)=>{
             return getOperateRecordList(Object.assign(Object.assign({}, props.search), page));
         };
-        var handleView = function handleView(row) {
+        const handleView = (row)=>{
             isShowView.value = true;
             viewData.value = row;
         };
-        var handleSearch = function handleSearch(search) {
+        const handleSearch = (search)=>{
             emit('update:search', search);
         };
-        (0, _vue.watch)(function() {
-            return props.search;
-        }, function() {
+        watch(()=>props.search, ()=>{
             resetPagination();
             triggerApi();
         }, {
             deep: true
         });
-        (0, _vue.onBeforeMount)(function() {
+        onBeforeMount(()=>{
             initHook(handleGetOperateRecordList, true);
             triggerApi();
         });
-        return function(_ctx, _cache) {
-            return (0, _vue.openBlock)(), (0, _vue.createElementBlock)(_vue.Fragment, null, [
-                (0, _vue.createVNode)(_index2.default, {
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                _createVNode(RenderTTable, {
                     "row-key": "instanceId",
                     class: "g-white-footer-table g-gray-header-table",
                     height: "calc(100vh - 140px)",
                     "row-class-name": "g-height-70",
                     search: __props.search,
-                    pagination: (0, _vue.unref)(pagination),
+                    pagination: _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),
+                    "is-loading": _unref(isLoading),
+                    "table-data": _unref(tableData),
+                    onPageChange: _unref(handlePageChange),
+                    onPageSizeChange: _unref(handlePageSizeChange),
                     "onUpdate:search": handleSearch
                 }, null, 8 /* PROPS */ , [
                     "search",
@@ -198,11 +160,9 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                     "onPageChange",
                     "onPageSizeChange"
                 ]),
-                (0, _vue.createVNode)(_index.default, {
+                _createVNode(ViewOpResult, {
                     "is-show": isShowView.value,
-                    "onUpdate:isShow": _cache[0] || (_cache[0] = function($event) {
-                        return isShowView.value = $event;
-                    }),
+                    "onUpdate:isShow": _cache[0] || (_cache[0] = ($event)=>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-f8nrrrrh] .btn-text{
+[data-v-0e2teiaz] .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-f8nrrrrh";
+script.__scopeId = "data-v-0e2teiaz";
 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.vue.css

@@ -1,10 +1,10 @@
 
-.content[data-v-34u79f73] {
+.content[data-v-ngkgr3a6] {
   padding: 18px 24px 0;
   height: 100%;
   overflow: auto;
 }
-.content .value-content[data-v-34u79f73] {
+.content .value-content[data-v-ngkgr3a6] {
     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-34u79f73";
+script.__scopeId = "data-v-ngkgr3a6";
 script.__file = "./src/components/render-dataset/components/operation-record/view-op-result/index.vue";
 import './index.vue.css';
 export default script;