@blueking/ai-ui-sdk 0.5.1-beta.2 → 0.5.1-beta.5

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

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

@@ -19,106 +19,106 @@ export default /*@__PURE__*/ _defineComponent({
         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 { 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',
-                    ellipsis: true
-                },
-                {
-                    colKey: 'actionName',
-                    title: '操作类型',
-                    ellipsis: true
-                },
-                {
-                    colKey: 'resultCode',
-                    title: '操作状态',
-                    ellipsis: true,
-                    cell: (h, { row })=>_createVNode2("span", {
-                            "class": "g-flex-row"
+        const columns = [
+            {
+                colKey: 'instanceId',
+                title: '数据 ID',
+                ellipsis: true
+            },
+            {
+                colKey: 'actionName',
+                title: '操作类型',
+                ellipsis: true
+            },
+            {
+                colKey: 'resultCode',
+                title: '操作状态',
+                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"
                         }, [
-                            _createVNode2("svg", {
-                                "class": "g-mr-4 g-w-16 g-h-16 g-min-w-16"
-                            }, [
-                                _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: (h, { row })=>_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)
-                            }, {
-                                default: ()=>[
-                                        _createTextVNode("[\u67E5\u770B]")
-                                    ]
-                            })
-                        ])
-                },
-                {
-                    colKey: 'username',
-                    title: '操作人',
-                    ellipsis: true,
-                    cell: (h, { row })=>_createVNode2(_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: '操作结果',
+                ellipsis: true,
+                cell: (h, { row })=>_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)
+                        }, {
+                            default: ()=>[
+                                    _createTextVNode("[\u67E5\u770B]")
+                                ]
+                        })
+                    ])
+            },
+            {
+                colKey: 'username',
+                title: '操作人',
+                ellipsis: true,
+                cell: (h, { row })=>_createVNode2(_resolveComponent("bk-user-display-name"), {
+                        "user-id": row.username
+                    }, null)
+            },
+            {
+                colKey: 'endTime',
+                title: '操作时间',
+                ellipsis: true
+            }
+        ];
         const handleGetOperateRecordList = (page)=>{
             return getOperateRecordList(Object.assign(Object.assign({}, props.search), page));
         };
@@ -130,38 +130,33 @@ export default /*@__PURE__*/ _defineComponent({
             emit('update:search', search);
         };
         watch(()=>props.search, ()=>{
-            resetPagination();
-            triggerApi();
+            handleResetPagination();
         }, {
             deep: true
         });
         onBeforeMount(()=>{
-            initHook(handleGetOperateRecordList, true);
+            initHook(handleGetOperateRecordList, true, getOperateRecordList.abort);
             triggerApi();
         });
         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-h-70",
                     search: __props.search,
                     pagination: _unref(pagination),
-                    columns: getColumns(),
-                    "is-loading": _unref(isLoading),
-                    "table-data": _unref(tableData),
+                    columns: columns,
+                    loading: _unref(isLoading),
+                    data: _unref(tableData),
+                    "row-key": "instanceId",
+                    class: "g-h-[calc(100vh_-_140px)]",
+                    "row-class-name": "g-h-70",
                     onPageChange: _unref(handlePageChange),
-                    onPageSizeChange: _unref(handlePageSizeChange),
                     "onUpdate:search": handleSearch
                 }, null, 8 /* PROPS */ , [
                     "search",
                     "pagination",
-                    "columns",
-                    "is-loading",
-                    "table-data",
-                    "onPageChange",
-                    "onPageSizeChange"
+                    "loading",
+                    "data",
+                    "onPageChange"
                 ]),
                 _createVNode(ViewOpResult, {
                     "is-show": isShowView.value,

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

@@ -1,5 +1,5 @@
 
-[data-v-iciaboct] .btn-text{
+[data-v-ib606jnt] .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-iciaboct";
+script.__scopeId = "data-v-ib606jnt";
 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";
 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"

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

@@ -1,10 +1,10 @@
 
-.content[data-v-uf1udpdo] {
+.content[data-v-htll4b8l] {
   padding: 18px 24px 0;
   height: 100%;
   overflow: auto;
 }
-.content .value-content[data-v-uf1udpdo] {
+.content .value-content[data-v-htll4b8l] {
     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-uf1udpdo";
+script.__scopeId = "data-v-htll4b8l";
 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,7 +28,7 @@ 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 { 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';
 export default /*@__PURE__*/ _defineComponent({
@@ -74,8 +74,12 @@ 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
                 }, {
@@ -89,8 +93,8 @@ export default /*@__PURE__*/ _defineComponent({
                     "loading"
                 ]),
                 _createVNode(_component_bk_button, {
-                    class: "g-w-88",
                     disabled: loading.value,
+                    class: "g-w-88",
                     onClick: handleClose
                 }, {
                     default: _withCtx(()=>[

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

@@ -6,7 +6,7 @@ const _hoisted_1 = {
 const _hoisted_2 = {
     class: "g-whitespace-pre-line g-max-h-80vh g-scrollbar-page"
 };
-import { onBeforeMount, ref, toRef } from 'vue';
+import { computed, onBeforeMount, ref, toRef } from 'vue';
 import RenderAutoHeightTextarea from '../../../render-auto-height-textarea/index.vue.js';
 import RenderChooseTag from '../../../render-choose-tag/index.vue.js';
 import RenderTTable from '../../../render-t-table/index.vue.js';
@@ -47,7 +47,7 @@ export default /*@__PURE__*/ _defineComponent({
         const schemaList = ref();
         const renderSchema = ref();
         const formRef = ref();
-        const getColumns = ()=>Object.keys(renderSchema.value || {}).map((key)=>({
+        const columns = computed(()=>Object.keys(renderSchema.value || {}).map((key)=>({
                     colKey: key,
                     title: key,
                     ellipsis: false,
@@ -68,7 +68,7 @@ export default /*@__PURE__*/ _defineComponent({
                                     ])
                                 ]
                         })
-                }));
+                })));
         const validate = ()=>formRef.value.validate();
         const clearValidate = ()=>formRef.value.clearValidate();
         const handleChange = (key, value)=>{
@@ -115,17 +115,17 @@ export default /*@__PURE__*/ _defineComponent({
             const _component_bk_cascader = _resolveComponent("bk-cascader");
             const _component_bk_form = _resolveComponent("bk-form");
             return _openBlock(), _createBlock(_component_bk_form, {
+                rules: rules,
+                model: __props.formData,
                 "form-type": "vertical",
                 ref_key: "formRef",
                 ref: formRef,
-                class: "g-small-form",
-                rules: rules,
-                model: __props.formData
+                class: "g-small-form"
             }, {
                 default: _withCtx(()=>[
                         _createElementVNode("section", null, [
                             _cache[7] || (_cache[7] = _createElementVNode("h5", {
-                                class: "g-text-14 g-text-black g-font-bold !g-mb-16"
+                                class: "g-text-14 g-text-[var(--aidev-title-color)] g-font-bold !g-mb-16"
                             }, " 基本信息 ", -1 /* CACHED */ )),
                             _createVNode(_component_bk_form_item, {
                                 label: "名称",
@@ -134,9 +134,9 @@ export default /*@__PURE__*/ _defineComponent({
                             }, {
                                 default: _withCtx(()=>[
                                         _createVNode(_component_bk_input, {
-                                            clearable: "",
                                             placeholder: __props.namePlaceholder,
                                             "model-value": __props.formData.datasetName,
+                                            clearable: "",
                                             onChange: _cache[0] || (_cache[0] = (value)=>handleChange('datasetName', value))
                                         }, null, 8 /* PROPS */ , [
                                             "placeholder",
@@ -152,10 +152,10 @@ export default /*@__PURE__*/ _defineComponent({
                             }, {
                                 default: _withCtx(()=>[
                                         _createVNode(_component_bk_input, {
-                                            clearable: "",
                                             placeholder: __props.codePlaceholder,
                                             disabled: !!__props.id,
                                             "model-value": __props.formData.datasetCode,
+                                            clearable: "",
                                             onChange: _cache[1] || (_cache[1] = (value)=>handleChange('datasetCode', value))
                                         }, null, 8 /* PROPS */ , [
                                             "placeholder",
@@ -183,16 +183,16 @@ export default /*@__PURE__*/ _defineComponent({
                                             default: _withCtx(()=>[
                                                     (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(schemaList.value, (item)=>{
                                                         return _openBlock(), _createBlock(_component_bk_option, {
+                                                            name: item.name,
                                                             id: item.id,
-                                                            key: item.id,
-                                                            name: item.name
+                                                            key: item.id
                                                         }, {
                                                             default: _withCtx(()=>[
                                                                     _createVNode(_component_bk_popover, {
-                                                                        placement: "right",
-                                                                        theme: "light",
                                                                         "popover-delay": 0,
                                                                         "max-width": 400,
+                                                                        placement: "right",
+                                                                        theme: "light",
                                                                         arrow: ""
                                                                     }, {
                                                                         content: _withCtx(()=>[
@@ -216,8 +216,8 @@ export default /*@__PURE__*/ _defineComponent({
                                                                 ]),
                                                             _: 2 /* DYNAMIC */ 
                                                         }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
-                                                            "id",
-                                                            "name"
+                                                            "name",
+                                                            "id"
                                                         ]);
                                                     }), 128 /* KEYED_FRAGMENT */ ))
                                                 ]),
@@ -235,17 +235,17 @@ export default /*@__PURE__*/ _defineComponent({
                             }, {
                                 default: _withCtx(()=>[
                                         _createVNode(RenderTTable, {
-                                            class: "cooperation-table",
                                             "row-key": Object.keys(renderSchema.value || {})[0],
                                             bordered: true,
-                                            columns: getColumns(),
-                                            "table-data": [
+                                            columns: columns.value,
+                                            data: [
                                                 renderSchema.value
-                                            ]
+                                            ],
+                                            class: "cooperation-table"
                                         }, null, 8 /* PROPS */ , [
                                             "row-key",
                                             "columns",
-                                            "table-data"
+                                            "data"
                                         ])
                                     ]),
                                 _: 1 /* STABLE */ 
@@ -258,9 +258,9 @@ export default /*@__PURE__*/ _defineComponent({
                             }, {
                                 default: _withCtx(()=>[
                                         _createVNode(_component_bk_cascader, {
-                                            filterable: "",
                                             list: componentList.value,
                                             "model-value": __props.formData.componentIds,
+                                            filterable: "",
                                             "onUpdate:modelValue": _cache[3] || (_cache[3] = (value)=>handleChange('componentIds', value))
                                         }, null, 8 /* PROPS */ , [
                                             "list",

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

@@ -35,11 +35,11 @@ const _hoisted_2 = {
     class: "title"
 };
 const _hoisted_3 = {
-    class: "g-text-14 g-text-gray"
+    class: "g-text-14 g-text-[var(--aidev-assist-color)]"
 };
 const _hoisted_4 = {
     key: 1,
-    class: "g-text-gray g-text-14 g-ml-6"
+    class: "g-text-[var(--aidev-assist-color)] g-text-14 g-ml-6"
 };
 const _hoisted_5 = {
     key: 0,

package/dist/components/render-dataset/components/plus-dataset/index.vue.css

@@ -1,4 +1,4 @@
 
-.dataset-data-slider[data-v-sznkz1or] .bk-modal-content {
+.dataset-data-slider[data-v-97ptuxke] .bk-modal-content {
     scrollbar-gutter: inherit !important;
 }

package/dist/components/render-dataset/components/plus-dataset/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-sznkz1or";
+script.__scopeId = "data-v-97ptuxke";
 script.__file = "./src/components/render-dataset/components/plus-dataset/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-dataset/components/plus-dataset-data/form/api.script.vue.js.js

@@ -24,18 +24,18 @@ export default /*@__PURE__*/ _defineComponent({
         // 状态
         const loading = ref(false);
         const datasetApiGuide = ref();
-        const getColumns = ()=>[
-                {
-                    colKey: 'paramType',
-                    title: '参数类型',
-                    ellipsis: true
-                },
-                {
-                    colKey: 'paramDesc',
-                    title: '描述',
-                    ellipsis: true
-                }
-            ];
+        const columns = [
+            {
+                colKey: 'paramType',
+                title: '参数类型',
+                ellipsis: true
+            },
+            {
+                colKey: 'paramDesc',
+                title: '描述',
+                ellipsis: true
+            }
+        ];
         // 获取数据集 API 指引
         const handleGetDatasetApiGuide = ()=>{
             // 如果不是 API 上报或者没有数据集 ID，则不请求
@@ -91,12 +91,11 @@ export default /*@__PURE__*/ _defineComponent({
                                             default: _withCtx(()=>[
                                                     _createVNode(RenderTTable, {
                                                         border: true,
-                                                        columns: getColumns(),
-                                                        "table-data": datasetApiGuide.value.apiContent,
+                                                        columns: columns,
+                                                        data: datasetApiGuide.value.apiContent,
                                                         "row-key": "paramName"
                                                     }, null, 8 /* PROPS */ , [
-                                                        "columns",
-                                                        "table-data"
+                                                        "data"
                                                     ])
                                                 ]),
                                             _: 1 /* STABLE */ 

package/dist/components/render-dataset/components/plus-dataset-data/form/api.vue.css

@@ -1,10 +1,10 @@
 
-.dataset-data-api-endpoint[data-v-8w9zobdw] {
+.dataset-data-api-endpoint[data-v-3l43z3hd] {
   line-height: 44px;
   background: #F5F7FA;
-  border-radius: 2px;
+  border-radius: var(--aidev-radius);
   padding: 0 12px;
 }
-[data-v-8w9zobdw] .dataset-data-api-demo .v-show-content {
+[data-v-3l43z3hd] .dataset-data-api-demo .v-show-content {
   padding: 0 !important;
 }

package/dist/components/render-dataset/components/plus-dataset-data/form/api.vue.js

@@ -1,5 +1,5 @@
 import script from './api.script.vue.js.js';
-script.__scopeId = "data-v-8w9zobdw";
+script.__scopeId = "data-v-3l43z3hd";
 script.__file = "./src/components/render-dataset/components/plus-dataset-data/form/api.vue";
 import './api.vue.css';
 export default script;