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

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

@@ -0,0 +1,218 @@
+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, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createVNode as _createVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock, normalizeClass as _normalizeClass, createCommentVNode as _createCommentVNode } from "vue";
+const _hoisted_1 = {
+    class: "g-flex-row !g-justify-between"
+};
+const _hoisted_2 = {
+    class: "bk-form-label"
+};
+import { nextTick, ref, toRef, useTemplateRef, watch } from 'vue';
+import AutoHeightTextarea from '../../../../render-auto-height-textarea/index.vue.js';
+import DatasetDataToolIcons from '../../dataset-data-tool-icons/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 { getSchemaList } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const formRef = useTemplateRef('formRef');
+        const loading = ref(false);
+        const schema = ref({});
+        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 handleUpdate = (key, value)=>{
+            const modelValue = _object_spread_props(_object_spread({}, props.modelValue), {
+                data: _object_spread_props(_object_spread({}, props.modelValue.data), {
+                    [key]: value
+                })
+            });
+            emits('update:modelValue', modelValue);
+        };
+        const handleClearData = ()=>{
+            const modelValue = _object_spread_props(_object_spread({}, props.modelValue), {
+                data: {}
+            });
+            emits('update:modelValue', modelValue);
+        };
+        const handleUpdateSchema = (schemaItem)=>{
+            // 保存 schema
+            schema.value = schemaItem || {};
+            // 更新 modelValue.data
+            const data = Object.keys(schema.value).reduce((acc, cur)=>{
+                acc[cur] = '';
+                return acc;
+            }, {});
+            const modelValue = _object_spread_props(_object_spread({}, props.modelValue), {
+                data
+            });
+            emits('update:modelValue', modelValue);
+        };
+        const handleInitSchema = ()=>{
+            // 不是手动，无需初始化模型
+            if (props.modelValue.sourceType !== DatasetDataSourceType.ManualImport) {
+                return;
+            }
+            if (!props.modelValue.datasetId) {
+                // 清空
+                handleUpdateSchema();
+                return;
+            }
+            loading.value = true;
+            getSchemaList(props.modelValue.datasetId).then((schemaList)=>{
+                var _schemaList_;
+                // 设置
+                handleUpdateSchema((_schemaList_ = schemaList[0]) === null || _schemaList_ === void 0 ? void 0 : _schemaList_.schema);
+                // 情况校验
+                nextTick(clearValidate);
+            }).finally(()=>{
+                loading.value = false;
+            });
+        };
+        watch(()=>props.modelValue.sourceType, handleClearData);
+        watch([
+            ()=>props.modelValue.datasetId,
+            ()=>props.modelValue.sourceType
+        ], handleInitSchema, {
+            immediate: true
+        });
+        __expose({
+            validate,
+            clearValidate
+        });
+        return (_ctx, _cache)=>{
+            const _component_bk_form_item = _resolveComponent("bk-form-item");
+            const _component_bk_form = _resolveComponent("bk-form");
+            const _component_bk_loading = _resolveComponent("bk-loading");
+            return __props.modelValue.sourceType === _unref(DatasetDataSourceType).ManualImport ? (_openBlock(), _createBlock(_component_bk_loading, {
+                key: 0,
+                loading: loading.value
+            }, {
+                default: _withCtx(()=>[
+                        _createVNode(_component_bk_form, {
+                            class: _normalizeClass({
+                                'g-small-form': true,
+                                'g-mt-24': Object.keys(schema.value).length > 0
+                            }),
+                            "form-type": "vertical",
+                            ref_key: "formRef",
+                            ref: formRef,
+                            model: __props.modelValue
+                        }, {
+                            default: _withCtx(()=>[
+                                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(Object.keys(schema.value), (key)=>{
+                                        return _openBlock(), _createBlock(_component_bk_form_item, {
+                                            key: key,
+                                            label: key,
+                                            property: `data.${key}`,
+                                            class: "full-screen-wrap !g-no-validate-form-item bk-form--vertical",
+                                            required: ""
+                                        }, {
+                                            label: _withCtx(()=>[
+                                                    _createElementVNode("span", _hoisted_1, [
+                                                        _createElementVNode("span", _hoisted_2, _toDisplayString(key), 1 /* TEXT */ ),
+                                                        _createVNode(DatasetDataToolIcons, {
+                                                            tips: schema.value[key]
+                                                        }, null, 8 /* PROPS */ , [
+                                                            "tips"
+                                                        ])
+                                                    ])
+                                                ]),
+                                            default: _withCtx(()=>[
+                                                    _createVNode(AutoHeightTextarea, {
+                                                        "model-value": __props.modelValue.data[key],
+                                                        placeholder: schema.value[key],
+                                                        height: 300,
+                                                        onInput: (value)=>handleUpdate(key, value)
+                                                    }, null, 8 /* PROPS */ , [
+                                                        "model-value",
+                                                        "placeholder",
+                                                        "onInput"
+                                                    ])
+                                                ]),
+                                            _: 2 /* DYNAMIC */ 
+                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
+                                            "label",
+                                            "property"
+                                        ]);
+                                    }), 128 /* KEYED_FRAGMENT */ ))
+                                ]),
+                            _: 1 /* STABLE */ 
+                        }, 8 /* PROPS */ , [
+                            "class",
+                            "model"
+                        ])
+                    ]),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "loading"
+            ])) : _createCommentVNode("v-if", true);
+        };
+    }
+});

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

@@ -0,0 +1,8 @@
+
+.full-screen-wrap.full-screen.bk-form-item {
+  padding: 10px 20px;
+  background: #fff;
+}
+.full-screen-wrap.full-screen.bk-form-item .bk-form-label {
+    float: none;
+}

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

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

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

@@ -0,0 +1,102 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+import { ref, toRef } from 'vue';
+import RenderForm from './form/index.vue.js';
+import { ResourcePermissionAction } from '../../../../enums.ts.js';
+import { usePermission } from '../../../../hooks/use-permission.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        datasetData: {},
+        disabledChooseDataset: {
+            type: Boolean
+        },
+        apiPrefix: {},
+        spaceId: {},
+        manageDataset: {
+            type: Boolean
+        },
+        isInternal: {
+            type: Boolean
+        },
+        text: {
+            type: Boolean
+        }
+    },
+    emits: [
+        "success-create"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { handleMouseEnter, handleMouseMove, handleMouseLeave, handleMouseClick } = usePermission(props.apiPrefix, toRef(props, 'spaceId'), '#4d4f56');
+        const isShow = ref(false);
+        const handleCalcHasManagePermission = ()=>{
+            return !props.isInternal || props.manageDataset;
+        };
+        const handlePermissionMouseEnter = ()=>{
+            handleMouseEnter(handleCalcHasManagePermission());
+        };
+        const handlePermissionMouseMove = (event)=>{
+            handleMouseMove(event, handleCalcHasManagePermission());
+        };
+        const handlePermissionMouseLeave = ()=>{
+            handleMouseLeave();
+        };
+        const handlePermissionMouseClick = (callback)=>{
+            var _props_datasetData;
+            handleMouseClick(callback, handleCalcHasManagePermission(), [
+                ResourcePermissionAction.ManageDataset,
+                ResourcePermissionAction.ViewDataset
+            ], (_props_datasetData = props.datasetData) === null || _props_datasetData === void 0 ? void 0 : _props_datasetData.datasetId);
+        };
+        const handleShowForm = ()=>{
+            isShow.value = true;
+        };
+        const handleSuccessPlus = ()=>{
+            emits('success-create');
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_button = _resolveComponent("bk-button");
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                _createVNode(_component_bk_button, _mergeProps(_ctx.$attrs, {
+                    class: {
+                        '!g-disabled': !handleCalcHasManagePermission()
+                    },
+                    text: __props.text,
+                    theme: "primary",
+                    onMouseenter: handlePermissionMouseEnter,
+                    onMousemove: handlePermissionMouseMove,
+                    onMouseleave: handlePermissionMouseLeave,
+                    onClick: _cache[0] || (_cache[0] = ($event)=>handlePermissionMouseClick(handleShowForm))
+                }), {
+                    default: _withCtx(()=>[
+                            ..._cache[2] || (_cache[2] = [
+                                _createTextVNode(" 添加数据 ", -1 /* CACHED */ )
+                            ])
+                        ]),
+                    _: 1 /* STABLE */ 
+                }, 16 /* FULL_PROPS */ , [
+                    "class",
+                    "text"
+                ]),
+                _createVNode(RenderForm, {
+                    "is-show": isShow.value,
+                    "onUpdate:isShow": _cache[1] || (_cache[1] = ($event)=>isShow.value = $event),
+                    "dataset-data": __props.datasetData,
+                    "api-prefix": __props.apiPrefix,
+                    "space-id": __props.spaceId,
+                    "is-internal": __props.isInternal,
+                    "disabled-choose-dataset": __props.disabledChooseDataset,
+                    onSuccessConfirm: handleSuccessPlus
+                }, null, 8 /* PROPS */ , [
+                    "is-show",
+                    "dataset-data",
+                    "api-prefix",
+                    "space-id",
+                    "is-internal",
+                    "disabled-choose-dataset"
+                ])
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

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

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