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

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

@@ -0,0 +1,385 @@
+"use strict";
+var _interopRequireDefault = require('../../../../node_modules/@babel/runtime/helpers/interopRequireDefault.js');
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require('../../../../node_modules/@babel/runtime/helpers/defineProperty.js'));
+var _vue = require("vue");
+require('../../../../node_modules/core-js/modules/es.symbol.js');
+require('../../../../node_modules/core-js/modules/es.symbol.description.js');
+require('../../../../node_modules/core-js/modules/es.array.find.js');
+require('../../../../node_modules/core-js/modules/es.array.map.js');
+require('../../../../node_modules/core-js/modules/es.function.name.js');
+require('../../../../node_modules/core-js/modules/es.object.assign.js');
+require('../../../../node_modules/core-js/modules/es.object.keys.js');
+require('../../../../node_modules/core-js/modules/es.object.to-string.js');
+require('../../../../node_modules/core-js/modules/es.promise.js');
+require('../../../../node_modules/core-js/modules/es.promise.finally.js');
+var _index = _interopRequireDefault(require('../../../render-auto-height-textarea/index.vue.js'));
+var _index2 = _interopRequireDefault(require('../../../render-choose-tag/index.vue.js'));
+var _index3 = _interopRequireDefault(require('../../../render-t-table/index.vue.js'));
+var _enums = require('../../../../enums.ts.js');
+var _useDatasetHttp2 = require('../../../../hooks/use-dataset-http.ts.js');
+var _useFormRule2 = require('../../../../hooks/use-form-rule.ts.js');
+var _hoisted_1 = {
+    class: "!g-w-full"
+};
+var _hoisted_2 = {
+    class: "g-whitespace-pre-line g-max-h-80vh g-scrollbar-page"
+};
+var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+    props: {
+        id: {},
+        formData: {},
+        apiPrefix: {},
+        spaceId: {},
+        isInternal: {
+            type: Boolean
+        },
+        namePlaceholder: {},
+        codePlaceholder: {}
+    },
+    emits: [
+        "update:formData"
+    ],
+    setup: function setup(__props, _ref) {
+        var __expose = _ref.expose, __emit = _ref.emit;
+        var props = __props;
+        var emits = __emit;
+        var _useDatasetHttp = (0, _useDatasetHttp2.useDatasetHttp)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getComponentList = _useDatasetHttp.getComponentList, getSchemaList = _useDatasetHttp.getSchemaList;
+        var _useFormRule = (0, _useFormRule2.useFormRule)(props.apiPrefix, (0, _vue.toRef)(props, 'spaceId')), getNameRule = _useFormRule.getNameRule, getCodeRule = _useFormRule.getCodeRule;
+        var rules = {
+            datasetName: [
+                getNameRule(_enums.Module.Default)
+            ],
+            datasetCode: [
+                getCodeRule(_enums.Module.Default)
+            ]
+        };
+        var isLoadingComponentList = (0, _vue.ref)(false);
+        var isLoadingSchemaList = (0, _vue.ref)(false);
+        var componentList = (0, _vue.ref)();
+        var schemaList = (0, _vue.ref)();
+        var renderSchema = (0, _vue.ref)();
+        var formRef = (0, _vue.ref)();
+        var getColumns = function getColumns() {
+            return Object.keys(renderSchema.value || {}).map(function(key) {
+                return {
+                    colKey: key,
+                    title: key,
+                    ellipsis: false,
+                    cell: function cell(h, _ref2) {
+                        var row = _ref2.row;
+                        return (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)("section", null, [
+                                row[key]
+                            ])
+                        }, {
+                            default: function _default() {
+                                return [
+                                    (0, _vue.createVNode)("section", {
+                                        "class": "g-max-truncate"
+                                    }, [
+                                        row[key]
+                                    ])
+                                ];
+                            }
+                        });
+                    }
+                };
+            });
+        };
+        var validate = function validate() {
+            return formRef.value.validate();
+        };
+        var clearValidate = function clearValidate() {
+            return formRef.value.clearValidate();
+        };
+        var handleChange = function handleChange(key, value) {
+            // 选择类型的时候，需要更新一下schema
+            if (key === 'type') {
+                renderSchema.value = schemaList.value.find(function(schema) {
+                    return schema.id === value;
+                }).schema;
+            }
+            var formData = Object.assign(Object.assign({}, props.formData), (0, _defineProperty2.default)({}, key, value));
+            emits('update:formData', formData);
+        };
+        var handleGetComponentList = function handleGetComponentList() {
+            if (props.isInternal) return;
+            isLoadingComponentList.value = true;
+            getComponentList().then(function(data) {
+                componentList.value = data;
+            }).finally(function() {
+                isLoadingComponentList.value = false;
+            });
+        };
+        var handleGetSchemaList = function handleGetSchemaList() {
+            isLoadingSchemaList.value = true;
+            getSchemaList().then(function(data) {
+                schemaList.value = data;
+            }).finally(function() {
+                isLoadingSchemaList.value = false;
+            });
+        };
+        (0, _vue.onBeforeMount)(function() {
+            handleGetComponentList();
+            handleGetSchemaList();
+        });
+        __expose({
+            validate: validate,
+            clearValidate: clearValidate
+        });
+        return function(_ctx, _cache) {
+            var _component_bk_input = (0, _vue.resolveComponent)("bk-input");
+            var _component_bk_form_item = (0, _vue.resolveComponent)("bk-form-item");
+            var _component_bk_popover = (0, _vue.resolveComponent)("bk-popover");
+            var _component_bk_option = (0, _vue.resolveComponent)("bk-option");
+            var _component_bk_select = (0, _vue.resolveComponent)("bk-select");
+            var _component_bk_cascader = (0, _vue.resolveComponent)("bk-cascader");
+            var _component_bk_form = (0, _vue.resolveComponent)("bk-form");
+            return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_form, {
+                "form-type": "vertical",
+                ref_key: "formRef",
+                ref: formRef,
+                class: "g-small-form",
+                rules: rules,
+                model: __props.formData
+            }, {
+                default: (0, _vue.withCtx)(function() {
+                    return [
+                        (0, _vue.createElementVNode)("section", null, [
+                            _cache[7] || (_cache[7] = (0, _vue.createElementVNode)("h5", {
+                                class: "g-text-14 g-text-black g-font-bold !g-mb-16"
+                            }, " 基本信息 ", -1 /* CACHED */ )),
+                            (0, _vue.createVNode)(_component_bk_form_item, {
+                                label: "名称",
+                                property: "datasetName",
+                                required: ""
+                            }, {
+                                default: (0, _vue.withCtx)(function() {
+                                    return [
+                                        (0, _vue.createVNode)(_component_bk_input, {
+                                            clearable: "",
+                                            placeholder: __props.namePlaceholder,
+                                            "model-value": __props.formData.datasetName,
+                                            onChange: _cache[0] || (_cache[0] = function(value) {
+                                                return handleChange('datasetName', value);
+                                            })
+                                        }, null, 8 /* PROPS */ , [
+                                            "placeholder",
+                                            "model-value"
+                                        ])
+                                    ];
+                                }),
+                                _: 1 /* STABLE */ 
+                            }),
+                            (0, _vue.createVNode)(_component_bk_form_item, {
+                                label: "英文名",
+                                property: "datasetCode",
+                                required: ""
+                            }, {
+                                default: (0, _vue.withCtx)(function() {
+                                    return [
+                                        (0, _vue.createVNode)(_component_bk_input, {
+                                            clearable: "",
+                                            placeholder: __props.codePlaceholder,
+                                            disabled: !!__props.id,
+                                            "model-value": __props.formData.datasetCode,
+                                            onChange: _cache[1] || (_cache[1] = function(value) {
+                                                return handleChange('datasetCode', value);
+                                            })
+                                        }, null, 8 /* PROPS */ , [
+                                            "placeholder",
+                                            "disabled",
+                                            "model-value"
+                                        ])
+                                    ];
+                                }),
+                                _: 1 /* STABLE */ 
+                            }),
+                            (0, _vue.createVNode)(_component_bk_form_item, {
+                                label: "类型",
+                                property: "type",
+                                required: ""
+                            }, {
+                                default: (0, _vue.withCtx)(function() {
+                                    return [
+                                        (0, _vue.createVNode)(_component_bk_select, {
+                                            disabled: !!__props.id,
+                                            "model-value": __props.formData.type,
+                                            "popover-options": {
+                                                width: 240
+                                            },
+                                            clearable: false,
+                                            onChange: _cache[2] || (_cache[2] = function(value) {
+                                                return handleChange('type', value);
+                                            })
+                                        }, {
+                                            default: (0, _vue.withCtx)(function() {
+                                                return [
+                                                    ((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(schemaList.value, function(item) {
+                                                        return (0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_option, {
+                                                            id: item.id,
+                                                            key: item.id,
+                                                            name: item.name
+                                                        }, {
+                                                            default: (0, _vue.withCtx)(function() {
+                                                                return [
+                                                                    (0, _vue.createVNode)(_component_bk_popover, {
+                                                                        placement: "right",
+                                                                        theme: "light",
+                                                                        "popover-delay": 0,
+                                                                        "max-width": 400,
+                                                                        arrow: ""
+                                                                    }, {
+                                                                        content: (0, _vue.withCtx)(function() {
+                                                                            return [
+                                                                                (0, _vue.createElementVNode)("ul", _hoisted_2, [
+                                                                                    ((0, _vue.openBlock)(true), (0, _vue.createElementBlock)(_vue.Fragment, null, (0, _vue.renderList)(item.schema, function(value, key) {
+                                                                                        return (0, _vue.openBlock)(), (0, _vue.createElementBlock)("li", {
+                                                                                            key: key
+                                                                                        }, [
+                                                                                            (0, _vue.createTextVNode)((0, _vue.toDisplayString)(key) + "：", 1 /* TEXT */ ),
+                                                                                            _cache[6] || (_cache[6] = (0, _vue.createElementVNode)("br", null, null, -1 /* CACHED */ )),
+                                                                                            (0, _vue.createTextVNode)(" " + (0, _vue.toDisplayString)(value), 1 /* TEXT */ )
+                                                                                        ]);
+                                                                                    }), 128 /* KEYED_FRAGMENT */ ))
+                                                                                ])
+                                                                            ];
+                                                                        }),
+                                                                        default: (0, _vue.withCtx)(function() {
+                                                                            return [
+                                                                                (0, _vue.createElementVNode)("section", _hoisted_1, (0, _vue.toDisplayString)(item.name), 1 /* TEXT */ )
+                                                                            ];
+                                                                        }),
+                                                                        _: 2 /* DYNAMIC */ 
+                                                                    }, 1024 /* DYNAMIC_SLOTS */ )
+                                                                ];
+                                                            }),
+                                                            _: 2 /* DYNAMIC */ 
+                                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
+                                                            "id",
+                                                            "name"
+                                                        ]);
+                                                    }), 128 /* KEYED_FRAGMENT */ ))
+                                                ];
+                                            }),
+                                            _: 1 /* STABLE */ 
+                                        }, 8 /* PROPS */ , [
+                                            "disabled",
+                                            "model-value"
+                                        ])
+                                    ];
+                                }),
+                                _: 1 /* STABLE */ 
+                            }),
+                            renderSchema.value ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_form_item, {
+                                key: 0,
+                                label: "schema 预览"
+                            }, {
+                                default: (0, _vue.withCtx)(function() {
+                                    return [
+                                        (0, _vue.createVNode)(_index3.default, {
+                                            class: "cooperation-table",
+                                            "row-key": Object.keys(renderSchema.value || {})[0],
+                                            bordered: true,
+                                            columns: getColumns(),
+                                            "table-data": [
+                                                renderSchema.value
+                                            ]
+                                        }, null, 8 /* PROPS */ , [
+                                            "row-key",
+                                            "columns",
+                                            "table-data"
+                                        ])
+                                    ];
+                                }),
+                                _: 1 /* STABLE */ 
+                            })) : (0, _vue.createCommentVNode)("v-if", true),
+                            !__props.isInternal ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_form_item, {
+                                key: 1,
+                                label: "所属组件",
+                                property: "componentIds",
+                                required: ""
+                            }, {
+                                default: (0, _vue.withCtx)(function() {
+                                    return [
+                                        (0, _vue.createVNode)(_component_bk_cascader, {
+                                            filterable: "",
+                                            list: componentList.value,
+                                            "model-value": __props.formData.componentIds,
+                                            "onUpdate:modelValue": _cache[3] || (_cache[3] = function(value) {
+                                                return handleChange('componentIds', value);
+                                            })
+                                        }, null, 8 /* PROPS */ , [
+                                            "list",
+                                            "model-value"
+                                        ])
+                                    ];
+                                }),
+                                _: 1 /* STABLE */ 
+                            })) : (0, _vue.createCommentVNode)("v-if", true),
+                            __props.isInternal ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_form_item, {
+                                key: 2,
+                                label: "标签",
+                                property: "tagNames"
+                            }, {
+                                default: (0, _vue.withCtx)(function() {
+                                    return [
+                                        (0, _vue.createVNode)(_index2.default, {
+                                            "api-prefix": __props.apiPrefix,
+                                            "space-id": __props.spaceId,
+                                            "is-dataset": true,
+                                            "is-enabled-create-tag": true,
+                                            multiple: true,
+                                            "model-value": __props.formData.tagNames,
+                                            module: (0, _vue.unref)(_enums.Module).Dataset,
+                                            "onUpdate:modelValue": _cache[4] || (_cache[4] = function(value) {
+                                                return handleChange('tagNames', value);
+                                            })
+                                        }, null, 8 /* PROPS */ , [
+                                            "api-prefix",
+                                            "space-id",
+                                            "model-value",
+                                            "module"
+                                        ])
+                                    ];
+                                }),
+                                _: 1 /* STABLE */ 
+                            })) : (0, _vue.createCommentVNode)("v-if", true),
+                            (0, _vue.createVNode)(_component_bk_form_item, {
+                                label: "描述",
+                                property: "description",
+                                class: "g-last-form-item"
+                            }, {
+                                default: (0, _vue.withCtx)(function() {
+                                    return [
+                                        (0, _vue.createVNode)(_index.default, {
+                                            height: 200,
+                                            "model-value": __props.formData.description,
+                                            "onUpdate:modelValue": _cache[5] || (_cache[5] = function(value) {
+                                                return handleChange('description', value);
+                                            })
+                                        }, null, 8 /* PROPS */ , [
+                                            "model-value"
+                                        ])
+                                    ];
+                                }),
+                                _: 1 /* STABLE */ 
+                            })
+                        ])
+                    ];
+                }),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "model"
+            ]);
+        };
+    }
+});

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

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

package/dist/components/render-dataset/components/plus-dataset/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 { toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, createVNode as _createVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock } from "vue";
+const _hoisted_1 = {
+    class: "g-flex-row"
+};
+const _hoisted_2 = {
+    class: "title"
+};
+const _hoisted_3 = {
+    class: "g-text-14 g-text-gray"
+};
+const _hoisted_4 = {
+    key: 1,
+    class: "g-text-gray g-text-14 g-ml-6"
+};
+const _hoisted_5 = {
+    key: 0,
+    class: "g-px-24 g-pt-16 g-h-full"
+};
+import { nextTick, ref, useTemplateRef, watch } from 'vue';
+import DatasetFooter from './dataset-footer.vue.js';
+import DatasetForm from './dataset-form.vue.js';
+import { useFormLeaveConfirm } from '../../../../hooks/use-form-leave-confirm.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        modelValue: {
+            type: Boolean
+        },
+        apiPrefix: {},
+        dataset: {},
+        spaceId: {},
+        isInternal: {
+            type: Boolean
+        },
+        namePlaceholder: {},
+        codePlaceholder: {}
+    },
+    emits: [
+        "update:modelValue",
+        "success-save"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { handleInitFormLeaveConfirm, handleFormLeaveConfirm } = useFormLeaveConfirm();
+        const formRef = useTemplateRef('formRef');
+        const formData = ref();
+        const validate = ()=>formRef.value.validate();
+        const handleSuccess = (data)=>{
+            emits('success-save', data);
+            handleClose(true);
+        };
+        const handleClose = (noValidate)=>{
+            const close = ()=>{
+                emits('update:modelValue', false);
+            };
+            handleFormLeaveConfirm(close, formData.value, noValidate);
+            return true;
+        };
+        const handleInitFormData = ()=>{
+            formData.value = _object_spread({
+                datasetName: '',
+                datasetCode: '',
+                description: '',
+                type: undefined,
+                companyId: undefined,
+                componentIds: [],
+                tagNames: []
+            }, props.dataset);
+        };
+        const handleClearValidate = ()=>{
+            nextTick(()=>{
+                formRef.value.clearValidate();
+            });
+        };
+        watch(()=>props.modelValue, (val)=>{
+            if (val) {
+                handleInitFormData();
+                handleInitFormLeaveConfirm(formData.value);
+                handleClearValidate();
+            }
+        });
+        return (_ctx, _cache)=>{
+            const _component_bk_sideslider = _resolveComponent("bk-sideslider");
+            return _openBlock(), _createBlock(_component_bk_sideslider, {
+                width: 960,
+                "is-show": __props.modelValue,
+                "before-close": handleClose,
+                class: "dataset-data-slider"
+            }, {
+                header: _withCtx(()=>[
+                        _createElementVNode("section", _hoisted_1, [
+                            _createElementVNode("span", _hoisted_2, _toDisplayString(__props.dataset ? '编辑数据集' : '创建数据集'), 1 /* TEXT */ ),
+                            __props.dataset ? (_openBlock(), _createElementBlock(_Fragment, {
+                                key: 0
+                            }, [
+                                _cache[1] || (_cache[1] = _createElementVNode("span", {
+                                    class: "g-gap g-ml-14 g-mr-8"
+                                }, null, -1 /* CACHED */ )),
+                                _createElementVNode("span", _hoisted_3, _toDisplayString(formData.value.datasetName), 1 /* TEXT */ )
+                            ], 64 /* STABLE_FRAGMENT */ )) : (_openBlock(), _createElementBlock("span", _hoisted_4, " 用于对模型进行预训练、微调、偏好对齐、预估等 "))
+                        ])
+                    ]),
+                footer: _withCtx(()=>{
+                    var __props_dataset;
+                    return [
+                        _createVNode(DatasetFooter, {
+                            "form-data": formData.value,
+                            id: (__props_dataset = __props.dataset) === null || __props_dataset === void 0 ? void 0 : __props_dataset.id,
+                            "api-prefix": __props.apiPrefix,
+                            "space-id": __props.spaceId,
+                            validate: validate,
+                            onSuccess: handleSuccess,
+                            onCancel: handleClose
+                        }, null, 8 /* PROPS */ , [
+                            "form-data",
+                            "id",
+                            "api-prefix",
+                            "space-id"
+                        ])
+                    ];
+                }),
+                default: _withCtx(()=>{
+                    var __props_dataset;
+                    return [
+                        formData.value ? (_openBlock(), _createElementBlock("section", _hoisted_5, [
+                            _createVNode(DatasetForm, {
+                                ref_key: "formRef",
+                                ref: formRef,
+                                id: (__props_dataset = __props.dataset) === null || __props_dataset === void 0 ? void 0 : __props_dataset.id,
+                                "api-prefix": __props.apiPrefix,
+                                "space-id": __props.spaceId,
+                                "is-internal": __props.isInternal,
+                                "name-placeholder": __props.namePlaceholder,
+                                "code-placeholder": __props.codePlaceholder,
+                                "form-data": formData.value,
+                                "onUpdate:formData": _cache[0] || (_cache[0] = ($event)=>formData.value = $event)
+                            }, null, 8 /* PROPS */ , [
+                                "id",
+                                "api-prefix",
+                                "space-id",
+                                "is-internal",
+                                "name-placeholder",
+                                "code-placeholder",
+                                "form-data"
+                            ])
+                        ])) : _createCommentVNode("v-if", true)
+                    ];
+                }),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "is-show"
+            ]);
+        };
+    }
+});

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

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

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

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