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

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

@@ -0,0 +1,184 @@
+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 { unref as _unref, resolveComponent as _resolveComponent, createVNode as _createVNode, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, withCtx as _withCtx, createElementVNode as _createElementVNode, resolveDirective as _resolveDirective, openBlock as _openBlock, createBlock as _createBlock, withDirectives as _withDirectives, Fragment as _Fragment, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+    class: "g-flex-row g-justify-between"
+};
+const _hoisted_2 = {
+    class: "text"
+};
+import { ref, watch } from 'vue';
+import ViewOpResult from '../view-op-result/index.vue.js';
+import { useDatasetHttp } from '../../../../../hooks/use-dataset-http.ts.js';
+import useTable from '../../../../../hooks/use-table.ts.js';
+import { DatasetDataOperatRecordActionId, DatasetDataOperatRecordResultCode } from '../../../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        search: {},
+        apiPrefix: {}
+    },
+    setup (__props) {
+        const props = __props;
+        const { getOperateRecordList } = useDatasetHttp(props.apiPrefix);
+        const resultCodeMap = {
+            [DatasetDataOperatRecordResultCode.Failed]: '失败',
+            [DatasetDataOperatRecordResultCode.Success]: '成功'
+        };
+        const actionIdMap = {
+            [DatasetDataOperatRecordActionId.AddDatasetItem]: '新增数据',
+            [DatasetDataOperatRecordActionId.EditDatasetItem]: '编辑数据',
+            [DatasetDataOperatRecordActionId.DeleteDatasetItem]: '删除数据'
+        };
+        const isShowView = ref(false);
+        const viewData = ref();
+        const handleGetOperateRecordList = (params)=>{
+            return getOperateRecordList(_object_spread({}, props.search, params));
+        };
+        const { tableData, pagination, isLoading, handlePageChange, handlePageSizeChange, resetPagination, triggerApi } = useTable(handleGetOperateRecordList, 'results', {
+            current: 1,
+            limit: 20,
+            count: 0
+        });
+        const handleView = (row)=>{
+            isShowView.value = true;
+            viewData.value = row;
+        };
+        watch(()=>props.search, ()=>{
+            resetPagination();
+            triggerApi();
+        }, {
+            immediate: true,
+            deep: true
+        });
+        return (_ctx, _cache)=>{
+            const _component_bk_table_column = _resolveComponent("bk-table-column");
+            const _component_bk_button = _resolveComponent("bk-button");
+            const _component_bk_table = _resolveComponent("bk-table");
+            const _directive_bkloading = _resolveDirective("bkloading");
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                _withDirectives((_openBlock(), _createBlock(_component_bk_table, {
+                    "show-overflow-tooltip": "",
+                    "remote-pagination": "",
+                    class: "g-white-footer-table g-gray-header-table",
+                    "empty-cell-text": "--",
+                    "max-height": "calc(100% - 48px)",
+                    "row-height": 70,
+                    pagination: _unref(pagination),
+                    data: _unref(tableData),
+                    onPageLimitChange: _unref(handlePageSizeChange),
+                    onPageValueChange: _unref(handlePageChange)
+                }, {
+                    default: _withCtx(()=>[
+                            _createVNode(_component_bk_table_column, {
+                                label: "数据 ID",
+                                field: "instanceId",
+                                width: "80"
+                            }),
+                            _createVNode(_component_bk_table_column, {
+                                label: "操作类型",
+                                width: "142"
+                            }, {
+                                default: _withCtx(({ row })=>[
+                                        _createTextVNode(_toDisplayString(actionIdMap[row.actionId]), 1 /* TEXT */ )
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }),
+                            _createVNode(_component_bk_table_column, {
+                                label: "操作状态",
+                                width: "142"
+                            }, {
+                                default: _withCtx(({ row })=>[
+                                        _createTextVNode(_toDisplayString(resultCodeMap[row.resultCode]), 1 /* TEXT */ )
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }),
+                            _createVNode(_component_bk_table_column, {
+                                label: "操作结果"
+                            }, {
+                                default: _withCtx(({ row })=>[
+                                        _createElementVNode("span", _hoisted_1, [
+                                            _createElementVNode("span", _hoisted_2, _toDisplayString(row.instanceData), 1 /* TEXT */ ),
+                                            _createVNode(_component_bk_button, {
+                                                text: "",
+                                                theme: "primary",
+                                                onClick: ($event)=>handleView(row)
+                                            }, {
+                                                default: _withCtx(()=>_cache[1] || (_cache[1] = [
+                                                        _createTextVNode(" [查看] ")
+                                                    ])),
+                                                _: 2 /* DYNAMIC */ ,
+                                                __: [
+                                                    1
+                                                ]
+                                            }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
+                                                "onClick"
+                                            ])
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }),
+                            _createVNode(_component_bk_table_column, {
+                                label: "操作人",
+                                field: "username",
+                                width: "142"
+                            }),
+                            _createVNode(_component_bk_table_column, {
+                                label: "操作时间",
+                                field: "endTime",
+                                width: "152"
+                            })
+                        ]),
+                    _: 1 /* STABLE */ 
+                }, 8 /* PROPS */ , [
+                    "pagination",
+                    "data",
+                    "onPageLimitChange",
+                    "onPageValueChange"
+                ])), [
+                    [
+                        _directive_bkloading,
+                        {
+                            loading: _unref(isLoading),
+                            zIndex: 2
+                        }
+                    ]
+                ]),
+                _createVNode(ViewOpResult, {
+                    "is-show": isShowView.value,
+                    "onUpdate:isShow": _cache[0] || (_cache[0] = ($event)=>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 @@
+
+.text[data-v-ktb2v0c7] {
+  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.d.ts

@@ -0,0 +1,7 @@
+import type { IOperatRecordParam } from '@/types/dataset';
+interface IProps {
+    search: IOperatRecordParam;
+    apiPrefix: string;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js.js';
+script.__scopeId = "data-v-ktb2v0c7";
+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,76 @@
+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-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: {
+            type: Boolean
+        },
+        data: {}
+    },
+    emits: [
+        "update:isShow"
+    ],
+    setup (__props, { emit: __emit }) {
+        const emits = __emit;
+        const actionIdMap = {
+            [DatasetDataOperatRecordActionId.AddDatasetItem]: '新增数据',
+            [DatasetDataOperatRecordActionId.EditDatasetItem]: '编辑数据',
+            [DatasetDataOperatRecordActionId.DeleteDatasetItem]: '删除数据'
+        };
+        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": _ctx.isShow,
+                "before-close": handleClose,
+                class: "record-slider"
+            }, {
+                header: _withCtx(()=>[
+                        _createElementVNode("div", null, [
+                            _cache[0] || (_cache[0] = _createElementVNode("span", null, "查看操作结果", -1 /* HOISTED */ )),
+                            _createElementVNode("span", _hoisted_1, _toDisplayString(`操作类型: ${actionIdMap[_ctx.data.actionId]}`), 1 /* TEXT */ )
+                        ])
+                    ]),
+                default: _withCtx(()=>[
+                        _createElementVNode("section", _hoisted_2, [
+                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.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-64g5md4f] {
+  padding: 18px 24px 0;
+  height: 100%;
+  overflow: auto;
+}
+.content .value-content[data-v-64g5md4f] {
+    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.d.ts

@@ -0,0 +1,11 @@
+import type { IOperatRecord } from '@/types/dataset';
+interface IProps {
+    isShow: boolean;
+    data: IOperatRecord;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:isShow": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:isShow"?: (value: boolean) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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-64g5md4f";
+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 } from 'vue';
+import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        validate: {
+            type: Function
+        },
+        formData: {},
+        apiPrefix: {}
+    },
+    emits: [
+        "success",
+        "cancel"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { createDataset } = useDatasetHttp(props.apiPrefix);
+        const loading = ref(false);
+        const handleConfirm = function() {
+            var _ref = _async_to_generator(function*() {
+                try {
+                    loading.value = true;
+                    yield props.validate();
+                    const data = 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-width-88 g-mr-8",
+                    theme: "primary",
+                    loading: loading.value,
+                    onClick: handleConfirm
+                }, {
+                    default: _withCtx(()=>_cache[0] || (_cache[0] = [
+                            _createTextVNode(" 确定 ")
+                        ])),
+                    _: 1 /* STABLE */ ,
+                    __: [
+                        0
+                    ]
+                }, 8 /* PROPS */ , [
+                    "loading"
+                ]),
+                _createVNode(_component_bk_button, {
+                    class: "g-width-88",
+                    disabled: loading.value,
+                    onClick: handleClose
+                }, {
+                    default: _withCtx(()=>_cache[1] || (_cache[1] = [
+                            _createTextVNode(" 取消 ")
+                        ])),
+                    _: 1 /* STABLE */ ,
+                    __: [
+                        1
+                    ]
+                }, 8 /* PROPS */ , [
+                    "disabled"
+                ])
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

package/dist/components/render-dataset/components/plus-dataset/dataset-footer.vue.d.ts

@@ -0,0 +1,14 @@
+import type { IDataset, IDatasetForm } from '@/types/dataset';
+interface IProps {
+    validate: () => Promise<boolean>;
+    formData: IDatasetForm;
+    apiPrefix: string;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    cancel: () => any;
+    success: (data: IDataset) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onCancel?: () => any;
+    onSuccess?: (data: IDataset) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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;