@blueking/ai-ui-sdk 0.1.0-beta.3 → 0.1.0-beta.4

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

@@ -0,0 +1,114 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, mergeProps as _mergeProps, withCtx as _withCtx, createVNode as _createVNode, createElementVNode as _createElementVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+    class: "content"
+};
+const _hoisted_2 = {
+    class: "toolbar"
+};
+import { ref } from 'vue';
+import RenderSearchOperationRecord from '../search-operation-record/index.vue.js';
+import RenderTable from './table/index.vue.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        apiPrefix: {},
+        datasetId: {},
+        datasetDataId: {}
+    },
+    setup (__props) {
+        const props = __props;
+        const search = ref({
+            resourceTypeId: 'dataset_item'
+        });
+        const isShow = ref(false);
+        const handleShow = ()=>{
+            isShow.value = true;
+            search.value = {
+                resourceTypeId: 'dataset_item',
+                parentId: props.datasetId
+            };
+            if (props.datasetDataId) {
+                search.value.instanceId = props.datasetDataId;
+            }
+        };
+        const handleClose = ()=>{
+            isShow.value = false;
+            return true;
+        };
+        const handleDateChange = (value)=>{
+            search.value.date = (value === null || value === void 0 ? void 0 : value[0]) && (value === null || value === void 0 ? void 0 : value[1]) ? {
+                start: value[0],
+                end: value[1]
+            } : undefined;
+        };
+        return (_ctx, _cache)=>{
+            const _component_bk_button = _resolveComponent("bk-button");
+            const _component_bk_date_picker = _resolveComponent("bk-date-picker");
+            const _component_bk_sideslider = _resolveComponent("bk-sideslider");
+            return _openBlock(), _createElementBlock(_Fragment, null, [
+                _createVNode(_component_bk_button, _mergeProps(_ctx.$attrs, {
+                    onClick: handleShow
+                }), {
+                    default: _withCtx(()=>_cache[1] || (_cache[1] = [
+                            _createTextVNode(" 操作记录 ")
+                        ])),
+                    _: 1 /* STABLE */ ,
+                    __: [
+                        1
+                    ]
+                }, 16 /* FULL_PROPS */ ),
+                _createVNode(_component_bk_sideslider, {
+                    title: "操作记录",
+                    class: "record-slider",
+                    width: 960,
+                    "is-show": isShow.value,
+                    "before-close": handleClose
+                }, {
+                    default: _withCtx(()=>{
+                        var _search_value_date, _search_value_date1;
+                        return [
+                            _createElementVNode("section", _hoisted_1, [
+                                _createElementVNode("section", _hoisted_2, [
+                                    _createVNode(RenderSearchOperationRecord, {
+                                        modelValue: search.value,
+                                        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>search.value = $event),
+                                        "dataset-id": _ctx.datasetId,
+                                        class: "record-search"
+                                    }, null, 8 /* PROPS */ , [
+                                        "modelValue",
+                                        "dataset-id"
+                                    ]),
+                                    _createVNode(_component_bk_date_picker, {
+                                        clearable: "",
+                                        class: "record-data-picker",
+                                        type: "daterange",
+                                        format: "yyyy-MM-dd",
+                                        "model-value": [
+                                            (_search_value_date = search.value.date) === null || _search_value_date === void 0 ? void 0 : _search_value_date.start,
+                                            (_search_value_date1 = search.value.date) === null || _search_value_date1 === void 0 ? void 0 : _search_value_date1.end
+                                        ],
+                                        onChange: handleDateChange
+                                    }, null, 8 /* PROPS */ , [
+                                        "model-value"
+                                    ])
+                                ]),
+                                _createVNode(RenderTable, {
+                                    "dataset-id": _ctx.datasetId,
+                                    search: search.value,
+                                    "api-prefix": _ctx.apiPrefix
+                                }, null, 8 /* PROPS */ , [
+                                    "dataset-id",
+                                    "search",
+                                    "api-prefix"
+                                ])
+                            ])
+                        ];
+                    }),
+                    _: 1 /* STABLE */ 
+                }, 8 /* PROPS */ , [
+                    "is-show"
+                ])
+            ], 64 /* STABLE_FRAGMENT */ );
+        };
+    }
+});

package/dist/components/{render-dataset-detail-origin-data → render-dataset}/components/operation-record/index.vue.css

@@ -1,18 +1,18 @@
 
-.content[data-v-7lijqmir] {
+.content[data-v-rlrkwm7s] {
   padding: 0 24px 0px 32px;
   height: 100%;
 }
-.content .toolbar[data-v-7lijqmir] {
+.content .toolbar[data-v-rlrkwm7s] {
     margin: 16px 0;
     display: flex;
     align-items: center;
     justify-content: right;
     gap: 8px;
 }
-.content .toolbar .record-search[data-v-7lijqmir] {
+.content .toolbar .record-search[data-v-rlrkwm7s] {
       width: 360px;
 }
-.content .toolbar .record-data-picker[data-v-7lijqmir] {
+.content .toolbar .record-data-picker[data-v-rlrkwm7s] {
       width: 260px;
 }

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

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

package/dist/components/render-dataset/components/operation-record/index.vue.js

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

package/dist/components/{render-dataset-detail-origin-data → render-dataset}/components/operation-record/table/index.script.vue.js.js

@@ -38,7 +38,7 @@ import { ref, watch } from 'vue';
 import ViewOpResult from '../view-op-result/index.vue.js';
 import { useDatasetHttp } from '../../../../../hooks/use-dataset-http.ts.js';
 import useTable from '../../../../../hooks/use-table.ts.js';
-import { DatasetDataOperatRecordType } from '../../../../../types/enum.ts.js';
+import { DatasetDataOperatRecordActionId, DatasetDataOperatRecordResultCode } from '../../../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         search: {},
@@ -47,17 +47,14 @@ export default /*@__PURE__*/ _defineComponent({
     setup (__props) {
         const props = __props;
         const { getOperateRecordList } = useDatasetHttp(props.apiPrefix);
-        const operationTypeMap = {
-            [DatasetDataOperatRecordType.Add]: '添加数据',
-            [DatasetDataOperatRecordType.Delete]: '删除数据',
-            [DatasetDataOperatRecordType.Export]: '导出数据',
-            [DatasetDataOperatRecordType.EditData]: '编辑原数据',
-            [DatasetDataOperatRecordType.EditCleanedData]: '编辑清洗数据',
-            [DatasetDataOperatRecordType.ManualPass]: '手动通过',
-            [DatasetDataOperatRecordType.ManualReject]: '手动拒绝',
-            [DatasetDataOperatRecordType.AutoPass]: '自动通过',
-            [DatasetDataOperatRecordType.AutoReject]: '自动拒绝',
-            [DatasetDataOperatRecordType.DataCleaning]: '数据清洗'
+        const resultCodeMap = {
+            [DatasetDataOperatRecordResultCode.Failed]: '失败',
+            [DatasetDataOperatRecordResultCode.Success]: '成功'
+        };
+        const actionIdMap = {
+            [DatasetDataOperatRecordActionId.AddDatasetItem]: '新增数据',
+            [DatasetDataOperatRecordActionId.EditDatasetItem]: '编辑数据',
+            [DatasetDataOperatRecordActionId.DeleteDatasetItem]: '删除数据'
         };
         const isShowView = ref(false);
         const viewData = ref();
@@ -101,7 +98,7 @@ export default /*@__PURE__*/ _defineComponent({
                     default: _withCtx(()=>[
                             _createVNode(_component_bk_table_column, {
                                 label: "ID",
-                                field: "id",
+                                field: "instanceId",
                                 width: "80"
                             }),
                             _createVNode(_component_bk_table_column, {
@@ -109,7 +106,16 @@ export default /*@__PURE__*/ _defineComponent({
                                 width: "142"
                             }, {
                                 default: _withCtx(({ row })=>[
-                                        _createTextVNode(_toDisplayString(operationTypeMap[row.type] || '--'), 1 /* TEXT */ )
+                                        _createTextVNode(_toDisplayString(actionIdMap[row.actionId]), 1 /* TEXT */ )
+                                    ]),
+                                _: 1 /* STABLE */ 
+                            }),
+                            _createVNode(_component_bk_table_column, {
+                                label: "操作状态",
+                                width: "142"
+                            }, {
+                                default: _withCtx(({ row })=>[
+                                        _createTextVNode(_toDisplayString(resultCodeMap[row.resultCode]), 1 /* TEXT */ )
                                     ]),
                                 _: 1 /* STABLE */ 
                             }),
@@ -118,14 +124,14 @@ export default /*@__PURE__*/ _defineComponent({
                             }, {
                                 default: _withCtx(({ row })=>[
                                         _createElementVNode("span", _hoisted_1, [
-                                            _createElementVNode("span", _hoisted_2, _toDisplayString(row.data), 1 /* TEXT */ ),
+                                            _createElementVNode("span", _hoisted_2, _toDisplayString(row.instanceData), 1 /* TEXT */ ),
                                             _createVNode(_component_bk_button, {
                                                 text: "",
                                                 theme: "primary",
                                                 onClick: ($event)=>handleView(row)
                                             }, {
                                                 default: _withCtx(()=>_cache[1] || (_cache[1] = [
-                                                        _createTextVNode("[查看]")
+                                                        _createTextVNode(" [查看] ")
                                                     ])),
                                                 _: 2 /* DYNAMIC */ ,
                                                 __: [
@@ -140,12 +146,12 @@ export default /*@__PURE__*/ _defineComponent({
                             }),
                             _createVNode(_component_bk_table_column, {
                                 label: "操作人",
-                                field: "creator",
+                                field: "username",
                                 width: "142"
                             }),
                             _createVNode(_component_bk_table_column, {
                                 label: "操作时间",
-                                field: "createdAt",
+                                field: "endTime",
                                 width: "152"
                             })
                         ]),

package/dist/components/{render-dataset-detail-origin-data → render-dataset}/components/operation-record/table/index.vue.css

@@ -1,5 +1,5 @@
 
-.text[data-v-y37i1bz6] {
+.text[data-v-p9apsg5t] {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;

package/dist/components/render-dataset/components/operation-record/table/index.vue.js

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js.js';
+script.__scopeId = "data-v-p9apsg5t";
+script.__file = "./src/components/render-dataset/components/operation-record/table/index.vue";
+import './index.vue.css';
+export default script;

package/dist/components/{render-dataset-detail-origin-data → render-dataset}/components/operation-record/view-op-result/index.script.vue.js.js

@@ -1,11 +1,14 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, createBlock as _createBlock } from "vue";
+import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, withCtx as _withCtx, createVNode as _createVNode, resolveComponent as _resolveComponent, createBlock as _createBlock } from "vue";
 const _hoisted_1 = {
     class: "g-text-14 g-text-normal g-ml-24"
 };
 const _hoisted_2 = {
     class: "content"
 };
+const _hoisted_3 = {
+    class: "value-content"
+};
 import Collapse from '../../../../render-collapse/index.vue.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
@@ -24,7 +27,6 @@ export default /*@__PURE__*/ _defineComponent({
             return true;
         };
         return (_ctx, _cache)=>{
-            const _component_bk_input = _resolveComponent("bk-input");
             const _component_bk_sideslider = _resolveComponent("bk-sideslider");
             return _openBlock(), _createBlock(_component_bk_sideslider, {
                 width: 960,
@@ -35,34 +37,28 @@ export default /*@__PURE__*/ _defineComponent({
                 header: _withCtx(()=>[
                         _createElementVNode("div", null, [
                             _cache[0] || (_cache[0] = _createElementVNode("span", null, "查看操作结果", -1 /* HOISTED */ )),
-                            _createElementVNode("span", _hoisted_1, _toDisplayString(`操作类型: ${_ctx.data.type}`), 1 /* TEXT */ )
+                            _createElementVNode("span", _hoisted_1, _toDisplayString(`操作类型: ${_ctx.data.actionId}`), 1 /* TEXT */ )
                         ])
                     ]),
                 default: _withCtx(()=>[
                         _createElementVNode("section", _hoisted_2, [
-                            (_openBlock(), _createElementBlock(_Fragment, null, _renderList(10, (item)=>{
-                                return _createElementVNode("div", {
-                                    key: item,
+                            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.data.instanceData, (value, key)=>{
+                                return _openBlock(), _createElementBlock("div", {
+                                    key: key,
                                     class: "g-mb-16"
                                 }, [
                                     _createVNode(Collapse, {
-                                        title: 'instruction'
+                                        title: key
                                     }, {
                                         default: _withCtx(()=>[
-                                                _createVNode(_component_bk_input, {
-                                                    "model-value": _ctx.data.result,
-                                                    type: "textarea",
-                                                    disabled: "",
-                                                    resize: false,
-                                                    autosize: ""
-                                                }, null, 8 /* PROPS */ , [
-                                                    "model-value"
-                                                ])
+                                                _createElementVNode("h5", _hoisted_3, _toDisplayString(value), 1 /* TEXT */ )
                                             ]),
-                                        _: 1 /* STABLE */ 
-                                    })
+                                        _: 2 /* DYNAMIC */ 
+                                    }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
+                                        "title"
+                                    ])
                                 ]);
-                            }), 64 /* STABLE_FRAGMENT */ ))
+                            }), 128 /* KEYED_FRAGMENT */ ))
                         ])
                     ]),
                 _: 1 /* STABLE */ 

package/dist/components/render-dataset/components/operation-record/view-op-result/index.vue.css

@@ -0,0 +1,12 @@
+
+.content[data-v-qepopsy9] {
+  padding: 18px 24px 0;
+  height: 100%;
+  overflow: auto;
+}
+.content .value-content[data-v-qepopsy9] {
+    margin-top: 8px;
+    padding: 16px;
+    border: 1px solid #DCDEE5;
+    line-height: 22px;
+}

package/dist/components/{render-dataset-detail-origin-data → render-dataset}/components/operation-record/view-op-result/index.vue.d.ts

@@ -1,6 +1,7 @@
+import type { IOperatRecord } from '@/types/dataset';
 interface IProps {
     isShow: boolean;
-    data: any;
+    data: IOperatRecord;
 }
 declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:isShow": (value: boolean) => any;

package/dist/components/render-dataset/components/operation-record/view-op-result/index.vue.js

@@ -0,0 +1,5 @@
+import script from './index.script.vue.js.js';
+script.__scopeId = "data-v-qepopsy9";
+script.__file = "./src/components/render-dataset/components/operation-record/view-op-result/index.vue";
+import './index.vue.css';
+export default script;

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

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

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

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

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

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-zuq4kf2m";
+script.__scopeId = "data-v-wk7ftgo6";
 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

@@ -56,7 +56,8 @@ import { onBeforeMount, ref, useTemplateRef } from 'vue';
 import { useDatasetHttp } from '../../../../../hooks/use-dataset-http.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
-        modelValue: {}
+        modelValue: {},
+        apiPrefix: {}
     },
     emits: [
         "update:modelValue"
@@ -64,11 +65,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 validate = ()=>formRef.value.validate();
+        const clearValidate = ()=>formRef.value.clearValidate();
         const handleChange = (val)=>{
             const dataset = _object_spread_props(_object_spread({}, props.modelValue), {
                 datasetId: val
@@ -85,7 +87,8 @@ export default /*@__PURE__*/ _defineComponent({
         };
         onBeforeMount(handleGetDatasetList);
         __expose({
-            validate
+            validate,
+            clearValidate
         });
         return (_ctx, _cache)=>{
             const _component_bk_select = _resolveComponent("bk-select");

package/dist/components/render-dataset/components/plus-dataset-data/form/dataset.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<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/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, useTemplateRef } 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,10 +97,17 @@ 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 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 {
@@ -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,18 +169,18 @@ export default /*@__PURE__*/ _defineComponent({
                 default: _withCtx(()=>[
                         _createVNode(_component_bk_form_item, {
                             label: "上传文件",
-                            property: "fileIds",
+                            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(" 上传文件 ")
                                             ])),
@@ -171,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<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.vue.css

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

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-zdsoh2li";
+script.__scopeId = "data-v-v9zld2yq";
 script.__file = "./src/components/render-dataset/components/plus-dataset-data/form/footer.vue";
 import './footer.vue.css';
 export default script;