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

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();
+                    yield createDataset(props.formData);
+                    emits('success');
+                } 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 { 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: () => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onCancel?: () => any;
+    onSuccess?: () => 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;

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

@@ -0,0 +1,282 @@
+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 { createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
+const _hoisted_1 = {
+    class: "g-width-full"
+};
+const _hoisted_2 = {
+    class: "schema-preview-content"
+};
+const _hoisted_3 = {
+    class: "label"
+};
+const _hoisted_4 = {
+    class: "text"
+};
+import { onBeforeMount, ref } from 'vue';
+import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        formData: {},
+        apiPrefix: {}
+    },
+    emits: [
+        "update:formData"
+    ],
+    setup (__props, { expose: __expose, emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getComponentList, getSchemaList, getCompanyList } = useDatasetHttp(props.apiPrefix);
+        const rules = {
+            datasetName: [
+                {
+                    validator: (value)=>!/[\\/:*?"<>|]/.test(value),
+                    message: '禁止包含下列字符 \\ /：*？"<>|',
+                    trigger: 'change'
+                }
+            ]
+        };
+        const isLoadingCompanyList = ref(false);
+        const isLoadingComponentList = ref(false);
+        const isLoadingSchemaList = ref(false);
+        const companyList = ref();
+        const componentList = ref();
+        const schemaList = ref();
+        const renderSchema = ref();
+        const formRef = ref();
+        const validate = ()=>formRef.value.validate();
+        const clearValidate = ()=>formRef.value.clearValidate();
+        const handleChange = (key, value)=>{
+            // 选择类型的时候，需要更新一下schema
+            if (key === 'type') {
+                renderSchema.value = schemaList.value.find((schema)=>schema.id === value).schema;
+            }
+            const formData = _object_spread_props(_object_spread({}, props.formData), {
+                [key]: value
+            });
+            emits('update:formData', formData);
+        };
+        const handleGetCompanyList = ()=>{
+            isLoadingCompanyList.value = true;
+            getCompanyList().then((data)=>{
+                companyList.value = data;
+            }).finally(()=>{
+                isLoadingCompanyList.value = false;
+            });
+        };
+        const handleGetComponentList = ()=>{
+            isLoadingComponentList.value = true;
+            getComponentList().then((data)=>{
+                componentList.value = data;
+            }).finally(()=>{
+                isLoadingComponentList.value = false;
+            });
+        };
+        const handleGetSchemaList = ()=>{
+            isLoadingSchemaList.value = true;
+            getSchemaList().then((data)=>{
+                schemaList.value = data;
+            }).finally(()=>{
+                isLoadingSchemaList.value = false;
+            });
+        };
+        onBeforeMount(()=>{
+            handleGetCompanyList();
+            handleGetComponentList();
+            handleGetSchemaList();
+        });
+        __expose({
+            validate,
+            clearValidate
+        });
+        return (_ctx, _cache)=>{
+            const _component_bk_input = _resolveComponent("bk-input");
+            const _component_bk_form_item = _resolveComponent("bk-form-item");
+            const _component_bk_popover = _resolveComponent("bk-popover");
+            const _component_bk_option = _resolveComponent("bk-option");
+            const _component_bk_select = _resolveComponent("bk-select");
+            const _component_bk_form = _resolveComponent("bk-form");
+            return _openBlock(), _createBlock(_component_bk_form, {
+                "form-type": "vertical",
+                ref_key: "formRef",
+                ref: formRef,
+                class: "g-small-form",
+                rules: rules,
+                model: _ctx.formData
+            }, {
+                default: _withCtx(()=>[
+                        _createElementVNode("section", null, [
+                            _cache[3] || (_cache[3] = _createElementVNode("h5", {
+                                class: "g-text-14 g-text-black g-weight-bold g-mb-16"
+                            }, " 基本信息 ", -1 /* HOISTED */ )),
+                            _createVNode(_component_bk_form_item, {
+                                label: "数据集名称",
+                                property: "datasetName",
+                                required: ""
+                            }, {
+                                default: _withCtx(()=>[
+                                        _createVNode(_component_bk_input, {
+                                            clearable: "",
+                                            placeholder: "除下列字符 \\ /：*？\"<>|",
+                                            "model-value": _ctx.formData.datasetName,
+                                            onChange: _cache[0] || (_cache[0] = (value)=>handleChange('datasetName', value))
+                                        }, null, 8 /* PROPS */ , [
+                                            "model-value"
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }),
+                            _createVNode(_component_bk_form_item, {
+                                label: "数据集类型",
+                                property: "type",
+                                required: ""
+                            }, {
+                                default: _withCtx(()=>[
+                                        _createVNode(_component_bk_select, {
+                                            "model-value": _ctx.formData.type,
+                                            "popover-options": {
+                                                width: 240
+                                            },
+                                            clearable: false,
+                                            onChange: _cache[1] || (_cache[1] = (value)=>handleChange('type', value))
+                                        }, {
+                                            default: _withCtx(()=>[
+                                                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(schemaList.value, (item)=>{
+                                                        return _openBlock(), _createBlock(_component_bk_option, {
+                                                            id: item.id,
+                                                            key: item.id,
+                                                            name: item.name
+                                                        }, {
+                                                            default: _withCtx(()=>[
+                                                                    _createVNode(_component_bk_popover, {
+                                                                        placement: "right",
+                                                                        theme: "light",
+                                                                        arrow: ""
+                                                                    }, {
+                                                                        content: _withCtx(()=>[
+                                                                                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(item.schema, (value, key)=>{
+                                                                                    return _openBlock(), _createElementBlock("h5", {
+                                                                                        key: key
+                                                                                    }, _toDisplayString(`. ${key}: ${value}`), 1 /* TEXT */ );
+                                                                                }), 128 /* KEYED_FRAGMENT */ ))
+                                                                            ]),
+                                                                        default: _withCtx(()=>[
+                                                                                _createElementVNode("section", _hoisted_1, _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 */ , [
+                                            "model-value"
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }),
+                            renderSchema.value ? (_openBlock(), _createBlock(_component_bk_form_item, {
+                                key: 0,
+                                label: "schema预览"
+                            }, {
+                                default: _withCtx(()=>[
+                                        _createElementVNode("ul", _hoisted_2, [
+                                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(renderSchema.value, (value, key)=>{
+                                                return _openBlock(), _createElementBlock("li", {
+                                                    key: key,
+                                                    class: "g-flex-1"
+                                                }, [
+                                                    _createElementVNode("div", _hoisted_3, _toDisplayString(key), 1 /* TEXT */ ),
+                                                    _createElementVNode("div", _hoisted_4, _toDisplayString(value), 1 /* TEXT */ )
+                                                ]);
+                                            }), 128 /* KEYED_FRAGMENT */ ))
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            })) : _createCommentVNode("v-if", true),
+                            _createCommentVNode(" <bk-form-item\n        label=\"来源团队\"\n        property=\"sourceTeam\"\n        required\n      >\n        <bk-select\n          id-key=\"id\"\n          display-key=\"companyName\"\n          :model-value=\"formData.sourceTeam\"\n          :list=\"companyList\"\n          @change=\"(value: string) => handleChange('sourceTeam', value)\"\n        />\n      </bk-form-item> "),
+                            _createVNode(_component_bk_form_item, {
+                                label: "组件",
+                                property: "component",
+                                class: "g-last-form-item"
+                            }, {
+                                default: _withCtx(()=>[
+                                        _createVNode(_component_bk_select, {
+                                            "id-key": "id",
+                                            "display-key": "name",
+                                            list: componentList.value,
+                                            "model-value": _ctx.formData.componentId,
+                                            onChange: _cache[2] || (_cache[2] = (value)=>handleChange('componentId', value))
+                                        }, null, 8 /* PROPS */ , [
+                                            "list",
+                                            "model-value"
+                                        ])
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            })
+                        ]),
+                        _createCommentVNode(" <section>\n      <div class=\"g-text-14 g-text-black g-weight-bold g-mb-16\">权限</div>\n      <bk-form-item label=\"数据人员\">\n        <member-selector v-model=\"formData.dataPerson\" />\n      </bk-form-item>\n      <bk-form-item label=\"算法人员\">\n        <member-selector v-model=\"formData.algorithmPerson\" />\n      </bk-form-item>\n    </section> ")
+                    ]),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "model"
+            ]);
+        };
+    }
+});

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

@@ -0,0 +1,15 @@
+
+.schema-preview-content[data-v-i5d3v6aj] {
+  display: flex;
+  border: 1px solid #DCDEE5;
+  border-radius: 2px;
+}
+.schema-preview-content .label[data-v-i5d3v6aj], .schema-preview-content .text[data-v-i5d3v6aj] {
+    height: 42px;
+    line-height: 42px;
+    padding-left: 16px;
+}
+.schema-preview-content .label[data-v-i5d3v6aj] {
+    background: #F0F1F5;
+    border-bottom: 1px solid #DCDEE5;
+}

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

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

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

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

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

@@ -0,0 +1,114 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, Fragment as _Fragment } from "vue";
+const _hoisted_1 = {
+    key: 0,
+    class: "dataset-data-content"
+};
+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: {
+        apiPrefix: {}
+    },
+    emits: [
+        "success"
+    ],
+    setup (__props, { emit: __emit }) {
+        const emits = __emit;
+        const { handleInitFormLeaveConfirm, handleFormLeaveConfirm } = useFormLeaveConfirm();
+        const formRef = useTemplateRef('formRef');
+        const formData = ref();
+        const isShow = ref(false);
+        const validate = ()=>formRef.value.validate();
+        const handleShow = ()=>{
+            isShow.value = true;
+        };
+        const handleSuccess = ()=>{
+            emits('success');
+            handleClose(true);
+        };
+        const handleClose = (noValidate)=>{
+            const close = ()=>{
+                isShow.value = false;
+            };
+            handleFormLeaveConfirm(close, formData.value, noValidate);
+            return true;
+        };
+        const handleInitFormData = ()=>{
+            formData.value = {
+                datasetName: '',
+                type: undefined,
+                companyId: undefined,
+                componentId: undefined
+            };
+        };
+        const handleClearValidate = ()=>{
+            nextTick(()=>{
+                formRef.value.clearValidate();
+            });
+        };
+        watch(()=>isShow.value, (val)=>{
+            if (val) {
+                handleInitFormData();
+                handleInitFormLeaveConfirm(formData.value);
+                handleClearValidate();
+            }
+        });
+        return (_ctx, _cache)=>{
+            const _component_bk_button = _resolveComponent("bk-button");
+            const _component_bk_sideslider = _resolveComponent("bk-sideslider");
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                _createVNode(_component_bk_button, {
+                    onClick: handleShow
+                }, {
+                    default: _withCtx(()=>_cache[1] || (_cache[1] = [
+                            _createTextVNode(" 创建数据集 ")
+                        ])),
+                    _: 1 /* STABLE */ ,
+                    __: [
+                        1
+                    ]
+                }),
+                _createVNode(_component_bk_sideslider, {
+                    title: "创建数据集",
+                    width: 960,
+                    "is-show": isShow.value,
+                    "before-close": handleClose,
+                    class: "dataset-data-slider"
+                }, {
+                    footer: _withCtx(()=>[
+                            _createVNode(DatasetFooter, {
+                                "form-data": formData.value,
+                                validate: validate,
+                                "api-prefix": _ctx.apiPrefix,
+                                onSuccess: handleSuccess,
+                                onCancel: handleClose
+                            }, null, 8 /* PROPS */ , [
+                                "form-data",
+                                "api-prefix"
+                            ])
+                        ]),
+                    default: _withCtx(()=>[
+                            formData.value ? (_openBlock(), _createElementBlock("section", _hoisted_1, [
+                                _createVNode(DatasetForm, {
+                                    ref_key: "formRef",
+                                    ref: formRef,
+                                    "api-prefix": _ctx.apiPrefix,
+                                    "form-data": formData.value,
+                                    "onUpdate:formData": _cache[0] || (_cache[0] = ($event)=>formData.value = $event)
+                                }, null, 8 /* PROPS */ , [
+                                    "api-prefix",
+                                    "form-data"
+                                ])
+                            ])) : _createCommentVNode("v-if", true)
+                        ]),
+                    _: 1 /* STABLE */ 
+                }, 8 /* PROPS */ , [
+                    "is-show"
+                ])
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

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

@@ -0,0 +1,11 @@
+
+.dataset-data-content[data-v-elhw2a1m] {
+  padding: 20px 24px;
+  height: 100%;
+}
+.dataset-data-slider[data-v-elhw2a1m] .bk-sideslider-footer {
+    margin-top: 0;
+}
+.dataset-data-slider[data-v-elhw2a1m] .bk-modal-content {
+    scrollbar-gutter: inherit !important;
+}

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

@@ -0,0 +1,9 @@
+interface IProps {
+    apiPrefix: string;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    success: () => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    onSuccess?: () => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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-elhw2a1m";
+script.__file = "./src/components/render-dataset/components/plus-dataset/index.vue";
+import './index.vue.css';
+export default script;