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

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

@@ -80,15 +80,16 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
-import { ref } from 'vue';
+import { unref as _unref, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, resolveDirective as _resolveDirective, openBlock as _openBlock, createBlock as _createBlock, withDirectives as _withDirectives, renderList as _renderList, Fragment as _Fragment, createElementBlock as _createElementBlock, normalizeClass as _normalizeClass, createCommentVNode as _createCommentVNode } from "vue";
+import { ref, useTemplateRef, watch } from 'vue';
 import { chooseFile } from '../../../../../common/util.ts.js';
 import RenderFileCard from '../../../../render-file-card/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: {}
+        modelValue: {},
+        apiPrefix: {}
     },
     emits: [
         "update:modelValue"
@@ -96,15 +97,22 @@ export default /*@__PURE__*/ _defineComponent({
     setup (__props, { expose: __expose, emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        const { uploadDatasetDataFiles } = useDatasetHttp();
+        const { uploadDatasetDataFiles, downloadDatasetDataTemplateFile } = useDatasetHttp(props.apiPrefix);
+        const formRef = useTemplateRef('formRef');
         const loading = ref(false);
-        const formRef = ref();
-        const validate = formRef.value.validate();
+        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 handleUploadFile = function() {
             var _ref = _async_to_generator(function*() {
                 try {
                     // 用户选择
-                    const chooseResult = yield chooseFile('.csv,.xlsx', 50 * 1024 * 1024, true, false);
+                    const chooseResult = yield chooseFile('.csv', 50 * 1024 * 1024, true, false);
                     // loading
                     loading.value = true;
                     // 上传
@@ -124,6 +132,9 @@ export default /*@__PURE__*/ _defineComponent({
                 return _ref.apply(this, arguments);
             };
         }();
+        const handleDownloadFile = ()=>{
+            downloadDatasetDataTemplateFile(props.modelValue.datasetId);
+        };
         const handleDeleteFile = (file)=>{
             const files = props.modelValue.files.filter((item)=>item.id !== file.id);
             const dataset = _object_spread_props(_object_spread({}, props.modelValue), {
@@ -131,13 +142,22 @@ export default /*@__PURE__*/ _defineComponent({
             });
             emits('update:modelValue', dataset);
         };
+        const handleClearFile = ()=>{
+            const dataset = _object_spread_props(_object_spread({}, props.modelValue), {
+                files: []
+            });
+            emits('update:modelValue', dataset);
+        };
+        watch(()=>props.modelValue.sourceType, handleClearFile);
         __expose({
-            validate
+            validate,
+            clearValidate
         });
         return (_ctx, _cache)=>{
             const _component_bk_button = _resolveComponent("bk-button");
             const _component_bk_form_item = _resolveComponent("bk-form-item");
             const _component_bk_form = _resolveComponent("bk-form");
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
             return _ctx.modelValue.sourceType === _unref(DatasetDataSourceType).UploadFile ? (_openBlock(), _createBlock(_component_bk_form, {
                 key: 0,
                 class: "g-small-form",
@@ -149,19 +169,18 @@ export default /*@__PURE__*/ _defineComponent({
                 default: _withCtx(()=>[
                         _createVNode(_component_bk_form_item, {
                             label: "上传文件",
-                            property: "fileIds",
-                            class: "g-last-form-item",
+                            property: "files",
                             required: ""
                         }, {
                             default: _withCtx(()=>[
                                     _createVNode(_component_bk_button, {
                                         loading: loading.value,
-                                        class: "local-upload-button",
+                                        class: "g-text-12 g-mr-8",
                                         onClick: handleUploadFile
                                     }, {
                                         default: _withCtx(()=>_cache[0] || (_cache[0] = [
                                                 _createElementVNode("i", {
-                                                    class: "bkaidev-icon bkaidev-dongzuo-shangchuan plus-file-icon"
+                                                    class: "ai-ui-sdk-icon ai-ui-sdk-dongzuo-shangchuan g-text-16 g-mr-4"
                                                 }, null, -1 /* HOISTED */ ),
                                                 _createTextVNode(" 上传文件 ")
                                             ])),
@@ -172,17 +191,51 @@ export default /*@__PURE__*/ _defineComponent({
                                     }, 8 /* PROPS */ , [
                                         "loading"
                                     ]),
-                                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.modelValue.files, (file)=>{
+                                    _withDirectives((_openBlock(), _createBlock(_component_bk_button, {
+                                        loading: loading.value,
+                                        disabled: !_ctx.modelValue.datasetId,
+                                        class: "g-text-12 g-mr-8",
+                                        onClick: handleDownloadFile
+                                    }, {
+                                        default: _withCtx(()=>_cache[1] || (_cache[1] = [
+                                                _createElementVNode("i", {
+                                                    class: "ai-ui-sdk-icon ai-ui-sdk-dongzuo-xiazai g-text-16 g-mr-4"
+                                                }, null, -1 /* HOISTED */ ),
+                                                _createTextVNode(" 下载示例 ")
+                                            ])),
+                                        _: 1 /* STABLE */ ,
+                                        __: [
+                                            1
+                                        ]
+                                    }, 8 /* PROPS */ , [
+                                        "loading",
+                                        "disabled"
+                                    ])), [
+                                        [
+                                            _directive_bk_tooltips,
+                                            {
+                                                content: '请先选择所属数据集',
+                                                disabled: _ctx.modelValue.datasetId
+                                            }
+                                        ]
+                                    ]),
+                                    _cache[2] || (_cache[2] = _createElementVNode("span", null, "支持 .csv 类型文件解析处理，单文件大小在 50M 以内", -1 /* HOISTED */ )),
+                                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.modelValue.files, (file, index)=>{
                                         return _openBlock(), _createBlock(RenderFileCard, {
                                             key: file.id,
                                             file: file,
+                                            class: _normalizeClass(index <= 0 ? 'g-mt-12' : 'g-mt-8'),
                                             onDelete: handleDeleteFile
                                         }, null, 8 /* PROPS */ , [
-                                            "file"
+                                            "file",
+                                            "class"
                                         ]);
                                     }), 128 /* KEYED_FRAGMENT */ ))
                                 ]),
-                            _: 1 /* STABLE */ 
+                            _: 1 /* STABLE */ ,
+                            __: [
+                                2
+                            ]
                         })
                     ]),
                 _: 1 /* STABLE */ 

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

@@ -1,9 +1,11 @@
 import type { IDatasetDataForm } from '@/types/dataset';
 interface IProps {
     modelValue: IDatasetDataForm;
+    apiPrefix: string;
 }
 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<{

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

@@ -36,7 +36,8 @@ export default /*@__PURE__*/ _defineComponent({
         validate: {
             type: Function
         },
-        datasetData: {}
+        datasetData: {},
+        apiPrefix: {}
     },
     emits: [
         "close",
@@ -45,7 +46,7 @@ export default /*@__PURE__*/ _defineComponent({
     setup (__props, { emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        const { createDatasetData } = useDatasetHttp();
+        const { createDatasetData } = useDatasetHttp(props.apiPrefix);
         const loading = ref(false);
         const handleConfirm = function() {
             var _ref = _async_to_generator(function*() {

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

@@ -1,5 +1,5 @@
 
-.footer-button[data-v-zfpyshkz] {
+.footer-button[data-v-89aoxzkz] {
   width: 88px;
   margin-right: 8px;
 }

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

@@ -2,6 +2,7 @@ import type { IDatasetDataForm } from '@/types/dataset';
 interface IProps {
     validate: () => Promise<unknown>;
     datasetData: IDatasetDataForm;
+    apiPrefix: string;
 }
 declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     close: (noValidate?: boolean) => any;

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

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

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

@@ -1,20 +1,54 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
 import { defineComponent as _defineComponent } from 'vue';
 import { createVNode as _createVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock } from "vue";
 const _hoisted_1 = {
     key: 0,
-    class: "knowledge-sideslider-main"
+    class: "plus-dataset-data"
 };
-import { ref, useTemplateRef } from 'vue';
+import { nextTick, ref, useTemplateRef, watch } from 'vue';
 import RenderCategory from './category.vue.js';
 import RenderDataset from './dataset.vue.js';
 import RenderFile from './file.vue.js';
 import RenderFooter from './footer.vue.js';
 import RenderManual from './manual.vue.js';
+import { useFormLeaveConfirm } from '../../../../../hooks/use-form-leave-confirm.ts.js';
 import { DatasetDataSourceType } from '../../../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         isShow: {
             type: Boolean
+        },
+        apiPrefix: {},
+        datasetData: {},
+        disabledChooseDataset: {
+            type: Boolean
         }
     },
     emits: [
@@ -22,16 +56,24 @@ export default /*@__PURE__*/ _defineComponent({
         "success-confirm"
     ],
     setup (__props, { emit: __emit }) {
+        const props = __props;
         const emits = __emit;
+        const { handleInitFormLeaveConfirm, handleFormLeaveConfirm } = useFormLeaveConfirm();
         const datasetRef = useTemplateRef('datasetRef');
         const fileRef = useTemplateRef('fileRef');
         const manualRef = useTemplateRef('manualRef');
-        const datasetData = ref({
-            data: {},
-            files: [],
-            datasetId: undefined,
-            sourceType: DatasetDataSourceType.UploadFile
-        });
+        const renderDatasetData = ref();
+        const handleClose = (noValidate)=>{
+            const close = ()=>{
+                emits('update:isShow', false);
+            };
+            handleFormLeaveConfirm(close, renderDatasetData.value, noValidate);
+            return false;
+        };
+        const handleSuccess = ()=>{
+            emits('success-confirm');
+            handleClose(true);
+        };
         const validate = ()=>{
             return Promise.all([
                 datasetRef.value.validate(),
@@ -39,19 +81,31 @@ export default /*@__PURE__*/ _defineComponent({
                 manualRef.value.validate()
             ]);
         };
-        const handleClose = ()=>{
-            emits('update:isShow', false);
-            return false;
+        const handleClearValidate = ()=>{
+            return nextTick(()=>{
+                datasetRef.value.clearValidate();
+                fileRef.value.clearValidate();
+                manualRef.value.clearValidate();
+            });
         };
-        const handleSuccess = ()=>{
-            emits('success-confirm');
-            handleClose();
+        const handleInitData = ()=>{
+            renderDatasetData.value = _object_spread({
+                data: {},
+                files: [],
+                datasetId: undefined,
+                sourceType: DatasetDataSourceType.UploadFile
+            }, props.datasetData);
         };
+        watch(()=>props.isShow, ()=>{
+            handleInitData();
+            handleInitFormLeaveConfirm(renderDatasetData.value);
+            handleClearValidate();
+        });
         return (_ctx, _cache)=>{
             const _component_bk_sideslider = _resolveComponent("bk-sideslider");
             return _openBlock(), _createBlock(_component_bk_sideslider, {
-                class: "knowledge-sideslider",
                 title: "添加数据",
+                class: "plus-dataset-sideslider",
                 "esc-close": false,
                 width: 960,
                 "is-show": _ctx.isShow,
@@ -59,45 +113,55 @@ export default /*@__PURE__*/ _defineComponent({
             }, {
                 footer: _withCtx(()=>[
                         _createVNode(RenderFooter, {
+                            "dataset-data": renderDatasetData.value,
+                            "api-prefix": _ctx.apiPrefix,
                             validate: validate,
-                            "dataset-data": datasetData.value,
                             onClose: handleClose,
                             onSuccessConfirm: handleSuccess
                         }, null, 8 /* PROPS */ , [
-                            "dataset-data"
+                            "dataset-data",
+                            "api-prefix"
                         ])
                     ]),
                 default: _withCtx(()=>[
                         _ctx.isShow ? (_openBlock(), _createElementBlock("section", _hoisted_1, [
                             _createVNode(RenderCategory, {
-                                modelValue: datasetData.value,
-                                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>datasetData.value = $event)
-                            }, null, 8 /* PROPS */ , [
-                                "modelValue"
-                            ]),
-                            _createVNode(RenderDataset, {
-                                modelValue: datasetData.value,
-                                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>datasetData.value = $event),
-                                ref_key: "datasetRef",
-                                ref: datasetRef
+                                modelValue: renderDatasetData.value,
+                                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>renderDatasetData.value = $event)
                             }, null, 8 /* PROPS */ , [
                                 "modelValue"
                             ]),
                             _createVNode(RenderFile, {
-                                modelValue: datasetData.value,
-                                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event)=>datasetData.value = $event),
+                                modelValue: renderDatasetData.value,
+                                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event)=>renderDatasetData.value = $event),
+                                "api-prefix": _ctx.apiPrefix,
                                 ref_key: "fileRef",
                                 ref: fileRef
                             }, null, 8 /* PROPS */ , [
-                                "modelValue"
+                                "modelValue",
+                                "api-prefix"
                             ]),
                             _createVNode(RenderManual, {
-                                modelValue: datasetData.value,
-                                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event)=>datasetData.value = $event),
+                                modelValue: renderDatasetData.value,
+                                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event)=>renderDatasetData.value = $event),
+                                "api-prefix": _ctx.apiPrefix,
                                 ref_key: "manualRef",
                                 ref: manualRef
                             }, null, 8 /* PROPS */ , [
-                                "modelValue"
+                                "modelValue",
+                                "api-prefix"
+                            ]),
+                            _createVNode(RenderDataset, {
+                                modelValue: renderDatasetData.value,
+                                "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event)=>renderDatasetData.value = $event),
+                                "api-prefix": _ctx.apiPrefix,
+                                "disabled-choose-dataset": _ctx.disabledChooseDataset,
+                                ref_key: "datasetRef",
+                                ref: datasetRef
+                            }, null, 8 /* PROPS */ , [
+                                "modelValue",
+                                "api-prefix",
+                                "disabled-choose-dataset"
                             ])
                         ])) : _createCommentVNode("v-if", true)
                     ]),

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

@@ -0,0 +1,7 @@
+
+.plus-dataset-data[data-v-bxs696g9] {
+  padding: 20px 24px;
+}
+.plus-dataset-sideslider[data-v-bxs696g9] .bk-modal-content {
+    scrollbar-gutter: inherit !important;
+}

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

@@ -1,5 +1,9 @@
+import type { IDatasetDataForm } from '@/types/dataset';
 interface IProps {
     isShow: boolean;
+    apiPrefix: string;
+    datasetData?: Partial<IDatasetDataForm>;
+    disabledChooseDataset?: boolean;
 }
 declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:isShow": (val: boolean) => any;

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

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

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

@@ -0,0 +1,202 @@
+import { defineComponent as _defineComponent, createVNode as _createVNode2 } from 'vue';
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, createVNode as _createVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
+const _hoisted_1 = {
+    class: "g-flex-row g-justify-between"
+};
+const _hoisted_2 = {
+    class: "bk-form-label"
+};
+const _hoisted_3 = {
+    class: "g-text-blue g-flex-row"
+};
+const _hoisted_4 = {
+    class: "g-flex-row"
+};
+import { ref, useTemplateRef, watch } from 'vue';
+import AutoHeightTextarea from '../../../../render-auto-height-textarea/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: {}
+    },
+    emits: [
+        "update:modelValue"
+    ],
+    setup (__props, { expose: __expose, emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getSchemaList } = useDatasetHttp(props.apiPrefix);
+        const formRef = useTemplateRef('formRef');
+        const loading = ref(false);
+        const schema = ref({});
+        const validate = ()=>{
+            var _a;
+            return (_a = formRef.value) === null || _a === void 0 ? void 0 : _a.validate();
+        };
+        const clearValidate = ()=>{
+            var _a;
+            return (_a = formRef.value) === null || _a === void 0 ? void 0 : _a.clearValidate();
+        };
+        const getTooltipContent = (value)=>{
+            return _createVNode2("section", {
+                "class": "g-white-space-pre-line g-max-height-80vh g-max-width-400 g-scrollbar-page"
+            }, [
+                value
+            ]);
+        };
+        const handleUpdate = (key, value)=>{
+            const modelValue = Object.assign(Object.assign({}, props.modelValue), {
+                data: Object.assign(Object.assign({}, props.modelValue.data), {
+                    [key]: value
+                })
+            });
+            emits('update:modelValue', modelValue);
+        };
+        const handleClearData = ()=>{
+            const modelValue = Object.assign(Object.assign({}, 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.assign(Object.assign({}, 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 _a;
+                // 设置
+                handleUpdateSchema((_a = schemaList[0]) === null || _a === void 0 ? void 0 : _a.schema);
+            }).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");
+            const _directive_bk_tooltips = _resolveDirective("bk-tooltips");
+            return _ctx.modelValue.sourceType === _unref(DatasetDataSourceType).ManualImport ? (_openBlock(), _createBlock(_component_bk_loading, {
+                key: 0,
+                loading: loading.value
+            }, {
+                default: _withCtx(()=>[
+                        _createVNode(_component_bk_form, {
+                            class: "g-small-form",
+                            "form-type": "vertical",
+                            ref_key: "formRef",
+                            ref: formRef,
+                            model: _ctx.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",
+                                            required: ""
+                                        }, {
+                                            label: _withCtx(()=>[
+                                                    _createElementVNode("span", _hoisted_1, [
+                                                        _createElementVNode("span", _hoisted_2, _toDisplayString(key), 1 /* TEXT */ ),
+                                                        _createElementVNode("span", _hoisted_3, [
+                                                            _withDirectives((_openBlock(), _createElementBlock("span", _hoisted_4, _cache[0] || (_cache[0] = [
+                                                                _createElementVNode("i", {
+                                                                    class: "ai-ui-sdk-icon ai-ui-sdk-info-line g-text-14 g-mr-2"
+                                                                }, null, -1 /* HOISTED */ ),
+                                                                _createTextVNode(" 示例 ")
+                                                            ]))), [
+                                                                [
+                                                                    _directive_bk_tooltips,
+                                                                    {
+                                                                        content: getTooltipContent(schema.value[key]),
+                                                                        placement: 'left',
+                                                                        theme: 'light',
+                                                                        boundary: 'parent'
+                                                                    }
+                                                                ]
+                                                            ]),
+                                                            _cache[1] || (_cache[1] = _createElementVNode("span", {
+                                                                class: "click-full-screen g-cursor-pointer g-flex-row"
+                                                            }, [
+                                                                _createElementVNode("i", {
+                                                                    class: "ai-ui-sdk-icon ai-ui-sdk-full-screen click-full-screen g-text-14 g-ml-24 g-mr-2"
+                                                                }),
+                                                                _createTextVNode(" 全屏 ")
+                                                            ], -1 /* HOISTED */ )),
+                                                            _cache[2] || (_cache[2] = _createElementVNode("span", {
+                                                                class: "click-un-full-screen g-cursor-pointer g-flex-row"
+                                                            }, [
+                                                                _createElementVNode("i", {
+                                                                    class: "ai-ui-sdk-icon ai-ui-sdk-un-full-screen click-un-full-screen g-text-14 g-ml-24 g-mr-2"
+                                                                }),
+                                                                _createTextVNode(" 取消全屏 ")
+                                                            ], -1 /* HOISTED */ ))
+                                                        ])
+                                                    ])
+                                                ]),
+                                            default: _withCtx(()=>[
+                                                    _createVNode(AutoHeightTextarea, {
+                                                        "model-value": _ctx.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 */ , [
+                            "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: 0 20px;
+  background: #fff;
+}
+.full-screen-wrap.full-screen.bk-form-item .bk-form-label {
+    float: none;
+}