@blueking/ai-ui-sdk 0.1.0-beta.9 → 0.1.1

package/dist/components/render-aside/index.vue.css

@@ -1,12 +1,12 @@
 
-.aside-home[data-v-bunmmlwe] {
+.aside-home[data-v-mp3yrpmu] {
   width: 300px;
   height: 100%;
   background: #FFFFFF;
   padding: 16px;
   border-right: 1px solid #eaebf0;
 }
-[data-v-bunmmlwe] .aside-item {
+[data-v-mp3yrpmu] .aside-item {
   width: 268px;
   line-height: 36px;
   border-radius: 2px;
@@ -16,30 +16,30 @@
   justify-content: space-between;
   color: #979BA5;
 }
-[data-v-bunmmlwe] .aside-item.is-tab {
+[data-v-mp3yrpmu] .aside-item.is-tab {
     background: #F5F7FA;
     cursor: pointer;
     color: #4D4F56;
 }
-[data-v-bunmmlwe] .aside-item.is-tab:hover {
+[data-v-mp3yrpmu] .aside-item.is-tab:hover {
       background: #F0F5FF;
 }
-[data-v-bunmmlwe] .aside-item.active {
+[data-v-mp3yrpmu] .aside-item.active {
     background: #F0F5FF;
     color: #3A84FF;
     font-weight: 700;
 }
-[data-v-bunmmlwe] .aside-item.active .tab-num {
+[data-v-mp3yrpmu] .aside-item.active .tab-num {
       background: #3A84FF;
       color: #fff;
 }
-[data-v-bunmmlwe] .aside-item.active .active-text {
+[data-v-mp3yrpmu] .aside-item.active .active-text {
       color: #3A84FF;
 }
-[data-v-bunmmlwe] .aside-item .tab-name {
+[data-v-mp3yrpmu] .aside-item .tab-name {
     flex: 1;
 }
-[data-v-bunmmlwe] .aside-item .tab-num {
+[data-v-mp3yrpmu] .aside-item .tab-num {
     background: #EAEBF0;
     border-radius: 2px;
     margin-left: 5px;

package/dist/components/render-aside/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js';
-script.__scopeId = "data-v-bunmmlwe";
+script.__scopeId = "data-v-mp3yrpmu";
 script.__file = "./src/components/render-aside/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-auto-height-textarea/index.vue.css

@@ -1,40 +1,40 @@
 
-.send-container[data-v-ogfx4me1] {
+.send-container[data-v-26j2taim] {
   position: relative;
 }
-.send-container[data-v-ogfx4me1]:has(textarea:focus) {
+.send-container[data-v-26j2taim]:has(textarea:focus) {
     z-index: 2;
 }
-.send-container:hover .send-clear[data-v-ogfx4me1] {
+.send-container:hover .send-clear[data-v-26j2taim] {
       display: inline-flex !important;
 }
-.send-input[data-v-ogfx4me1] {
+.send-input[data-v-26j2taim] {
   width: 100%;
   flex-direction: row;
   height: var(--origin-height);
 }
-.send-input[data-v-ogfx4me1]:has(textarea:focus) {
+.send-input[data-v-26j2taim]:has(textarea:focus) {
     height: var(--text-height);
 }
-.send-input[data-v-ogfx4me1] textarea {
+.send-input[data-v-26j2taim] textarea {
     font-size: 12px;
     line-height: 16px;
     padding: 7px;
     resize: none !important;
 }
-.send-input[data-v-ogfx4me1] textarea::-webkit-scrollbar {
+.send-input[data-v-26j2taim] textarea::-webkit-scrollbar {
       width: 4px;
       height: 4px;
 }
-.send-input[data-v-ogfx4me1] textarea::-webkit-scrollbar-thumb {
+.send-input[data-v-26j2taim] textarea::-webkit-scrollbar-thumb {
       height: 5px;
       border-radius: 3px;
       background-color: #dcdee5;
 }
-.send-input[data-v-ogfx4me1] textarea::placeholder {
+.send-input[data-v-26j2taim] textarea::placeholder {
       line-height: 16px;
 }
-.send-clear[data-v-ogfx4me1] {
+.send-clear[data-v-26j2taim] {
   display: none !important;
   position: absolute;
   right: 10px;
@@ -43,6 +43,6 @@
   font-size: 14px;
   cursor: pointer;
 }
-.send-clear[data-v-ogfx4me1]:hover {
+.send-clear[data-v-26j2taim]:hover {
     color: #313238;
 }

package/dist/components/render-auto-height-textarea/index.vue.d.ts

@@ -7,11 +7,11 @@ interface IProps {
     disabled?: boolean;
 }
 declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    input: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    input: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
-    onInput?: (...args: any[]) => any;
     "onUpdate:modelValue"?: (...args: any[]) => any;
+    onInput?: (...args: any[]) => any;
 }>, {
     maxHeight: number;
     focusShowHeight: boolean;

package/dist/components/render-auto-height-textarea/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-ogfx4me1";
+script.__scopeId = "data-v-26j2taim";
 script.__file = "./src/components/render-auto-height-textarea/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-collapse/index.vue.css

@@ -1,10 +1,10 @@
 
-.collapse-title[data-v-cejjjnwd] {
+.collapse-title[data-v-ummp7jsp] {
   height: 28px;
   background: #F0F1F5;
   border-radius: 2px;
   padding: 0 12px;
 }
-.collapse-title .is-hidden[data-v-cejjjnwd] {
+.collapse-title .is-hidden[data-v-ummp7jsp] {
     transform: rotate(-90deg);
 }

package/dist/components/render-collapse/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-cejjjnwd";
+script.__scopeId = "data-v-ummp7jsp";
 script.__file = "./src/components/render-collapse/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -87,7 +87,7 @@ const _hoisted_1 = {
 };
 const _hoisted_2 = {
     key: 1,
-    class: "value-content g-mb-16"
+    class: "value-content g-white-space-pre-line g-mb-16"
 };
 import { EditLine } from 'bkui-vue/lib/icon';
 import { ref, watch } from 'vue';
@@ -127,14 +127,19 @@ export default /*@__PURE__*/ _defineComponent({
         const handleEdit = (key)=>{
             showEditKeys.value.push(key);
         };
-        const handleShow = ()=>{
-            // 设置页码
-            pagination.value.current = props.index + 1;
-            // 获取数据
-            triggerApi();
-            // 展示
-            isShow.value = true;
-        };
+        const handleShow = function() {
+            var _ref = _async_to_generator(function*() {
+                // 获取数据
+                yield triggerApi();
+                // 设置页码
+                pagination.value.current = props.index + 1;
+                // 展示
+                isShow.value = true;
+            });
+            return function handleShow() {
+                return _ref.apply(this, arguments);
+            };
+        }();
         const handleClose = ()=>{
             isShow.value = false;
             return true;
@@ -234,7 +239,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 small: "",
                                 class: "g-mr-24",
                                 "show-limit": false,
-                                "model-value": _ctx.index + 1,
+                                "model-value": _unref(pagination).current,
                                 count: _unref(pagination).count,
                                 limit: 1,
                                 "limit-list": [

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

@@ -1,15 +1,15 @@
 
-.content[data-v-1axigen6] {
+.content[data-v-8qmv3x4k] {
   padding: 18px 24px 0;
   height: 100%;
   overflow: auto;
 }
-.data-set-edit-slider .value-content[data-v-1axigen6] {
+.data-set-edit-slider .value-content[data-v-8qmv3x4k] {
     padding: 16px;
     border: 1px solid #DCDEE5;
     line-height: 22px;
 }
-.data-set-edit-slider[data-v-1axigen6] .bk-sideslider-title {
+.data-set-edit-slider[data-v-8qmv3x4k] .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-1axigen6";
+script.__scopeId = "data-v-8qmv3x4k";
 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.script.vue.js.js

@@ -1,5 +1,5 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, createVNode as _createVNode, createElementVNode as _createElementVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, createVNode as _createVNode, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
 const _hoisted_1 = {
     class: "content"
 };
@@ -9,6 +9,7 @@ const _hoisted_2 = {
 import { ref } from 'vue';
 import RenderSearchOperationRecord from '../search-operation-record/index.vue.js';
 import RenderTable from './table/index.vue.js';
+import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         apiPrefix: {},
@@ -17,10 +18,13 @@ export default /*@__PURE__*/ _defineComponent({
     },
     setup (__props) {
         const props = __props;
+        const { getDataset } = useDatasetHttp(props.apiPrefix);
         const search = ref({
             resourceTypeId: 'dataset_item'
         });
         const isShow = ref(false);
+        const datasetName = ref('');
+        const loading = ref(false);
         const handleShow = ()=>{
             isShow.value = true;
             search.value = {
@@ -30,6 +34,7 @@ export default /*@__PURE__*/ _defineComponent({
             if (props.datasetDataId) {
                 search.value.instanceId = props.datasetDataId;
             }
+            handleGetDatasetName();
         };
         const handleClose = ()=>{
             isShow.value = false;
@@ -41,8 +46,17 @@ export default /*@__PURE__*/ _defineComponent({
                 end: value[1]
             } : undefined;
         };
+        const handleGetDatasetName = ()=>{
+            loading.value = true;
+            getDataset(props.datasetId).then((data)=>{
+                datasetName.value = data.datasetName;
+            }).finally(()=>{
+                loading.value = false;
+            });
+        };
         return (_ctx, _cache)=>{
             const _component_bk_button = _resolveComponent("bk-button");
+            const _component_bk_loading = _resolveComponent("bk-loading");
             const _component_bk_date_picker = _resolveComponent("bk-date-picker");
             const _component_bk_sideslider = _resolveComponent("bk-sideslider");
             return _openBlock(), _createElementBlock(_Fragment, null, [
@@ -58,12 +72,23 @@ export default /*@__PURE__*/ _defineComponent({
                     ]
                 }, 16 /* FULL_PROPS */ ),
                 _createVNode(_component_bk_sideslider, {
-                    title: "操作记录",
                     class: "record-slider",
                     width: 960,
                     "is-show": isShow.value,
                     "before-close": handleClose
                 }, {
+                    header: _withCtx(()=>[
+                            _createVNode(_component_bk_loading, {
+                                loading: loading.value
+                            }, {
+                                default: _withCtx(()=>[
+                                        _createTextVNode(" 数据集【" + _toDisplayString(datasetName.value) + "】操作记录 ", 1 /* TEXT */ )
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }, 8 /* PROPS */ , [
+                                "loading"
+                            ])
+                        ]),
                     default: _withCtx(()=>{
                         var _search_value_date, _search_value_date1;
                         return [

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

@@ -1,18 +1,18 @@
 
-.content[data-v-nfomlmgh] {
+.content[data-v-vj519gmz] {
   padding: 0 24px 0px 32px;
   height: 100%;
 }
-.content .toolbar[data-v-nfomlmgh] {
+.content .toolbar[data-v-vj519gmz] {
     margin: 16px 0;
     display: flex;
     align-items: center;
     justify-content: right;
     gap: 8px;
 }
-.content .toolbar .record-search[data-v-nfomlmgh] {
+.content .toolbar .record-search[data-v-vj519gmz] {
       width: 360px;
 }
-.content .toolbar .record-data-picker[data-v-nfomlmgh] {
+.content .toolbar .record-data-picker[data-v-vj519gmz] {
       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-nfomlmgh";
+script.__scopeId = "data-v-vj519gmz";
 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.js

@@ -97,7 +97,7 @@ export default /*@__PURE__*/ _defineComponent({
                 }, {
                     default: _withCtx(()=>[
                             _createVNode(_component_bk_table_column, {
-                                label: "ID",
+                                label: "数据 ID",
                                 field: "instanceId",
                                 width: "80"
                             }),

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

@@ -1,5 +1,5 @@
 
-.text[data-v-7ql1ayd9] {
+.text[data-v-9zhssxz1] {
   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.js';
-script.__scopeId = "data-v-7ql1ayd9";
+script.__scopeId = "data-v-9zhssxz1";
 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,9 +7,10 @@ const _hoisted_2 = {
     class: "content"
 };
 const _hoisted_3 = {
-    class: "value-content"
+    class: "value-content g-white-space-pre-line"
 };
 import Collapse from '../../../../render-collapse/index.vue.js';
+import { DatasetDataOperatRecordActionId } from '../../../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         isShow: {
@@ -22,6 +23,11 @@ export default /*@__PURE__*/ _defineComponent({
     ],
     setup (__props, { emit: __emit }) {
         const emits = __emit;
+        const actionIdMap = {
+            [DatasetDataOperatRecordActionId.AddDatasetItem]: '新增数据',
+            [DatasetDataOperatRecordActionId.EditDatasetItem]: '编辑数据',
+            [DatasetDataOperatRecordActionId.DeleteDatasetItem]: '删除数据'
+        };
         const handleClose = ()=>{
             emits('update:isShow', false);
             return true;
@@ -37,7 +43,7 @@ export default /*@__PURE__*/ _defineComponent({
                 header: _withCtx(()=>[
                         _createElementVNode("div", null, [
                             _cache[0] || (_cache[0] = _createElementVNode("span", null, "查看操作结果", -1 /* HOISTED */ )),
-                            _createElementVNode("span", _hoisted_1, _toDisplayString(`操作类型: ${_ctx.data.actionId}`), 1 /* TEXT */ )
+                            _createElementVNode("span", _hoisted_1, _toDisplayString(`操作类型: ${actionIdMap[_ctx.data.actionId]}`), 1 /* TEXT */ )
                         ])
                     ]),
                 default: _withCtx(()=>[

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

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