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

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

@@ -51,8 +51,8 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, withCtx as _withCtx, createBlock as _createBlock, resolveDirective as _resolveDirective, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode } from "vue";
-import { ref, watch } from 'vue';
+import { unref as _unref, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, createVNode as _createVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock, resolveDirective as _resolveDirective, withDirectives as _withDirectives, createCommentVNode as _createCommentVNode } from "vue";
+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';
@@ -67,10 +67,10 @@ export default /*@__PURE__*/ _defineComponent({
         const props = __props;
         const emits = __emit;
         const { getSchemaList } = useDatasetHttp();
+        const formRef = useTemplateRef('formRef');
         const loading = ref(false);
         const schema = ref({});
-        const formRef = ref();
-        const validate = formRef.value.validate();
+        const validate = ()=>formRef.value.validate();
         const handleUpdate = (key, value)=>{
             const modelValue = _object_spread_props(_object_spread({}, props.modelValue), {
                 data: _object_spread_props(_object_spread({}, props.modelValue.data), {
@@ -79,21 +79,30 @@ export default /*@__PURE__*/ _defineComponent({
             });
             emits('update:modelValue', modelValue);
         };
+        const handleUpdateSchema = (schemaItem)=>{
+            // 保存 schema
+            schema.value = schemaItem || {};
+            // 更新 modelValue.data
+            const data = Object.keys(schema.value).reduce((acc, cur)=>{
+                acc[cur] = '';
+                return acc;
+            }, {});
+            const modelValue = _object_spread_props(_object_spread({}, props.modelValue), {
+                data
+            });
+            emits('update:modelValue', modelValue);
+        };
         const handleInitSchema = ()=>{
+            if (!props.modelValue.datasetId) {
+                // 清空
+                handleUpdateSchema();
+                return;
+            }
             loading.value = true;
             getSchemaList(props.modelValue.datasetId).then((schemaList)=>{
                 var _schemaList_;
-                // 保存 schema
-                schema.value = ((_schemaList_ = schemaList[0]) === null || _schemaList_ === void 0 ? void 0 : _schemaList_.schema) || {};
-                // 更新 modelValue.data
-                const data = Object.keys(schema.value).reduce((acc, cur)=>{
-                    acc[cur] = '';
-                    return acc;
-                }, {});
-                const modelValue = _object_spread_props(_object_spread({}, props.modelValue), {
-                    data
-                });
-                emits('update:modelValue', modelValue);
+                // 设置
+                handleUpdateSchema((_schemaList_ = schemaList[0]) === null || _schemaList_ === void 0 ? void 0 : _schemaList_.schema);
             }).finally(()=>{
                 loading.value = false;
             });
@@ -117,14 +126,11 @@ export default /*@__PURE__*/ _defineComponent({
                 model: _ctx.modelValue
             }, {
                 default: _withCtx(()=>[
-                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(Object.keys(schema.value), (key, index)=>{
+                        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(Object.keys(schema.value), (key)=>{
                             return _openBlock(), _createBlock(_component_bk_form_item, {
                                 key: key,
                                 label: key,
                                 property: key,
-                                class: _normalizeClass({
-                                    'g-last-form-item': index >= Object.keys(schema.value).length - 1
-                                }),
                                 required: ""
                             }, {
                                 default: _withCtx(()=>[
@@ -132,18 +138,17 @@ export default /*@__PURE__*/ _defineComponent({
                                             "model-value": _ctx.modelValue.data[key],
                                             placeholder: schema.value[key],
                                             height: 150,
-                                            "onUpdate:modelValue": (value)=>handleUpdate(key, value)
+                                            onInput: (value)=>handleUpdate(key, value)
                                         }, null, 8 /* PROPS */ , [
                                             "model-value",
                                             "placeholder",
-                                            "onUpdate:modelValue"
+                                            "onInput"
                                         ])
                                     ]),
                                 _: 2 /* DYNAMIC */ 
                             }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
                                 "label",
-                                "property",
-                                "class"
+                                "property"
                             ]);
                         }), 128 /* KEYED_FRAGMENT */ ))
                     ]),

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

@@ -3,7 +3,7 @@ interface IProps {
     modelValue: IDatasetDataForm;
 }
 declare const _default: import("vue").DefineComponent<IProps, {
-    validate: () => Promise<boolean>;
+    validate: () => Promise<unknown>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:modelValue": (val: IDatasetDataForm) => any;
 }, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{

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

@@ -0,0 +1,62 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { onBeforeMount, ref } from 'vue';
+import RenderSearchSelect from '../../../render-search-select/index.vue.js';
+import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        modelValue: {},
+        apiPrefix: {}
+    },
+    emits: [
+        "update:modelValue"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getSchemaList } = useDatasetHttp(props.apiPrefix);
+        const data = ref([
+            {
+                id: 'datasetName',
+                name: '数据集名称'
+            },
+            {
+                id: 'type',
+                name: '数据集类型',
+                multiple: true,
+                children: []
+            },
+            {
+                id: 'componentName',
+                name: '组件'
+            },
+            {
+                id: 'createdBy',
+                name: '创建人'
+            }
+        ]);
+        const handleUpdate = (modelValue)=>{
+            emits('update:modelValue', modelValue);
+        };
+        const handleGetSchemaList = ()=>{
+            getSchemaList().then((schemaList)=>{
+                data.value[1].children = schemaList.map((schema)=>({
+                        id: schema.id,
+                        name: schema.name
+                    }));
+            });
+        };
+        onBeforeMount(handleGetSchemaList);
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createBlock(RenderSearchSelect, {
+                placeholder: "数据集名称、数据集类型、组件、创建人",
+                data: data.value,
+                "model-value": _ctx.modelValue,
+                "onUpdate:modelValue": handleUpdate
+            }, null, 8 /* PROPS */ , [
+                "data",
+                "model-value"
+            ]);
+        };
+    }
+});

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

@@ -1,2 +1,11 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+import type { IDatasetListParam } from '@/types/dataset';
+interface IProps {
+    modelValue: IDatasetListParam;
+    apiPrefix: string;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (modelValue: IDatasetListParam) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:modelValue"?: (modelValue: IDatasetListParam) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,4 +1,3 @@
-import { render } from './index.script.vue.js';
-const script = { render };
+import script from './index.script.vue.js.js';
 script.__file = "./src/components/render-dataset/components/search-dataset/index.vue";
 export default script;

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

@@ -0,0 +1,62 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { onBeforeMount, ref } from 'vue';
+import RenderSearchSelect from '../../../render-search-select/index.vue.js';
+import { DatasetDataSourceType } from '../../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        modelValue: {},
+        schema: {}
+    },
+    emits: [
+        "update:modelValue"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const data = ref([
+            {
+                id: 'datasetName',
+                name: '数据来源',
+                children: [
+                    {
+                        id: DatasetDataSourceType.UploadFile,
+                        name: '文件上传'
+                    },
+                    {
+                        id: DatasetDataSourceType.ManualImport,
+                        name: '手工录入'
+                    }
+                ]
+            }
+        ]);
+        const placeholder = ref('数据集名称、数据集类型、组件、创建人、');
+        const handleUpdate = (modelValue)=>{
+            emits('update:modelValue', modelValue);
+        };
+        const handleInitData = ()=>{
+            const searchSelectItems = Object.keys(props.schema).reduce((acc, cur)=>{
+                acc.push({
+                    id: cur,
+                    name: cur
+                });
+                return acc;
+            }, []);
+            data.value.push(...searchSelectItems);
+            placeholder.value += searchSelectItems.map((item)=>item.id).join('、');
+        };
+        onBeforeMount(handleInitData);
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createBlock(RenderSearchSelect, {
+                placeholder: placeholder.value,
+                data: data.value,
+                "model-value": _ctx.modelValue,
+                "onUpdate:modelValue": handleUpdate
+            }, null, 8 /* PROPS */ , [
+                "placeholder",
+                "data",
+                "model-value"
+            ]);
+        };
+    }
+});

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

@@ -0,0 +1,11 @@
+import type { IDatasetDataParam } from '@/types/dataset';
+interface IProps {
+    modelValue: IDatasetDataParam;
+    schema: Record<string, string>;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (modelValue: IDatasetDataParam) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:modelValue"?: (modelValue: IDatasetDataParam) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,150 @@
+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 { openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { onBeforeMount, ref } from 'vue';
+import RenderSearchSelect from '../../../render-search-select/index.vue.js';
+import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
+import { DatasetDataOperatRecordType } from '../../../../types/enum.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        modelValue: {},
+        apiPrefix: {},
+        datasetId: {}
+    },
+    emits: [
+        "update:modelValue"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getSchemaList } = useDatasetHttp(props.apiPrefix);
+        const data = ref([
+            {
+                id: 'id',
+                name: 'ID'
+            },
+            {
+                id: 'type',
+                name: '操作类型',
+                children: [
+                    {
+                        id: DatasetDataOperatRecordType.Add,
+                        name: '文件上传'
+                    },
+                    {
+                        id: DatasetDataOperatRecordType.Add,
+                        name: '文件上传'
+                    },
+                    {
+                        id: DatasetDataOperatRecordType.Add,
+                        name: '文件上传'
+                    },
+                    {
+                        id: DatasetDataOperatRecordType.Add,
+                        name: '文件上传'
+                    },
+                    {
+                        id: DatasetDataOperatRecordType.Add,
+                        name: '文件上传'
+                    },
+                    {
+                        id: DatasetDataOperatRecordType.Add,
+                        name: '文件上传'
+                    },
+                    {
+                        id: DatasetDataOperatRecordType.Add,
+                        name: '文件上传'
+                    },
+                    {
+                        id: DatasetDataOperatRecordType.Add,
+                        name: '文件上传'
+                    },
+                    {
+                        id: DatasetDataOperatRecordType.Add,
+                        name: '文件上传'
+                    },
+                    {
+                        id: DatasetDataOperatRecordType.Add,
+                        name: '文件上传'
+                    }
+                ]
+            },
+            {
+                id: 'status',
+                name: '操作状态',
+                children: [
+                    {
+                        id: 'success',
+                        name: '成功'
+                    },
+                    {
+                        id: 'fail',
+                        name: '失败'
+                    }
+                ]
+            },
+            {
+                id: 'creator',
+                name: '操作人'
+            }
+        ]);
+        const placeholder = ref('ID、操作类型、操作状态、操作人、');
+        const handleUpdate = (modelValue)=>{
+            emits('update:modelValue', _object_spread({}, props.modelValue, modelValue));
+        };
+        const handleGetSchema = ()=>{
+            getSchemaList(props.datasetId).then((schemaList)=>{
+                const schema = schemaList[0];
+                const searchSelectItems = Object.keys(schema.schema).reduce((acc, cur)=>{
+                    acc.push({
+                        id: cur,
+                        name: cur
+                    });
+                    return acc;
+                }, []);
+                data.value.push(...searchSelectItems);
+                placeholder.value += searchSelectItems.map((item)=>item.id).join('、');
+            });
+        };
+        onBeforeMount(handleGetSchema);
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createBlock(RenderSearchSelect, {
+                placeholder: placeholder.value,
+                data: data.value,
+                "model-value": _ctx.modelValue,
+                "onUpdate:modelValue": handleUpdate
+            }, null, 8 /* PROPS */ , [
+                "placeholder",
+                "data",
+                "model-value"
+            ]);
+        };
+    }
+});

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

@@ -0,0 +1,12 @@
+import type { IOperatRecordParam } from '@/types/dataset';
+interface IProps {
+    modelValue: IOperatRecordParam;
+    apiPrefix: string;
+    datasetId: number;
+}
+declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (modelValue: IOperatRecordParam) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:modelValue"?: (modelValue: IOperatRecordParam) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

package/dist/components/render-dataset/components/source-type-icon/index.script.vue.js.js

@@ -12,10 +12,10 @@ export default /*@__PURE__*/ _defineComponent({
             let icon = '';
             switch(props.sourceType){
                 case DatasetDataSourceType.UploadFile:
-                    icon = 'bkaidev-icon bkaidev-wenben';
+                    icon = 'ai-ui-sdk-icon ai-ui-sdk-wenben';
                     break;
                 case DatasetDataSourceType.ManualImport:
-                    icon = 'bkaidev-icon bkaidev-markdown';
+                    icon = 'ai-ui-sdk-icon ai-ui-sdk-markdown';
                     break;
             }
             return icon;

package/dist/components/render-dataset/components/source-type-icon/index.vue.css

@@ -1,10 +1,10 @@
 
-.bkaidev-markdown[data-v-vn5cuo5g] {
+.bkaidev-markdown[data-v-ntea8cxx] {
   color: #3a84ff;
 }
-.bkaidev-wangye[data-v-vn5cuo5g] {
+.bkaidev-wangye[data-v-ntea8cxx] {
   color: #14A568;
 }
-.bkaidev-wenben[data-v-vn5cuo5g] {
+.bkaidev-wenben[data-v-ntea8cxx] {
   color: #979ba5;
 }

package/dist/components/render-dataset/components/source-type-icon/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-vn5cuo5g";
+script.__scopeId = "data-v-ntea8cxx";
 script.__file = "./src/components/render-dataset/components/source-type-icon/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,5 +1,5 @@
 
-.dataset-main[data-v-7walngzb] {
+.dataset-main[data-v-fowxn3fb] {
     flex: 1;
     width: calc(100vw - 300px);
     height: 100%;

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

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

package/dist/components/render-dataset-detail-origin-data/components/edit-data/index.vue.css

@@ -1,19 +1,19 @@
 
-.content[data-v-vvysz3x4] {
+.content[data-v-6jop091p] {
   padding: 18px 24px 0;
   height: 100%;
   overflow: auto;
 }
-.data-set-edit-slider .value-content[data-v-vvysz3x4] {
+.data-set-edit-slider .value-content[data-v-6jop091p] {
     margin-top: 8px;
     padding: 16px;
     border: 1px solid #DCDEE5;
 }
-.data-set-edit-slider[data-v-vvysz3x4] .bk-sideslider-title {
+.data-set-edit-slider[data-v-6jop091p] .bk-sideslider-title {
     justify-content: space-between;
     width: 100%;
 }
-.data-set-edit-slider[data-v-vvysz3x4] .bk-sideslider-title .id::before {
+.data-set-edit-slider[data-v-6jop091p] .bk-sideslider-title .id::before {
         content: '';
         display: inline-block;
         width: 1px;
@@ -21,18 +21,18 @@
         background: #DCDEE5;
         margin: 0 8px 0 16px;
 }
-.data-set-edit-slider[data-v-vvysz3x4] .bk-sideslider-content {
+.data-set-edit-slider[data-v-6jop091p] .bk-sideslider-content {
     height: calc(100vh - 60px - 56px);
 }
-.data-set-edit-slider[data-v-vvysz3x4] .bk-sideslider-content .edit-textarea {
+.data-set-edit-slider[data-v-6jop091p] .bk-sideslider-content .edit-textarea {
       height: calc(100% - 40px);
       margin-top: 8px;
 }
-.data-set-edit-slider[data-v-vvysz3x4] .bk-sideslider-content .edit-textarea textarea {
+.data-set-edit-slider[data-v-6jop091p] .bk-sideslider-content .edit-textarea textarea {
         padding: 16px;
         height: 100%;
 }
-.footer-button[data-v-vvysz3x4] {
+.footer-button[data-v-6jop091p] {
   width: 88px;
   margin-right: 8px;
 }

package/dist/components/render-dataset-detail-origin-data/components/edit-data/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-vvysz3x4";
+script.__scopeId = "data-v-6jop091p";
 script.__file = "./src/components/render-dataset-detail-origin-data/components/edit-data/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,5 +1,5 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { resolveComponent as _resolveComponent, createVNode as _createVNode, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { createVNode as _createVNode, resolveComponent as _resolveComponent, createElementVNode as _createElementVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
 const _hoisted_1 = {
     class: "content"
 };
@@ -7,13 +7,14 @@ const _hoisted_2 = {
     class: "toolbar"
 };
 import { ref } from 'vue';
-import RecordTable from './table/index.vue.js';
+import RenderTable from './table/index.vue.js';
+import RenderSearchOperationRecord from '../../../render-dataset/components/search-operation-record/index.vue.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         isShow: {
             type: Boolean
         },
-        id: {},
+        datasetId: {},
         apiPrefix: {}
     },
     emits: [
@@ -21,18 +22,18 @@ export default /*@__PURE__*/ _defineComponent({
     ],
     setup (__props, { emit: __emit }) {
         const emits = __emit;
-        const date = ref();
-        const searchParam = ref();
+        const search = ref({});
         const handleClose = ()=>{
             emits('update:isShow', false);
             return true;
         };
         const handleDateChange = (value)=>{
-            console.log('选择的时间范围', value);
-            date.value = value;
+            search.value.date = {
+                start: value[0],
+                end: value[1]
+            };
         };
         return (_ctx, _cache)=>{
-            const _component_bk_search_select = _resolveComponent("bk-search-select");
             const _component_bk_date_picker = _resolveComponent("bk-date-picker");
             const _component_bk_sideslider = _resolveComponent("bk-sideslider");
             return _openBlock(), _createBlock(_component_bk_sideslider, {
@@ -45,22 +46,28 @@ export default /*@__PURE__*/ _defineComponent({
                 default: _withCtx(()=>[
                         _createElementVNode("section", _hoisted_1, [
                             _createElementVNode("section", _hoisted_2, [
-                                _createVNode(_component_bk_search_select, {
-                                    modelValue: searchParam.value,
-                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>searchParam.value = $event),
-                                    placeholder: "操作对象、操作类型、操作状态、操作结果、操作人",
+                                _createVNode(RenderSearchOperationRecord, {
+                                    modelValue: search.value,
+                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>search.value = $event),
+                                    "api-prefix": _ctx.apiPrefix,
+                                    "dataset-id": _ctx.datasetId,
                                     class: "record-search"
                                 }, null, 8 /* PROPS */ , [
-                                    "modelValue"
+                                    "modelValue",
+                                    "api-prefix",
+                                    "dataset-id"
                                 ]),
                                 _createVNode(_component_bk_date_picker, {
                                     ref: "datePickerRef",
                                     class: "record-data-picker",
-                                    type: "datetimerange",
+                                    type: "daterange",
                                     "append-to-body": "",
                                     clearable: "",
                                     format: "yyyy-MM-dd",
-                                    "model-value": date.value,
+                                    "model-value": [
+                                        search.value.date.start,
+                                        search.value.date.end
+                                    ],
                                     "time-picker-options": {
                                         allowCrossDay: true
                                     },
@@ -69,13 +76,13 @@ export default /*@__PURE__*/ _defineComponent({
                                     "model-value"
                                 ])
                             ]),
-                            _createVNode(RecordTable, {
-                                id: _ctx.id,
-                                "search-param": searchParam.value,
+                            _createVNode(RenderTable, {
+                                "dataset-id": _ctx.datasetId,
+                                search: search.value,
                                 "api-prefix": _ctx.apiPrefix
                             }, null, 8 /* PROPS */ , [
-                                "id",
-                                "search-param",
+                                "dataset-id",
+                                "search",
                                 "api-prefix"
                             ])
                         ])