@blueking/ai-ui-sdk 0.5.2-beta.5 → 0.6.0-beta.1

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

@@ -1,24 +1,16 @@
-"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, isVNode as _isVNode } 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 { t } from '../../../../../i18n/index.ts.js';
+import { DatasetDataOperatRecordResultCode } from '../../../../../types/enum.ts.js';
+function _isSlot(s) {
+    return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !_isVNode(s);
+}
+export default /*@__PURE__*/ _defineComponent({
     props: {
         search: {},
         apiPrefix: {},
@@ -27,182 +19,155 @@ 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 [
-                {
-                    colKey: 'instanceId',
-                    title: '数据 ID',
-                    ellipsis: true
-                },
-                {
-                    colKey: 'actionName',
-                    title: '操作类型',
-                    ellipsis: true
-                },
-                {
-                    colKey: 'resultCode',
-                    title: '操作状态',
-                    ellipsis: true,
-                    cell: function cell(h, _ref2) {
-                        var row = _ref2.row;
-                        return (0, _vue.createVNode)("span", {
-                            "class": "g-flex-row"
-                        }, [
-                            (0, _vue.createVNode)("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'
-                                }, null)
-                            ]),
-                            resultCodeMap[row.resultCode]
-                        ]);
-                    }
-                },
-                {
-                    colKey: 'instanceData',
-                    title: '操作结果',
-                    ellipsis: true,
-                    cell: function cell(h, _ref3) {
-                        var row = _ref3.row;
-                        return (0, _vue.createVNode)("span", {
-                            "class": "g-flex-row !g-justify-between"
+    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]: t('失败'),
+            [DatasetDataOperatRecordResultCode.Success]: t('成功')
+        };
+        const isShowView = ref(false);
+        const viewData = ref();
+        const columns = [
+            {
+                colKey: 'instanceId',
+                title: t('数据 ID'),
+                ellipsis: true
+            },
+            {
+                colKey: 'actionName',
+                title: t('操作类型'),
+                ellipsis: true
+            },
+            {
+                colKey: 'resultCode',
+                title: t('操作状态'),
+                ellipsis: true,
+                cell: (h, { row })=>_createVNode2("span", {
+                        "class": "g-flex-row"
+                    }, [
+                        _createVNode2("svg", {
+                            "class": "g-mr-4 g-w-16 g-h-16 g-min-w-16"
                         }, [
-                            (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": (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,
-                                            (0, _vue.createTextVNode)(": "),
-                                            value,
-                                            (0, _vue.createTextVNode)(" "),
-                                            (0, _vue.createVNode)("br", null, null)
-                                        ]);
-                                    })
-                                ])
-                            }, {
-                                default: function _default() {
-                                    return [
-                                        (0, _vue.createVNode)("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", {
-                                                    "key": key
-                                                }, [
-                                                    key,
-                                                    (0, _vue.createTextVNode)(": "),
-                                                    value,
-                                                    (0, _vue.createTextVNode)(" "),
-                                                    (0, _vue.createVNode)("br", null, null)
-                                                ]);
-                                            })
-                                        ])
-                                    ];
-                                }
-                            }),
-                            (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-button"), {
-                                "text": true,
-                                "theme": "primary",
-                                "onClick": function onClick() {
-                                    return handleView(row);
-                                }
-                            }, {
-                                default: function _default() {
-                                    return [
-                                        (0, _vue.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);
-                    }
-                },
-                {
-                    colKey: 'endTime',
-                    title: '操作时间',
-                    ellipsis: true
+                            _createVNode2("use", {
+                                "href": row.resultCode === DatasetDataOperatRecordResultCode.Success ? '#ai-ui-sdk-sync-success' : '#ai-ui-sdk-sync-failed'
+                            }, null)
+                        ]),
+                        resultCodeMap[row.resultCode]
+                    ])
+            },
+            {
+                colKey: 'instanceData',
+                title: t('操作结果'),
+                ellipsis: true,
+                cell: (h, { row })=>{
+                    let _slot;
+                    return _createVNode2("span", {
+                        "class": "g-flex-row !g-justify-between"
+                    }, [
+                        _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": _createVNode2("span", null, [
+                                Object.entries(row.instanceData || {}).map(([key, value])=>_createVNode2("span", {
+                                        "key": key
+                                    }, [
+                                        key,
+                                        _createTextVNode(": "),
+                                        value,
+                                        _createTextVNode(" "),
+                                        _createVNode2("br", null, null)
+                                    ]))
+                            ])
+                        }, {
+                            default: ()=>[
+                                    _createVNode2("span", {
+                                        "class": "btn-text g-max-truncate"
+                                    }, [
+                                        Object.entries(row.instanceData || {}).map(([key, value])=>_createVNode2("span", {
+                                                "key": key
+                                            }, [
+                                                key,
+                                                _createTextVNode(": "),
+                                                value,
+                                                _createTextVNode(" "),
+                                                _createVNode2("br", null, null)
+                                            ]))
+                                    ])
+                                ]
+                        }),
+                        _createVNode2(_resolveComponent("bk-button"), {
+                            "text": true,
+                            "theme": "primary",
+                            "onClick": ()=>handleView(row)
+                        }, _isSlot(_slot = t('[查看]')) ? _slot : {
+                            default: ()=>[
+                                    _slot
+                                ]
+                        })
+                    ]);
                 }
-            ];
-        };
-        var handleGetOperateRecordList = function handleGetOperateRecordList(page) {
+            },
+            {
+                colKey: 'username',
+                title: t('操作人'),
+                ellipsis: true,
+                cell: (h, { row })=>_createVNode2("bk-user-display-name", {
+                        "user-id": row.username
+                    }, null)
+            },
+            {
+                colKey: 'endTime',
+                title: t('操作时间'),
+                ellipsis: true
+            }
+        ];
+        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, {
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                _createVNode(RenderTTable, {
+                    search: __props.search,
+                    pagination: _unref(pagination),
+                    columns: columns,
+                    loading: _unref(isLoading),
+                    data: _unref(tableData),
                     "row-key": "instanceId",
-                    class: "g-white-footer-table g-gray-header-table",
-                    height: "calc(100vh - 140px)",
+                    class: "g-h-[calc(100vh_-_140px)]",
                     "row-class-name": "g-h-70",
-                    search: __props.search,
-                    pagination: (0, _vue.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),
+                    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-jriwqvia] .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-jriwqvia";
 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

@@ -1,7 +1,7 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, withCtx as _withCtx, createVNode as _createVNode, resolveComponent as _resolveComponent, createBlock as _createBlock } from "vue";
+import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, withCtx as _withCtx, createVNode as _createVNode, resolveComponent as _resolveComponent, createBlock as _createBlock } from "vue";
 const _hoisted_1 = {
-    class: "g-text-14 g-text-normal g-ml-24"
+    class: "g-text-14 g-text-[var(--aidev-main-color)] g-ml-24"
 };
 const _hoisted_2 = {
     class: "content"
@@ -10,6 +10,7 @@ const _hoisted_3 = {
     class: "value-content g-whitespace-pre-line"
 };
 import Collapse from '../../../../render-collapse/index.vue.js';
+import { t } from '../../../../../i18n/index.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         isShow: {
@@ -36,8 +37,10 @@ export default /*@__PURE__*/ _defineComponent({
             }, {
                 header: _withCtx(()=>[
                         _createElementVNode("div", null, [
-                            _cache[0] || (_cache[0] = _createElementVNode("span", null, "查看操作结果", -1 /* CACHED */ )),
-                            _createElementVNode("span", _hoisted_1, _toDisplayString(`操作类型: ${__props.data.actionName}`), 1 /* TEXT */ )
+                            _createElementVNode("span", null, _toDisplayString(_unref(t)('查看操作结果')), 1 /* TEXT */ ),
+                            _createElementVNode("span", _hoisted_1, _toDisplayString(_unref(t)('操作类型: {actionName}', {
+                                actionName: __props.data.actionName
+                            })), 1 /* TEXT */ )
                         ])
                     ]),
                 default: _withCtx(()=>[

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

@@ -1,12 +1,12 @@
 
-.content[data-v-rbnfzw53] {
+.content[data-v-l9odx1gm] {
   padding: 18px 24px 0;
   height: 100%;
   overflow: auto;
 }
-.content .value-content[data-v-rbnfzw53] {
+.content .value-content[data-v-l9odx1gm] {
     margin-top: 8px;
     padding: 16px;
-    border: 1px solid #DCDEE5;
+    border: 1px solid var(--aidev-line-strong-color);
     line-height: 22px;
 }

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-l9odx1gm";
 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

@@ -28,9 +28,10 @@ function _async_to_generator(fn) {
     };
 }
 import { defineComponent as _defineComponent } from 'vue';
-import { createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { unref as _unref, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 import { ref, toRef } from 'vue';
 import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
+import { t } from '../../../../i18n/index.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         validate: {
@@ -74,29 +75,29 @@ 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",
-                    theme: "primary",
+                    class: _normalizeClass([
+                        {
+                            'g-main-button': true
+                        },
+                        "g-w-88 g-mr-8"
+                    ]),
                     loading: loading.value,
                     onClick: handleConfirm
                 }, {
                     default: _withCtx(()=>[
-                            ..._cache[0] || (_cache[0] = [
-                                _createTextVNode(" 确定 ", -1 /* CACHED */ )
-                            ])
+                            _createTextVNode(_toDisplayString(_unref(t)('确定')), 1 /* TEXT */ )
                         ]),
                     _: 1 /* STABLE */ 
                 }, 8 /* PROPS */ , [
                     "loading"
                 ]),
                 _createVNode(_component_bk_button, {
-                    class: "g-w-88",
                     disabled: loading.value,
+                    class: "g-w-88",
                     onClick: handleClose
                 }, {
                     default: _withCtx(()=>[
-                            ..._cache[1] || (_cache[1] = [
-                                _createTextVNode(" 取消 ", -1 /* CACHED */ )
-                            ])
+                            _createTextVNode(_toDisplayString(_unref(t)('取消')), 1 /* TEXT */ )
                         ]),
                     _: 1 /* STABLE */ 
                 }, 8 /* PROPS */ , [