@blueking/ai-ui-sdk 0.5.0-beta.2 → 0.5.0-beta.3

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

@@ -0,0 +1,175 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import { defineComponent as _defineComponent } from 'vue';
+import { toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+const _hoisted_1 = {
+    class: "content"
+};
+const _hoisted_2 = {
+    class: "toolbar"
+};
+import { ref, toRef, watch } 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: {
+        modelValue: {
+            type: Boolean
+        },
+        apiPrefix: {},
+        datasetId: {},
+        datasetDataId: {},
+        spaceId: {}
+    },
+    emits: [
+        "update:modelValue"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getDataset } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const search = ref({
+            resourceTypeId: 'dataset_item'
+        });
+        const datasetName = ref('');
+        const loading = ref(false);
+        const handleClose = ()=>{
+            emits('update:modelValue', false);
+            return true;
+        };
+        const handleDateChange = (value)=>{
+            search.value.date = (value === null || value === void 0 ? void 0 : value[0]) && (value === null || value === void 0 ? void 0 : value[1]) ? {
+                start: value[0],
+                end: value[1]
+            } : undefined;
+        };
+        const handleGetDatasetName = ()=>{
+            loading.value = true;
+            getDataset(props.datasetId).then((data)=>{
+                datasetName.value = data.datasetName;
+            }).finally(()=>{
+                loading.value = false;
+            });
+        };
+        const handleSearchChange = (value)=>{
+            search.value = _object_spread({
+                resourceTypeId: 'dataset_item',
+                parentId: props.datasetId
+            }, value);
+        };
+        const handleInit = ()=>{
+            search.value = {
+                resourceTypeId: 'dataset_item',
+                parentId: props.datasetId
+            };
+            if (props.datasetDataId) {
+                search.value.instanceId = props.datasetDataId;
+            }
+            handleGetDatasetName();
+        };
+        watch(()=>props.modelValue, (val)=>{
+            if (val) {
+                handleInit();
+            }
+        });
+        return (_ctx, _cache)=>{
+            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(), _createBlock(_component_bk_sideslider, {
+                class: "record-slider",
+                width: 960,
+                "is-show": __props.modelValue,
+                "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 [
+                        _createElementVNode("section", _hoisted_1, [
+                            _createElementVNode("section", _hoisted_2, [
+                                _createVNode(RenderSearchOperationRecord, {
+                                    modelValue: search.value,
+                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>search.value = $event),
+                                    "dataset-id": __props.datasetId,
+                                    "api-prefix": props.apiPrefix,
+                                    class: "record-search"
+                                }, null, 8 /* PROPS */ , [
+                                    "modelValue",
+                                    "dataset-id",
+                                    "api-prefix"
+                                ]),
+                                _createVNode(_component_bk_date_picker, {
+                                    clearable: "",
+                                    class: "record-data-picker",
+                                    type: "daterange",
+                                    format: "yyyy-MM-dd",
+                                    "model-value": [
+                                        (_search_value_date = search.value.date) === null || _search_value_date === void 0 ? void 0 : _search_value_date.start,
+                                        (_search_value_date1 = search.value.date) === null || _search_value_date1 === void 0 ? void 0 : _search_value_date1.end
+                                    ],
+                                    onChange: handleDateChange
+                                }, null, 8 /* PROPS */ , [
+                                    "model-value"
+                                ])
+                            ]),
+                            _createVNode(RenderTable, {
+                                "dataset-id": __props.datasetId,
+                                search: search.value,
+                                "api-prefix": __props.apiPrefix,
+                                "space-id": __props.spaceId,
+                                "onUpdate:search": handleSearchChange
+                            }, null, 8 /* PROPS */ , [
+                                "dataset-id",
+                                "search",
+                                "api-prefix",
+                                "space-id"
+                            ])
+                        ])
+                    ];
+                }),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "is-show"
+            ]);
+        };
+    }
+});

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

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

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

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js.js';
+script.__scopeId = "data-v-yon4bgto";
+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

@@ -0,0 +1,214 @@
+"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)({
+    props: {
+        search: {},
+        apiPrefix: {},
+        spaceId: {}
+    },
+    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"
+                        }, [
+                            (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
+                }
+            ];
+        };
+        var handleGetOperateRecordList = function handleGetOperateRecordList(page) {
+            return getOperateRecordList(Object.assign(Object.assign({}, props.search), page));
+        };
+        var handleView = function handleView(row) {
+            isShowView.value = true;
+            viewData.value = row;
+        };
+        var handleSearch = function handleSearch(search) {
+            emit('update:search', search);
+        };
+        (0, _vue.watch)(function() {
+            return props.search;
+        }, function() {
+            resetPagination();
+            triggerApi();
+        }, {
+            deep: true
+        });
+        (0, _vue.onBeforeMount)(function() {
+            initHook(handleGetOperateRecordList, true);
+            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",
+                    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),
+                    "onUpdate:search": handleSearch
+                }, null, 8 /* PROPS */ , [
+                    "search",
+                    "pagination",
+                    "columns",
+                    "is-loading",
+                    "table-data",
+                    "onPageChange",
+                    "onPageSizeChange"
+                ]),
+                (0, _vue.createVNode)(_index.default, {
+                    "is-show": isShowView.value,
+                    "onUpdate:isShow": _cache[0] || (_cache[0] = function($event) {
+                        return isShowView.value = $event;
+                    }),
+                    data: viewData.value
+                }, null, 8 /* PROPS */ , [
+                    "is-show",
+                    "data"
+                ])
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

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

@@ -0,0 +1,10 @@
+
+[data-v-uz55eucc] .btn-text{
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal;
+  line-height: 16px;
+}

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

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js';
+script.__scopeId = "data-v-uz55eucc";
+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

@@ -0,0 +1,70 @@
+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"
+};
+const _hoisted_2 = {
+    class: "content"
+};
+const _hoisted_3 = {
+    class: "value-content g-whitespace-pre-line"
+};
+import Collapse from '../../../../render-collapse/index.vue.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        isShow: {
+            type: Boolean
+        },
+        data: {}
+    },
+    emits: [
+        "update:isShow"
+    ],
+    setup (__props, { emit: __emit }) {
+        const emits = __emit;
+        const handleClose = ()=>{
+            emits('update:isShow', false);
+            return true;
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_sideslider = _resolveComponent("bk-sideslider");
+            return _openBlock(), _createBlock(_component_bk_sideslider, {
+                width: 960,
+                "is-show": __props.isShow,
+                "before-close": handleClose,
+                class: "record-slider"
+            }, {
+                header: _withCtx(()=>[
+                        _createElementVNode("div", null, [
+                            _cache[0] || (_cache[0] = _createElementVNode("span", null, "查看操作结果", -1 /* CACHED */ )),
+                            _createElementVNode("span", _hoisted_1, _toDisplayString(`操作类型: ${__props.data.actionName}`), 1 /* TEXT */ )
+                        ])
+                    ]),
+                default: _withCtx(()=>[
+                        _createElementVNode("section", _hoisted_2, [
+                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.data.instanceData, (value, key)=>{
+                                return _openBlock(), _createElementBlock("div", {
+                                    key: key,
+                                    class: "!g-mb-16"
+                                }, [
+                                    _createVNode(Collapse, {
+                                        title: key
+                                    }, {
+                                        default: _withCtx(()=>[
+                                                _createElementVNode("h5", _hoisted_3, _toDisplayString(value), 1 /* TEXT */ )
+                                            ]),
+                                        _: 2 /* DYNAMIC */ 
+                                    }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
+                                        "title"
+                                    ])
+                                ]);
+                            }), 128 /* KEYED_FRAGMENT */ ))
+                        ])
+                    ]),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "is-show"
+            ]);
+        };
+    }
+});

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

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

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

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js.js';
+script.__scopeId = "data-v-qevf341a";
+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

@@ -0,0 +1,108 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+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 { ref, toRef } from 'vue';
+import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        validate: {
+            type: Function
+        },
+        formData: {},
+        apiPrefix: {},
+        id: {},
+        spaceId: {}
+    },
+    emits: [
+        "success",
+        "cancel"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { createDataset, updateDataset } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const loading = ref(false);
+        const handleConfirm = function() {
+            var _ref = _async_to_generator(function*() {
+                try {
+                    loading.value = true;
+                    yield props.validate();
+                    const data = props.id ? yield updateDataset(props.formData, props.id) : yield createDataset(props.formData);
+                    emits('success', data);
+                } catch (error) {
+                    console.error(error);
+                } finally{
+                    loading.value = false;
+                }
+            });
+            return function handleConfirm() {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        const handleClose = ()=>{
+            emits('cancel');
+        };
+        return (_ctx, _cache)=>{
+            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",
+                    loading: loading.value,
+                    onClick: handleConfirm
+                }, {
+                    default: _withCtx(()=>[
+                            ..._cache[0] || (_cache[0] = [
+                                _createTextVNode(" 确定 ", -1 /* CACHED */ )
+                            ])
+                        ]),
+                    _: 1 /* STABLE */ 
+                }, 8 /* PROPS */ , [
+                    "loading"
+                ]),
+                _createVNode(_component_bk_button, {
+                    class: "g-w-88",
+                    disabled: loading.value,
+                    onClick: handleClose
+                }, {
+                    default: _withCtx(()=>[
+                            ..._cache[1] || (_cache[1] = [
+                                _createTextVNode(" 取消 ", -1 /* CACHED */ )
+                            ])
+                        ]),
+                    _: 1 /* STABLE */ 
+                }, 8 /* PROPS */ , [
+                    "disabled"
+                ])
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

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

@@ -0,0 +1,3 @@
+import script from './dataset-footer.script.vue.js.js';
+script.__file = "./src/components/render-dataset/components/plus-dataset/dataset-footer.vue";
+export default script;