@blueking/ai-ui-sdk 0.5.2-beta.5 → 0.6.0-beta.1

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

@@ -1,34 +1,23 @@
-"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 = {
+import { defineComponent as _defineComponent, createVNode as _createVNode2, resolveComponent as _resolveComponent2 } from 'vue';
+import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createTextVNode as _createTextVNode, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
+const _hoisted_1 = {
+    class: "g-text-14 g-text-[var(--aidev-title-color)] g-font-bold !g-mb-16"
+};
+const _hoisted_2 = {
     class: "!g-w-full"
 };
-var _hoisted_2 = {
+const _hoisted_3 = {
     class: "g-whitespace-pre-line g-max-h-80vh g-scrollbar-page"
 };
-var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
+import { computed, onBeforeMount, ref, toRef } from 'vue';
+import RenderAutoHeightTextarea from '../../../render-auto-height-textarea/index.vue.js';
+import RenderChooseTag from '../../../render-choose-tag/index.vue.js';
+import RenderTTable from '../../../render-t-table/index.vue.js';
+import { Module } from '../../../../enums.ts.js';
+import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
+import { useFormRule } from '../../../../hooks/use-form-rule.ts.js';
+import { t } from '../../../../i18n/index.ts.js';
+export default /*@__PURE__*/ _defineComponent({
     props: {
         id: {},
         formData: {},
@@ -43,339 +32,301 @@ var _default2 = exports.default = /*@__PURE__*/ (0, _vue.defineComponent)({
     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 = {
+    setup (__props, { expose: __expose, emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getComponentList, getSchemaList } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { getNameRule, getCodeRule } = useFormRule(props.apiPrefix, toRef(props, 'spaceId'));
+        const rules = {
             datasetName: [
-                getNameRule(_enums.Module.Default)
+                getNameRule(Module.Default)
             ],
             datasetCode: [
-                getCodeRule(_enums.Module.Default)
+                getCodeRule(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 {
+        const isLoadingComponentList = ref(false);
+        const isLoadingSchemaList = ref(false);
+        const componentList = ref();
+        const schemaList = ref();
+        const renderSchema = ref();
+        const formRef = ref();
+        const columns = computed(()=>Object.keys(renderSchema.value || {}).map((key)=>({
                     colKey: key,
                     title: key,
                     ellipsis: false,
-                    cell: function cell(h, _ref2) {
-                        var row = _ref2.row;
-                        return (0, _vue.createVNode)((0, _vue.resolveComponent)("bk-popover"), {
+                    cell: (h, { row })=>_createVNode2(_resolveComponent2("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, [
+                            "content": _createVNode2("section", null, [
                                 row[key]
                             ])
                         }, {
-                            default: function _default() {
-                                return [
-                                    (0, _vue.createVNode)("section", {
+                            default: ()=>[
+                                    _createVNode2("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) {
+                                ]
+                        })
+                })));
+        const validate = ()=>formRef.value.validate();
+        const clearValidate = ()=>formRef.value.clearValidate();
+        const handleChange = (key, value)=>{
             // 选择类型的时候，需要更新一下schema
             if (key === 'type') {
-                renderSchema.value = schemaList.value.find(function(schema) {
-                    return schema.id === value;
-                }).schema;
+                renderSchema.value = schemaList.value.find((schema)=>schema.id === value).schema;
             }
-            var formData = Object.assign(Object.assign({}, props.formData), (0, _defineProperty2.default)({}, key, value));
+            const formData = Object.assign(Object.assign({}, props.formData), {
+                [key]: value
+            });
             emits('update:formData', formData);
         };
-        var handleGetComponentList = function handleGetComponentList() {
+        const handleGetComponentList = ()=>{
             if (props.isInternal) return;
             isLoadingComponentList.value = true;
-            getComponentList().then(function(data) {
+            getComponentList().then((data)=>{
                 componentList.value = data;
-            }).finally(function() {
+            }).finally(()=>{
                 isLoadingComponentList.value = false;
             });
         };
-        var handleGetSchemaList = function handleGetSchemaList() {
+        const handleGetSchemaList = ()=>{
             isLoadingSchemaList.value = true;
-            getSchemaList().then(function(data) {
+            getSchemaList().then((data)=>{
                 schemaList.value = data;
-            }).finally(function() {
+            }).finally(()=>{
                 isLoadingSchemaList.value = false;
             });
         };
-        (0, _vue.onBeforeMount)(function() {
+        onBeforeMount(()=>{
             handleGetComponentList();
             handleGetSchemaList();
         });
         __expose({
-            validate: validate,
-            clearValidate: clearValidate
+            validate,
+            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, {
+        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_cascader = _resolveComponent("bk-cascader");
+            const _component_bk_form = _resolveComponent("bk-form");
+            return _openBlock(), _createBlock(_component_bk_form, {
+                rules: rules,
+                model: __props.formData,
                 "form-type": "vertical",
                 ref_key: "formRef",
                 ref: formRef,
-                class: "g-small-form",
-                rules: rules,
-                model: __props.formData
+                class: "g-small-form"
             }, {
-                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: "名称",
+                default: _withCtx(()=>[
+                        _createElementVNode("section", null, [
+                            _createElementVNode("h5", _hoisted_1, _toDisplayString(_unref(t)('基本信息')), 1 /* TEXT */ ),
+                            _createVNode(_component_bk_form_item, {
+                                label: _unref(t)('名称'),
                                 property: "datasetName",
                                 required: ""
                             }, {
-                                default: (0, _vue.withCtx)(function() {
-                                    return [
-                                        (0, _vue.createVNode)(_component_bk_input, {
-                                            clearable: "",
+                                default: _withCtx(()=>[
+                                        _createVNode(_component_bk_input, {
                                             placeholder: __props.namePlaceholder,
                                             "model-value": __props.formData.datasetName,
-                                            onChange: _cache[0] || (_cache[0] = function(value) {
-                                                return handleChange('datasetName', value);
-                                            })
+                                            clearable: "",
+                                            onChange: _cache[0] || (_cache[0] = (value)=>handleChange('datasetName', value))
                                         }, null, 8 /* PROPS */ , [
                                             "placeholder",
                                             "model-value"
                                         ])
-                                    ];
-                                }),
+                                    ]),
                                 _: 1 /* STABLE */ 
-                            }),
-                            (0, _vue.createVNode)(_component_bk_form_item, {
-                                label: "英文名",
+                            }, 8 /* PROPS */ , [
+                                "label"
+                            ]),
+                            _createVNode(_component_bk_form_item, {
+                                label: _unref(t)('英文名'),
                                 property: "datasetCode",
                                 required: ""
                             }, {
-                                default: (0, _vue.withCtx)(function() {
-                                    return [
-                                        (0, _vue.createVNode)(_component_bk_input, {
-                                            clearable: "",
+                                default: _withCtx(()=>[
+                                        _createVNode(_component_bk_input, {
                                             placeholder: __props.codePlaceholder,
                                             disabled: !!__props.id,
                                             "model-value": __props.formData.datasetCode,
-                                            onChange: _cache[1] || (_cache[1] = function(value) {
-                                                return handleChange('datasetCode', value);
-                                            })
+                                            clearable: "",
+                                            onChange: _cache[1] || (_cache[1] = (value)=>handleChange('datasetCode', value))
                                         }, null, 8 /* PROPS */ , [
                                             "placeholder",
                                             "disabled",
                                             "model-value"
                                         ])
-                                    ];
-                                }),
+                                    ]),
                                 _: 1 /* STABLE */ 
-                            }),
-                            (0, _vue.createVNode)(_component_bk_form_item, {
-                                label: "类型",
+                            }, 8 /* PROPS */ , [
+                                "label"
+                            ]),
+                            _createVNode(_component_bk_form_item, {
+                                label: _unref(t)('类型'),
                                 property: "type",
                                 required: ""
                             }, {
-                                default: (0, _vue.withCtx)(function() {
-                                    return [
-                                        (0, _vue.createVNode)(_component_bk_select, {
+                                default: _withCtx(()=>[
+                                        _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);
-                                            })
+                                            onChange: _cache[2] || (_cache[2] = (value)=>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, {
+                                            default: _withCtx(()=>[
+                                                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(schemaList.value, (item)=>{
+                                                        return _openBlock(), _createBlock(_component_bk_option, {
+                                                            name: item.name,
                                                             id: item.id,
-                                                            key: item.id,
-                                                            name: item.name
+                                                            key: item.id
                                                         }, {
-                                                            default: (0, _vue.withCtx)(function() {
-                                                                return [
-                                                                    (0, _vue.createVNode)(_component_bk_popover, {
-                                                                        placement: "right",
-                                                                        theme: "light",
+                                                            default: _withCtx(()=>[
+                                                                    _createVNode(_component_bk_popover, {
                                                                         "popover-delay": 0,
                                                                         "max-width": 400,
+                                                                        placement: "right",
+                                                                        theme: "light",
                                                                         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", {
+                                                                        content: _withCtx(()=>[
+                                                                                _createElementVNode("ul", _hoisted_3, [
+                                                                                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(item.schema, (value, key)=>{
+                                                                                        return _openBlock(), _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 */ )
+                                                                                            _createTextVNode(_toDisplayString(key) + "：", 1 /* TEXT */ ),
+                                                                                            _cache[6] || (_cache[6] = _createElementVNode("br", null, null, -1 /* CACHED */ )),
+                                                                                            _createTextVNode(" " + _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 */ )
-                                                                            ];
-                                                                        }),
+                                                                            ]),
+                                                                        default: _withCtx(()=>[
+                                                                                _createElementVNode("section", _hoisted_2, _toDisplayString(item.name), 1 /* TEXT */ )
+                                                                            ]),
                                                                         _: 2 /* DYNAMIC */ 
                                                                     }, 1024 /* DYNAMIC_SLOTS */ )
-                                                                ];
-                                                            }),
+                                                                ]),
                                                             _: 2 /* DYNAMIC */ 
                                                         }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
-                                                            "id",
-                                                            "name"
+                                                            "name",
+                                                            "id"
                                                         ]);
                                                     }), 128 /* KEYED_FRAGMENT */ ))
-                                                ];
-                                            }),
+                                                ]),
                                             _: 1 /* STABLE */ 
                                         }, 8 /* PROPS */ , [
                                             "disabled",
                                             "model-value"
                                         ])
-                                    ];
-                                }),
+                                    ]),
                                 _: 1 /* STABLE */ 
-                            }),
-                            renderSchema.value ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_form_item, {
+                            }, 8 /* PROPS */ , [
+                                "label"
+                            ]),
+                            renderSchema.value ? (_openBlock(), _createBlock(_component_bk_form_item, {
                                 key: 0,
-                                label: "schema 预览"
+                                label: _unref(t)('schema 预览')
                             }, {
-                                default: (0, _vue.withCtx)(function() {
-                                    return [
-                                        (0, _vue.createVNode)(_index3.default, {
-                                            class: "cooperation-table",
+                                default: _withCtx(()=>[
+                                        _createVNode(RenderTTable, {
                                             "row-key": Object.keys(renderSchema.value || {})[0],
                                             bordered: true,
-                                            columns: getColumns(),
-                                            "table-data": [
+                                            columns: columns.value,
+                                            data: [
                                                 renderSchema.value
-                                            ]
+                                            ],
+                                            class: "cooperation-table"
                                         }, null, 8 /* PROPS */ , [
                                             "row-key",
                                             "columns",
-                                            "table-data"
+                                            "data"
                                         ])
-                                    ];
-                                }),
+                                    ]),
                                 _: 1 /* STABLE */ 
-                            })) : (0, _vue.createCommentVNode)("v-if", true),
-                            !__props.isInternal ? ((0, _vue.openBlock)(), (0, _vue.createBlock)(_component_bk_form_item, {
+                            }, 8 /* PROPS */ , [
+                                "label"
+                            ])) : _createCommentVNode("v-if", true),
+                            !__props.isInternal ? (_openBlock(), _createBlock(_component_bk_form_item, {
                                 key: 1,
-                                label: "所属组件",
+                                label: _unref(t)('所属组件'),
                                 property: "componentIds",
                                 required: ""
                             }, {
-                                default: (0, _vue.withCtx)(function() {
-                                    return [
-                                        (0, _vue.createVNode)(_component_bk_cascader, {
-                                            filterable: "",
+                                default: _withCtx(()=>[
+                                        _createVNode(_component_bk_cascader, {
                                             list: componentList.value,
                                             "model-value": __props.formData.componentIds,
-                                            "onUpdate:modelValue": _cache[3] || (_cache[3] = function(value) {
-                                                return handleChange('componentIds', value);
-                                            })
+                                            filterable: "",
+                                            "onUpdate:modelValue": _cache[3] || (_cache[3] = (value)=>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, {
+                            }, 8 /* PROPS */ , [
+                                "label"
+                            ])) : _createCommentVNode("v-if", true),
+                            __props.isInternal ? (_openBlock(), _createBlock(_component_bk_form_item, {
                                 key: 2,
-                                label: "标签",
+                                label: _unref(t)('标签'),
                                 property: "tagNames"
                             }, {
-                                default: (0, _vue.withCtx)(function() {
-                                    return [
-                                        (0, _vue.createVNode)(_index2.default, {
+                                default: _withCtx(()=>[
+                                        _createVNode(RenderChooseTag, {
                                             "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);
-                                            })
+                                            module: _unref(Module).Dataset,
+                                            "onUpdate:modelValue": _cache[4] || (_cache[4] = (value)=>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: "描述",
+                            }, 8 /* PROPS */ , [
+                                "label"
+                            ])) : _createCommentVNode("v-if", true),
+                            _createVNode(_component_bk_form_item, {
+                                label: _unref(t)('描述'),
                                 property: "description",
                                 class: "g-last-form-item"
                             }, {
-                                default: (0, _vue.withCtx)(function() {
-                                    return [
-                                        (0, _vue.createVNode)(_index.default, {
+                                default: _withCtx(()=>[
+                                        _createVNode(RenderAutoHeightTextarea, {
                                             height: 200,
                                             "model-value": __props.formData.description,
-                                            "onUpdate:modelValue": _cache[5] || (_cache[5] = function(value) {
-                                                return handleChange('description', value);
-                                            })
+                                            "onUpdate:modelValue": _cache[5] || (_cache[5] = (value)=>handleChange('description', value))
                                         }, null, 8 /* PROPS */ , [
                                             "model-value"
                                         ])
-                                    ];
-                                }),
+                                    ]),
                                 _: 1 /* STABLE */ 
-                            })
+                            }, 8 /* PROPS */ , [
+                                "label"
+                            ])
                         ])
-                    ];
-                }),
+                    ]),
                 _: 1 /* STABLE */ 
             }, 8 /* PROPS */ , [
                 "model"