@blueking/ai-ui-sdk 0.1.0-beta.1 → 0.1.0-beta.11

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

@@ -1,68 +1,10 @@
-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";
+import { defineComponent as _defineComponent, createVNode as _createVNode2 } 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, createTextVNode as _createTextVNode, 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"
+    class: "g-white-space-pre-line g-max-height-80vh g-scrollbar-page"
 };
 import { onBeforeMount, ref } from 'vue';
 import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
@@ -77,39 +19,62 @@ export default /*@__PURE__*/ _defineComponent({
     setup (__props, { expose: __expose, emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        const { getDatasetSourceTeamList, getSchemaList } = useDatasetHttp(props.apiPrefix);
+        const { getComponentList, getSchemaList, getCompanyList } = useDatasetHttp(props.apiPrefix);
         const rules = {
             datasetName: [
                 {
                     validator: (value)=>!/[\\/:*?"<>|]/.test(value),
                     message: '禁止包含下列字符 \\ /：*？"<>|',
                     trigger: 'change'
+                },
+                {
+                    validator: (value)=>value.length <= 50,
+                    message: '不能超过50个字符',
+                    trigger: 'change'
                 }
             ]
         };
-        const isLoadingSourceTeamList = ref(false);
+        const isLoadingCompanyList = ref(false);
+        const isLoadingComponentList = ref(false);
         const isLoadingSchemaList = ref(false);
-        const sourceTeamList = ref();
+        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 getTooltipContent = (value)=>{
+            return _createVNode2("section", {
+                "class": "g-white-space-pre-line g-max-height-80vh g-scrollbar-page"
+            }, [
+                value
+            ]);
+        };
         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), {
+            const formData = Object.assign(Object.assign({}, props.formData), {
                 [key]: value
             });
             emits('update:formData', formData);
         };
-        const handleGetSourceTeamList = ()=>{
-            isLoadingSourceTeamList.value = true;
-            getDatasetSourceTeamList().then((data)=>{
-                sourceTeamList.value = data;
+        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(()=>{
-                isLoadingSourceTeamList.value = false;
+                isLoadingComponentList.value = false;
             });
         };
         const handleGetSchemaList = ()=>{
@@ -121,11 +86,13 @@ export default /*@__PURE__*/ _defineComponent({
             });
         };
         onBeforeMount(()=>{
-            handleGetSourceTeamList();
+            handleGetCompanyList();
+            handleGetComponentList();
             handleGetSchemaList();
         });
         __expose({
-            validate
+            validate,
+            clearValidate
         });
         return (_ctx, _cache)=>{
             const _component_bk_input = _resolveComponent("bk-input");
@@ -133,6 +100,9 @@ export default /*@__PURE__*/ _defineComponent({
             const _component_bk_popover = _resolveComponent("bk-popover");
             const _component_bk_option = _resolveComponent("bk-option");
             const _component_bk_select = _resolveComponent("bk-select");
+            const _component_bk_table_column = _resolveComponent("bk-table-column");
+            const _component_bk_table = _resolveComponent("bk-table");
+            const _component_bk_cascader = _resolveComponent("bk-cascader");
             const _component_bk_form = _resolveComponent("bk-form");
             return _openBlock(), _createBlock(_component_bk_form, {
                 "form-type": "vertical",
@@ -155,7 +125,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 default: _withCtx(()=>[
                                         _createVNode(_component_bk_input, {
                                             clearable: "",
-                                            placeholder: "除下列字符 \\ /：*？\"<>|",
+                                            placeholder: "禁止包含字符\\ /：*？\"<>|，且在 50 个字符内",
                                             "model-value": _ctx.formData.datasetName,
                                             onChange: _cache[0] || (_cache[0] = (value)=>handleChange('datasetName', value))
                                         }, null, 8 /* PROPS */ , [
@@ -189,14 +159,22 @@ export default /*@__PURE__*/ _defineComponent({
                                                                     _createVNode(_component_bk_popover, {
                                                                         placement: "right",
                                                                         theme: "light",
+                                                                        "popover-delay": 0,
+                                                                        "max-width": 400,
                                                                         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 */ ))
+                                                                                _createElementVNode("ul", _hoisted_2, [
+                                                                                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(item.schema, (value, key)=>{
+                                                                                        return _openBlock(), _createElementBlock("li", {
+                                                                                            key: key
+                                                                                        }, [
+                                                                                            _createTextVNode(_toDisplayString(key) + "：", 1 /* TEXT */ ),
+                                                                                            _cache[3] || (_cache[3] = _createElementVNode("br", null, null, -1 /* HOISTED */ )),
+                                                                                            _createTextVNode(" " + _toDisplayString(value), 1 /* TEXT */ )
+                                                                                        ]);
+                                                                                    }), 128 /* KEYED_FRAGMENT */ ))
+                                                                                ])
                                                                             ]),
                                                                         default: _withCtx(()=>[
                                                                                 _createElementVNode("section", _hoisted_1, _toDisplayString(item.name), 1 /* TEXT */ )
@@ -223,71 +201,59 @@ export default /*@__PURE__*/ _defineComponent({
                                 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),
-                            _createVNode(_component_bk_form_item, {
-                                label: "来源团队",
-                                property: "sourceTeam",
-                                required: ""
-                            }, {
-                                default: _withCtx(()=>[
-                                        _createVNode(_component_bk_select, {
-                                            "model-value": _ctx.formData.sourceTeam,
-                                            onChange: _cache[2] || (_cache[2] = (value)=>handleChange('sourceTeam', value))
+                                        _createVNode(_component_bk_table, {
+                                            class: "cooperation-table",
+                                            data: [
+                                                renderSchema.value
+                                            ],
+                                            border: [
+                                                'row',
+                                                'col'
+                                            ]
                                         }, {
                                             default: _withCtx(()=>[
-                                                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(sourceTeamList.value, (sourceTeam)=>{
-                                                        return _openBlock(), _createBlock(_component_bk_option, {
-                                                            key: sourceTeam.id,
-                                                            label: sourceTeam.name
+                                                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(renderSchema.value, (value, key)=>{
+                                                        return _openBlock(), _createBlock(_component_bk_table_column, {
+                                                            key: key,
+                                                            label: key,
+                                                            prop: key,
+                                                            "show-overflow-tooltip": {
+                                                                content: getTooltipContent(value),
+                                                                popoverOption: {
+                                                                    maxWidth: 400,
+                                                                    placement: 'left',
+                                                                    theme: 'light'
+                                                                }
+                                                            }
                                                         }, null, 8 /* PROPS */ , [
-                                                            "label"
+                                                            "label",
+                                                            "prop",
+                                                            "show-overflow-tooltip"
                                                         ]);
                                                     }), 128 /* KEYED_FRAGMENT */ ))
                                                 ]),
                                             _: 1 /* STABLE */ 
                                         }, 8 /* PROPS */ , [
-                                            "model-value"
+                                            "data"
                                         ])
                                     ]),
                                 _: 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"
+                                label: "组件",
+                                property: "componentIds",
+                                class: "g-last-form-item",
+                                required: ""
                             }, {
                                 default: _withCtx(()=>[
-                                        _createVNode(_component_bk_select, {
-                                            "model-value": _ctx.formData.componentId,
-                                            onChange: _cache[3] || (_cache[3] = (value)=>handleChange('component', value))
-                                        }, {
-                                            default: _withCtx(()=>[
-                                                    (_openBlock(), _createElementBlock(_Fragment, null, _renderList(5, (item)=>{
-                                                        return _createVNode(_component_bk_option, {
-                                                            id: `标签${item}`,
-                                                            key: item,
-                                                            name: `标签${item}`
-                                                        }, null, 8 /* PROPS */ , [
-                                                            "id",
-                                                            "name"
-                                                        ]);
-                                                    }), 64 /* STABLE_FRAGMENT */ ))
-                                                ]),
-                                            _: 1 /* STABLE */ 
-                                        }, 8 /* PROPS */ , [
+                                        _createVNode(_component_bk_cascader, {
+                                            filterable: "",
+                                            list: componentList.value,
+                                            "model-value": _ctx.formData.componentIds,
+                                            "onUpdate:modelValue": _cache[2] || (_cache[2] = (value)=>handleChange('componentIds', value))
+                                        }, null, 8 /* PROPS */ , [
+                                            "list",
                                             "model-value"
                                         ])
                                     ]),

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

@@ -5,6 +5,7 @@ interface IProps {
 }
 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<{

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

@@ -1,5 +1,3 @@
-import script from './dataset-form.script.vue.js.js';
-script.__scopeId = "data-v-qxmzr2sq";
+import script from './dataset-form.script.vue.js';
 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

@@ -2,9 +2,9 @@ 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: "content"
+    class: "dataset-data-content"
 };
-import { ref, useTemplateRef, watch } from 'vue';
+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';
@@ -13,7 +13,7 @@ export default /*@__PURE__*/ _defineComponent({
         apiPrefix: {}
     },
     emits: [
-        "success"
+        "success-plus"
     ],
     setup (__props, { emit: __emit }) {
         const emits = __emit;
@@ -25,8 +25,8 @@ export default /*@__PURE__*/ _defineComponent({
         const handleShow = ()=>{
             isShow.value = true;
         };
-        const handleSuccess = ()=>{
-            emits('success');
+        const handleSuccess = (data)=>{
+            emits('success-plus', data);
             handleClose(true);
         };
         const handleClose = (noValidate)=>{
@@ -40,14 +40,20 @@ export default /*@__PURE__*/ _defineComponent({
             formData.value = {
                 datasetName: '',
                 type: undefined,
-                sourceTeam: '1',
-                componentId: undefined
+                companyId: undefined,
+                componentIds: []
             };
         };
+        const handleClearValidate = ()=>{
+            nextTick(()=>{
+                formRef.value.clearValidate();
+            });
+        };
         watch(()=>isShow.value, (val)=>{
             if (val) {
                 handleInitFormData();
                 handleInitFormLeaveConfirm(formData.value);
+                handleClearValidate();
             }
         });
         return (_ctx, _cache)=>{
@@ -70,7 +76,7 @@ export default /*@__PURE__*/ _defineComponent({
                     width: 960,
                     "is-show": isShow.value,
                     "before-close": handleClose,
-                    class: "record-slider"
+                    class: "dataset-data-slider"
                 }, {
                     footer: _withCtx(()=>[
                             _createVNode(DatasetFooter, {

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

@@ -1,5 +1,8 @@
 
-.content[data-v-x08r5q8c] {
+.dataset-data-content[data-v-cz161dbo] {
   padding: 20px 24px;
   height: 100%;
 }
+.dataset-data-slider[data-v-cz161dbo] .bk-modal-content {
+    scrollbar-gutter: inherit !important;
+}

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

@@ -1,9 +1,10 @@
+import type { IDataset } from '@/types/dataset';
 interface IProps {
     apiPrefix: string;
 }
 declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    success: () => any;
+    "success-plus": (data: IDataset) => any;
 }, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
-    onSuccess?: () => any;
+    "onSuccess-plus"?: (data: IDataset) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

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

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

@@ -52,11 +52,15 @@ function _object_spread_props(target, source) {
 }
 import { defineComponent as _defineComponent } from 'vue';
 import { resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-import { onBeforeMount, ref } from 'vue';
+import { onBeforeMount, ref, useTemplateRef } from 'vue';
 import { useDatasetHttp } from '../../../../../hooks/use-dataset-http.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
-        modelValue: {}
+        modelValue: {},
+        apiPrefix: {},
+        disabledChooseDataset: {
+            type: Boolean
+        }
     },
     emits: [
         "update:modelValue"
@@ -64,11 +68,12 @@ export default /*@__PURE__*/ _defineComponent({
     setup (__props, { expose: __expose, emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        const { getDatasetList } = useDatasetHttp();
+        const { getDatasetList } = useDatasetHttp(props.apiPrefix);
+        const formRef = useTemplateRef('formRef');
         const loading = ref(false);
         const datasets = ref([]);
-        const formRef = ref();
         const validate = ()=>formRef.value.validate();
+        const clearValidate = ()=>formRef.value.clearValidate();
         const handleChange = (val)=>{
             const dataset = _object_spread_props(_object_spread({}, props.modelValue), {
                 datasetId: val
@@ -80,12 +85,13 @@ export default /*@__PURE__*/ _defineComponent({
             getDatasetList().then((data)=>{
                 datasets.value = data.results;
             }).finally(()=>{
-                loading.value = true;
+                loading.value = false;
             });
         };
         onBeforeMount(handleGetDatasetList);
         __expose({
-            validate
+            validate,
+            clearValidate
         });
         return (_ctx, _cache)=>{
             const _component_bk_select = _resolveComponent("bk-select");
@@ -102,6 +108,7 @@ export default /*@__PURE__*/ _defineComponent({
                         _createVNode(_component_bk_form_item, {
                             label: "所属数据集",
                             property: "datasetId",
+                            class: "g-last-form-item",
                             required: ""
                         }, {
                             default: _withCtx(()=>[
@@ -110,11 +117,13 @@ export default /*@__PURE__*/ _defineComponent({
                                         "display-key": "datasetName",
                                         loading: loading.value,
                                         list: datasets.value,
+                                        disabled: _ctx.disabledChooseDataset,
                                         "model-value": _ctx.modelValue.datasetId,
                                         onChange: handleChange
                                     }, null, 8 /* PROPS */ , [
                                         "loading",
                                         "list",
+                                        "disabled",
                                         "model-value"
                                     ])
                                 ]),

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

@@ -1,9 +1,12 @@
 import type { IDatasetDataForm } from '@/types/dataset';
 interface IProps {
     modelValue: IDatasetDataForm;
+    apiPrefix: string;
+    disabledChooseDataset?: boolean;
 }
 declare const _default: import("vue").DefineComponent<IProps, {
-    validate: () => Promise<boolean>;
+    validate: () => Promise<unknown>;
+    clearValidate: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (val: IDatasetDataForm) => any;
 }, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{