@blueking/ai-ui-sdk 0.5.1-beta.1 → 0.5.1-beta.4

package/dist/components/render-dataset/components/dataset-data-tool-icons/index.script.vue.js

@@ -1,40 +1,36 @@
-"use strict";
-var _interopRequireDefault = require('../../../../../node_modules/@babel/runtime/helpers/interopRequireDefault.js');
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.default = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require('../../../../../node_modules/@babel/runtime/helpers/toConsumableArray.js'));
-var _vue = require("vue");
-var _hoisted_1 = {
+import { defineComponent as _defineComponent, createVNode as _createVNode } from 'vue';
+import { createElementVNode as _createElementVNode, resolveDirective as _resolveDirective, openBlock as _openBlock, createElementBlock as _createElementBlock, withDirectives as _withDirectives, createStaticVNode as _createStaticVNode } from "vue";
+const _hoisted_1 = {
     class: "g-text-blue g-flex-row"
 };
-var _hoisted_2 = {
+const _hoisted_2 = {
     class: "g-flex-row"
 };
-var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+export default /*@__PURE__*/ _defineComponent({
     props: {
         tips: {}
     },
-    setup: function setup(__props) {
-        var getTooltipContent = function getTooltipContent(value) {
-            return (0, _vue.createVNode)("section", {
+    setup (__props) {
+        const getTooltipContent = (value)=>{
+            return _createVNode("section", {
                 "class": "g-whitespace-pre-line g-max-h-80vh g-max-w-400 g-scrollbar-page"
             }, [
                 value
             ]);
         };
-        return function(_ctx, _cache) {
-            var _directive_bk_tooltips = (0, _vue.resolveDirective)("bk-tooltips");
-            return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("span", _hoisted_1, [
-                (0, _vue.withDirectives)(((0, _vue.openBlock)(), (0, _vue.createElementBlock)("span", _hoisted_2, (0, _toConsumableArray2.default)(_cache[0] || (_cache[0] = [
-                    (0, _vue.createElementVNode)("i", {
-                        class: "ai-ui-sdk-icon ai-ui-sdk-info-line g-text-14 g-mr-2"
-                    }, null, -1 /* CACHED */ ),
-                    (0, _vue.createElementVNode)("span", {
-                        class: "!g-text-12"
-                    }, "示例", -1 /* CACHED */ )
-                ])))), [
+        return (_ctx, _cache)=>{
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return _openBlock(), _createElementBlock("span", _hoisted_1, [
+                _withDirectives((_openBlock(), _createElementBlock("span", _hoisted_2, [
+                    ..._cache[0] || (_cache[0] = [
+                        _createElementVNode("i", {
+                            class: "ai-ui-sdk-icon ai-ui-sdk-info-line g-text-14 g-mr-2"
+                        }, null, -1 /* CACHED */ ),
+                        _createElementVNode("span", {
+                            class: "!g-text-12"
+                        }, "示例", -1 /* CACHED */ )
+                    ])
+                ])), [
                     [
                         _directive_bk_tooltips,
                         {
@@ -45,7 +41,7 @@ var _default = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
                         }
                     ]
                 ]),
-                _cache[1] || (_cache[1] = (0, _vue.createStaticVNode)("<span class=\"click-full-screen !g-cursor-pointer g-flex-row\" data-v-qpmkaan7><i class=\"ai-ui-sdk-icon ai-ui-sdk-full-screen click-full-screen g-text-14 g-ml-24 g-mr-2\" data-v-qpmkaan7></i><span class=\"!g-text-12 click-full-screen\" data-v-qpmkaan7>全屏</span></span><span class=\"click-un-full-screen !g-cursor-pointer g-flex-row\" data-v-qpmkaan7><i class=\"ai-ui-sdk-icon ai-ui-sdk-un-full-screen click-un-full-screen g-text-14 g-ml-24 g-mr-2\" data-v-qpmkaan7></i><span class=\"!g-text-12 click-un-full-screen\" data-v-qpmkaan7>取消全屏</span></span>", 2))
+                _cache[1] || (_cache[1] = _createStaticVNode("<span class=\"click-full-screen !g-cursor-pointer g-flex-row\" data-v-8faeuf0c><i class=\"ai-ui-sdk-icon ai-ui-sdk-full-screen click-full-screen g-text-14 g-ml-24 g-mr-2\" data-v-8faeuf0c></i><span class=\"!g-text-12 click-full-screen\" data-v-8faeuf0c>全屏</span></span><span class=\"click-un-full-screen !g-cursor-pointer g-flex-row\" data-v-8faeuf0c><i class=\"ai-ui-sdk-icon ai-ui-sdk-un-full-screen click-un-full-screen g-text-14 g-ml-24 g-mr-2\" data-v-8faeuf0c></i><span class=\"!g-text-12 click-un-full-screen\" data-v-8faeuf0c>取消全屏</span></span>", 2))
             ]);
         };
     }

package/dist/components/render-dataset/components/edit-dataset-data/index.vue.css

@@ -1,15 +1,15 @@
 
-.content[data-v-9acvuf2q] {
+.content[data-v-k7ina85c] {
   padding: 18px 24px 0;
   height: 100%;
   overflow: auto;
 }
-.data-set-edit-slider .value-content[data-v-9acvuf2q] {
+.data-set-edit-slider .value-content[data-v-k7ina85c] {
     padding: 16px;
     border: 1px solid #DCDEE5;
     line-height: 22px;
 }
-.data-set-edit-slider[data-v-9acvuf2q] .bk-sideslider-title {
+.data-set-edit-slider[data-v-k7ina85c] .bk-sideslider-title {
     justify-content: space-between;
     width: 100%;
 }

package/dist/components/render-dataset/components/edit-dataset-data/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-9acvuf2q";
+script.__scopeId = "data-v-k7ina85c";
 script.__file = "./src/components/render-dataset/components/edit-dataset-data/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,18 +1,18 @@
 
-.content[data-v-yrdv5any] {
+.content[data-v-iflbmdws] {
   padding: 0 24px 0px 32px;
   height: 100%;
 }
-.content .toolbar[data-v-yrdv5any] {
+.content .toolbar[data-v-iflbmdws] {
     margin: 16px 0;
     display: flex;
     align-items: center;
     justify-content: right;
     gap: 8px;
 }
-.content .toolbar .record-search[data-v-yrdv5any] {
+.content .toolbar .record-search[data-v-iflbmdws] {
       width: 360px;
 }
-.content .toolbar .record-data-picker[data-v-yrdv5any] {
+.content .toolbar .record-data-picker[data-v-iflbmdws] {
       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-yrdv5any";
+script.__scopeId = "data-v-iflbmdws";
 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, handleResetPagination, handlePageChange } = useTTable();
+        const resultCodeMap = {
+            [DatasetDataOperatRecordResultCode.Failed]: '失败',
+            [DatasetDataOperatRecordResultCode.Success]: '成功'
+        };
+        const isShowView = ref(false);
+        const viewData = ref();
+        const getColumns = ()=>[
                 {
                     colKey: 'instanceId',
                     title: '数据 ID',
@@ -52,98 +41,77 @@ 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-w-16 g-h-16 g-min-w-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-w-400 g-whitespace-pre-line g-max-h-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"), {
+                    cell: (h, { row })=>_createVNode2(_resolveComponent("bk-user-display-name"), {
                             "user-id": row.username
-                        }, null);
-                    }
+                        }, null)
                 },
                 {
                     colKey: 'endTime',
@@ -151,58 +119,49 @@ 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() {
-            resetPagination();
-            triggerApi();
+        watch(()=>props.search, ()=>{
+            handleResetPagination();
         }, {
             deep: true
         });
-        (0, _vue.onBeforeMount)(function() {
-            initHook(handleGetOperateRecordList, true);
+        onBeforeMount(()=>{
+            initHook(handleGetOperateRecordList, true, getOperateRecordList.abort);
             triggerApi();
         });
-        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",
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                _createVNode(RenderTTable, {
                     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),
+                    loading: _unref(isLoading),
+                    data: _unref(tableData),
+                    "row-key": "instanceId",
+                    class: "g-white-footer-table g-gray-header-table g-h-[calc(100vh_-_140px)]",
+                    "row-class-name": "g-h-70",
+                    onPageChange: _unref(handlePageChange),
                     "onUpdate:search": handleSearch
                 }, null, 8 /* PROPS */ , [
                     "search",
                     "pagination",
                     "columns",
-                    "is-loading",
-                    "table-data",
-                    "onPageChange",
-                    "onPageSizeChange"
+                    "loading",
+                    "data",
+                    "onPageChange"
                 ]),
-                (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-4u6zzsdv] .btn-text{
+[data-v-fc1k9qh2] .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-4u6zzsdv";
+script.__scopeId = "data-v-fc1k9qh2";
 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-rbnfzw53] {
+.content[data-v-s0v1lato] {
   padding: 18px 24px 0;
   height: 100%;
   overflow: auto;
 }
-.content .value-content[data-v-rbnfzw53] {
+.content .value-content[data-v-s0v1lato] {
     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-rbnfzw53";
+script.__scopeId = "data-v-s0v1lato";
 script.__file = "./src/components/render-dataset/components/operation-record/view-op-result/index.vue";
 import './index.vue.css';
 export default script;