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

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

@@ -0,0 +1,246 @@
+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);
+        });
+    };
+}
+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;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, resolveDirective as _resolveDirective, openBlock as _openBlock, createBlock as _createBlock, withDirectives as _withDirectives, renderList as _renderList, Fragment as _Fragment, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, createCommentVNode as _createCommentVNode } from "vue";
+import { ref, toRef, useTemplateRef, watch } from 'vue';
+import { chooseFile } from '../../../../../common/util.ts.js';
+import RenderFileCard from '../../../../render-file-card/index.vue.js';
+import { useDatasetHttp } from '../../../../../hooks/use-dataset-http.ts.js';
+import { DatasetDataSourceType } from '../../../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        modelValue: {},
+        apiPrefix: {},
+        spaceId: {}
+    },
+    emits: [
+        "update:modelValue"
+    ],
+    setup (__props, { expose: __expose, emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { uploadDatasetDataFiles, downloadDatasetDataTemplateFile } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const formRef = useTemplateRef('formRef');
+        const loading = ref(false);
+        const validate = ()=>{
+            var _formRef_value;
+            return (_formRef_value = formRef.value) === null || _formRef_value === void 0 ? void 0 : _formRef_value.validate();
+        };
+        const clearValidate = ()=>{
+            var _formRef_value;
+            return (_formRef_value = formRef.value) === null || _formRef_value === void 0 ? void 0 : _formRef_value.clearValidate();
+        };
+        const handleUploadFile = function() {
+            var _ref = _async_to_generator(function*() {
+                try {
+                    // 用户选择
+                    const chooseResult = yield chooseFile('.csv,.xlsx', 50 * 1024 * 1024, true, false);
+                    // loading
+                    loading.value = true;
+                    // 上传
+                    const files = yield uploadDatasetDataFiles(chooseResult);
+                    // update
+                    const dataset = _object_spread_props(_object_spread({}, props.modelValue), {
+                        files: [
+                            ...props.modelValue.files || [],
+                            ...files
+                        ]
+                    });
+                    emits('update:modelValue', dataset);
+                } catch (error) {
+                    console.error(error);
+                } finally{
+                    loading.value = false;
+                }
+            });
+            return function handleUploadFile() {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        const handleDownloadFile = ()=>{
+            downloadDatasetDataTemplateFile(props.modelValue.datasetId);
+        };
+        const handleDeleteFile = (file)=>{
+            const files = props.modelValue.files.filter((item)=>item.id !== file.id);
+            const dataset = _object_spread_props(_object_spread({}, props.modelValue), {
+                files
+            });
+            emits('update:modelValue', dataset);
+        };
+        const handleClearFile = ()=>{
+            const dataset = _object_spread_props(_object_spread({}, props.modelValue), {
+                files: []
+            });
+            emits('update:modelValue', dataset);
+        };
+        watch(()=>props.modelValue.sourceType, handleClearFile);
+        __expose({
+            validate,
+            clearValidate
+        });
+        return (_ctx, _cache)=>{
+            const _component_bk_button = _resolveComponent("bk-button");
+            const _component_bk_form_item = _resolveComponent("bk-form-item");
+            const _component_bk_form = _resolveComponent("bk-form");
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return __props.modelValue.sourceType === _unref(DatasetDataSourceType).UploadFile ? (_openBlock(), _createBlock(_component_bk_form, {
+                key: 0,
+                class: "g-small-form",
+                "form-type": "vertical",
+                ref_key: "formRef",
+                ref: formRef,
+                model: __props.modelValue
+            }, {
+                default: _withCtx(()=>[
+                        _createVNode(_component_bk_form_item, {
+                            label: "上传文件",
+                            property: "files",
+                            required: ""
+                        }, {
+                            default: _withCtx(()=>[
+                                    _createVNode(_component_bk_button, {
+                                        loading: loading.value,
+                                        class: "!g-text-12 g-mr-8",
+                                        onClick: handleUploadFile
+                                    }, {
+                                        default: _withCtx(()=>[
+                                                ..._cache[0] || (_cache[0] = [
+                                                    _createElementVNode("i", {
+                                                        class: "ai-ui-sdk-icon ai-ui-sdk-dongzuo-shangchuan g-text-16 g-mr-4"
+                                                    }, null, -1 /* CACHED */ ),
+                                                    _createTextVNode(" 上传文件 ", -1 /* CACHED */ )
+                                                ])
+                                            ]),
+                                        _: 1 /* STABLE */ 
+                                    }, 8 /* PROPS */ , [
+                                        "loading"
+                                    ]),
+                                    _withDirectives((_openBlock(), _createBlock(_component_bk_button, {
+                                        loading: loading.value,
+                                        disabled: !__props.modelValue.datasetId,
+                                        class: "!g-text-12 g-mr-8",
+                                        onClick: handleDownloadFile
+                                    }, {
+                                        default: _withCtx(()=>[
+                                                ..._cache[1] || (_cache[1] = [
+                                                    _createElementVNode("i", {
+                                                        class: "ai-ui-sdk-icon ai-ui-sdk-dongzuo-xiazai g-text-16 g-mr-4"
+                                                    }, null, -1 /* CACHED */ ),
+                                                    _createTextVNode(" 下载示例 ", -1 /* CACHED */ )
+                                                ])
+                                            ]),
+                                        _: 1 /* STABLE */ 
+                                    }, 8 /* PROPS */ , [
+                                        "loading",
+                                        "disabled"
+                                    ])), [
+                                        [
+                                            _directive_bk_tooltips,
+                                            {
+                                                content: '请先选择所属数据集',
+                                                disabled: __props.modelValue.datasetId
+                                            }
+                                        ]
+                                    ]),
+                                    _cache[2] || (_cache[2] = _createElementVNode("span", null, "支持 .csv，.xlsx 类型文件解析处理，单文件大小在 50M 以内", -1 /* CACHED */ )),
+                                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(__props.modelValue.files, (file, index)=>{
+                                        return _openBlock(), _createBlock(RenderFileCard, {
+                                            key: file.id,
+                                            file: file,
+                                            class: _normalizeClass(index <= 0 ? 'g-mt-12' : 'g-mt-8'),
+                                            onDelete: handleDeleteFile
+                                        }, null, 8 /* PROPS */ , [
+                                            "file",
+                                            "class"
+                                        ]);
+                                    }), 128 /* KEYED_FRAGMENT */ ))
+                                ]),
+                            _: 1 /* STABLE */ 
+                        })
+                    ]),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "model"
+            ])) : _createCommentVNode("v-if", true);
+        };
+    }
+});

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

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

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

@@ -0,0 +1,138 @@
+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 { unref as _unref, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, Fragment as _Fragment, createElementBlock as _createElementBlock } from "vue";
+import { Message } from 'bkui-vue';
+import { ref, toRef } from 'vue';
+import { useDatasetHttp } from '../../../../../hooks/use-dataset-http.ts.js';
+import { DatasetDataSourceType } from '../../../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        validate: {
+            type: Function
+        },
+        datasetData: {},
+        apiPrefix: {},
+        spaceId: {}
+    },
+    emits: [
+        "close",
+        "success-confirm"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { createDatasetData } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const loading = ref(false);
+        const handleConfirm = function() {
+            var _ref = _async_to_generator(function*() {
+                try {
+                    loading.value = true;
+                    // 校验
+                    yield handleValidate();
+                    // 保存
+                    const data = yield handleSave();
+                    // 提示消息
+                    handleMessage(data);
+                    // 关闭弹窗
+                    handleClose(true);
+                    // 触发事件
+                    handleSuccess();
+                } catch (error) {
+                    console.error(error.message || error);
+                } finally{
+                    loading.value = false;
+                }
+            });
+            return function handleConfirm() {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        const handleValidate = ()=>props.validate();
+        const handleSave = ()=>{
+            return createDatasetData(props.datasetData);
+        };
+        const handleMessage = (data)=>{
+            // 文件上传需要提示消息
+            if (props.datasetData.sourceType === DatasetDataSourceType.UploadFile) {
+                let message = `新增${data.createCount}条数据`;
+                if (data.duplicateCount) {
+                    message += `，有${data.duplicateCount}条重复数据`;
+                }
+                Message({
+                    message,
+                    theme: 'success'
+                });
+            }
+        };
+        const handleClose = (noValidate)=>{
+            emits('close', noValidate);
+        };
+        const handleSuccess = ()=>{
+            emits('success-confirm');
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_button = _resolveComponent("bk-button");
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                __props.datasetData.sourceType !== _unref(DatasetDataSourceType).ApiReport ? (_openBlock(), _createBlock(_component_bk_button, {
+                    key: 0,
+                    class: "footer-button",
+                    theme: "primary",
+                    loading: loading.value,
+                    onClick: handleConfirm
+                }, {
+                    default: _withCtx(()=>[
+                            ..._cache[0] || (_cache[0] = [
+                                _createTextVNode(" 确定 ", -1 /* CACHED */ )
+                            ])
+                        ]),
+                    _: 1 /* STABLE */ 
+                }, 8 /* PROPS */ , [
+                    "loading"
+                ])) : _createCommentVNode("v-if", true),
+                __props.datasetData.sourceType !== _unref(DatasetDataSourceType).ApiReport ? (_openBlock(), _createBlock(_component_bk_button, {
+                    key: 1,
+                    class: "footer-button",
+                    disabled: loading.value,
+                    onClick: handleClose
+                }, {
+                    default: _withCtx(()=>[
+                            ..._cache[1] || (_cache[1] = [
+                                _createTextVNode(" 取消 ", -1 /* CACHED */ )
+                            ])
+                        ]),
+                    _: 1 /* STABLE */ 
+                }, 8 /* PROPS */ , [
+                    "disabled"
+                ])) : _createCommentVNode("v-if", true)
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

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

@@ -0,0 +1,5 @@
+
+.footer-button[data-v-vreglx2u] {
+  width: 88px;
+  margin-right: 8px;
+}

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

@@ -0,0 +1,5 @@
+import script from './footer.script.vue.js.js';
+script.__scopeId = "data-v-vreglx2u";
+script.__file = "./src/components/render-dataset/components/plus-dataset-data/form/footer.vue";
+import './footer.vue.css';
+export default script;

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

@@ -0,0 +1,204 @@
+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 { createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "g-px-24 g-pt-16"
+};
+import { nextTick, ref, useTemplateRef, watch } from 'vue';
+import RenderApi from './api.vue.js';
+import RenderCategory from './category.vue.js';
+import RenderDataset from './dataset.vue.js';
+import RenderFile from './file.vue.js';
+import RenderFooter from './footer.vue.js';
+import RenderManual from './manual.vue.js';
+import { useFormLeaveConfirm } from '../../../../../hooks/use-form-leave-confirm.ts.js';
+import { DatasetDataSourceType } from '../../../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        isShow: {
+            type: Boolean
+        },
+        apiPrefix: {},
+        datasetData: {},
+        disabledChooseDataset: {
+            type: Boolean
+        },
+        spaceId: {},
+        isInternal: {
+            type: Boolean
+        }
+    },
+    emits: [
+        "update:isShow",
+        "success-confirm"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { handleInitFormLeaveConfirm, handleFormLeaveConfirm } = useFormLeaveConfirm();
+        const datasetRef = useTemplateRef('datasetRef');
+        const fileRef = useTemplateRef('fileRef');
+        const manualRef = useTemplateRef('manualRef');
+        const renderDatasetData = ref();
+        const handleClose = (noValidate)=>{
+            const close = ()=>{
+                emits('update:isShow', false);
+            };
+            handleFormLeaveConfirm(close, renderDatasetData.value, noValidate);
+            return false;
+        };
+        const handleSuccess = ()=>{
+            emits('success-confirm');
+            handleClose(true);
+        };
+        const validate = ()=>{
+            return Promise.all([
+                datasetRef.value.validate(),
+                fileRef.value.validate(),
+                manualRef.value.validate()
+            ]);
+        };
+        const handleClearValidate = ()=>{
+            return nextTick(()=>{
+                datasetRef.value.clearValidate();
+                fileRef.value.clearValidate();
+                manualRef.value.clearValidate();
+            });
+        };
+        const handleInitData = ()=>{
+            renderDatasetData.value = _object_spread({
+                data: {},
+                files: [],
+                datasetId: undefined,
+                sourceType: DatasetDataSourceType.UploadFile
+            }, props.datasetData);
+        };
+        watch(()=>props.isShow, ()=>{
+            if (props.isShow) {
+                handleInitData();
+                handleInitFormLeaveConfirm(renderDatasetData.value);
+                handleClearValidate();
+            }
+        });
+        return (_ctx, _cache)=>{
+            const _component_bk_sideslider = _resolveComponent("bk-sideslider");
+            return _openBlock(), _createBlock(_component_bk_sideslider, {
+                title: "添加数据",
+                class: "plus-dataset-sideslider",
+                "esc-close": false,
+                width: 960,
+                "is-show": __props.isShow,
+                "before-close": ()=>handleClose()
+            }, {
+                footer: _withCtx(()=>[
+                        _createVNode(RenderFooter, {
+                            "dataset-data": renderDatasetData.value,
+                            "api-prefix": __props.apiPrefix,
+                            "space-id": __props.spaceId,
+                            validate: validate,
+                            onClose: handleClose,
+                            onSuccessConfirm: handleSuccess
+                        }, null, 8 /* PROPS */ , [
+                            "dataset-data",
+                            "api-prefix",
+                            "space-id"
+                        ])
+                    ]),
+                default: _withCtx(()=>[
+                        __props.isShow ? (_openBlock(), _createElementBlock("section", _hoisted_1, [
+                            _createVNode(RenderCategory, {
+                                modelValue: renderDatasetData.value,
+                                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>renderDatasetData.value = $event),
+                                "is-internal": __props.isInternal
+                            }, null, 8 /* PROPS */ , [
+                                "modelValue",
+                                "is-internal"
+                            ]),
+                            _createVNode(RenderFile, {
+                                modelValue: renderDatasetData.value,
+                                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>renderDatasetData.value = $event),
+                                "api-prefix": __props.apiPrefix,
+                                "space-id": __props.spaceId,
+                                ref_key: "fileRef",
+                                ref: fileRef
+                            }, null, 8 /* PROPS */ , [
+                                "modelValue",
+                                "api-prefix",
+                                "space-id"
+                            ]),
+                            _createVNode(RenderDataset, {
+                                modelValue: renderDatasetData.value,
+                                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event)=>renderDatasetData.value = $event),
+                                "api-prefix": __props.apiPrefix,
+                                "space-id": __props.spaceId,
+                                "is-internal": __props.isInternal,
+                                "disabled-choose-dataset": __props.disabledChooseDataset,
+                                ref_key: "datasetRef",
+                                ref: datasetRef
+                            }, null, 8 /* PROPS */ , [
+                                "modelValue",
+                                "api-prefix",
+                                "space-id",
+                                "is-internal",
+                                "disabled-choose-dataset"
+                            ]),
+                            _createVNode(RenderApi, {
+                                modelValue: renderDatasetData.value,
+                                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event)=>renderDatasetData.value = $event),
+                                "api-prefix": __props.apiPrefix,
+                                "space-id": __props.spaceId
+                            }, null, 8 /* PROPS */ , [
+                                "modelValue",
+                                "api-prefix",
+                                "space-id"
+                            ]),
+                            _createVNode(RenderManual, {
+                                modelValue: renderDatasetData.value,
+                                "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event)=>renderDatasetData.value = $event),
+                                "api-prefix": __props.apiPrefix,
+                                "space-id": __props.spaceId,
+                                ref_key: "manualRef",
+                                ref: manualRef
+                            }, null, 8 /* PROPS */ , [
+                                "modelValue",
+                                "api-prefix",
+                                "space-id"
+                            ])
+                        ])) : _createCommentVNode("v-if", true)
+                    ]),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "is-show",
+                "before-close"
+            ]);
+        };
+    }
+});

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

@@ -0,0 +1,4 @@
+
+.plus-dataset-sideslider[data-v-co9swc65] .bk-modal-content {
+    scrollbar-gutter: inherit !important;
+}

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

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