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

package/dist/common/util.d.ts

@@ -88,3 +88,10 @@ export declare const processPromptTemplate: (prompt: string, selectedText: strin
  * @returns 全屏的父元素
  */
 export declare const getFullScreenWrap: (target: HTMLElement) => HTMLElement;
+/**
+ * 判断元素的父节点们有没有某个class
+ * @param ele 当前元素
+ * @param cls class名
+ * @returns 是否有
+ */
+export declare const isParentHasClass: (ele: HTMLElement, cls: string) => boolean;

package/dist/common/util.ts.js

@@ -233,3 +233,21 @@ export const handleCopy = (text)=>{
     }
     return parentElement;
 };
+/**
+ * 判断元素的父节点们有没有某个class
+ * @param ele 当前元素
+ * @param cls class名
+ * @returns 是否有
+ */ export const isParentHasClass = (ele, cls)=>{
+    let result = false;
+    let current = ele;
+    while(current){
+        var _current_className_includes, _current_className;
+        if ((_current_className = current.className) === null || _current_className === void 0 ? void 0 : (_current_className_includes = _current_className.includes) === null || _current_className_includes === void 0 ? void 0 : _current_className_includes.call(_current_className, cls)) {
+            result = true;
+            break;
+        }
+        current = current.parentElement;
+    }
+    return result;
+};

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

@@ -1,12 +1,12 @@
 
-.aside-home[data-v-5qe6jqmv] {
+.aside-home[data-v-lgt4s4nr] {
   width: 300px;
   height: 100%;
   background: #FFFFFF;
   padding: 16px;
   border-right: 1px solid #eaebf0;
 }
-[data-v-5qe6jqmv] .aside-item {
+[data-v-lgt4s4nr] .aside-item {
   width: 268px;
   line-height: 36px;
   border-radius: 2px;
@@ -16,30 +16,30 @@
   justify-content: space-between;
   color: #979BA5;
 }
-[data-v-5qe6jqmv] .aside-item.is-tab {
+[data-v-lgt4s4nr] .aside-item.is-tab {
     background: #F5F7FA;
     cursor: pointer;
     color: #4D4F56;
 }
-[data-v-5qe6jqmv] .aside-item.is-tab:hover {
+[data-v-lgt4s4nr] .aside-item.is-tab:hover {
       background: #F0F5FF;
 }
-[data-v-5qe6jqmv] .aside-item.active {
+[data-v-lgt4s4nr] .aside-item.active {
     background: #F0F5FF;
     color: #3A84FF;
     font-weight: 700;
 }
-[data-v-5qe6jqmv] .aside-item.active .tab-num {
+[data-v-lgt4s4nr] .aside-item.active .tab-num {
       background: #3A84FF;
       color: #fff;
 }
-[data-v-5qe6jqmv] .aside-item.active .active-text {
+[data-v-lgt4s4nr] .aside-item.active .active-text {
       color: #3A84FF;
 }
-[data-v-5qe6jqmv] .aside-item .tab-name {
+[data-v-lgt4s4nr] .aside-item .tab-name {
     flex: 1;
 }
-[data-v-5qe6jqmv] .aside-item .tab-num {
+[data-v-lgt4s4nr] .aside-item .tab-num {
     background: #EAEBF0;
     border-radius: 2px;
     margin-left: 5px;

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

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

package/dist/components/render-auto-height-textarea/index.vue.css

@@ -1,40 +1,40 @@
 
-.send-container[data-v-6g1pmw28] {
+.send-container[data-v-hxx10vmd] {
   position: relative;
 }
-.send-container[data-v-6g1pmw28]:has(textarea:focus) {
+.send-container[data-v-hxx10vmd]:has(textarea:focus) {
     z-index: 2;
 }
-.send-container:hover .send-clear[data-v-6g1pmw28] {
+.send-container:hover .send-clear[data-v-hxx10vmd] {
       display: inline-flex !important;
 }
-.send-input[data-v-6g1pmw28] {
+.send-input[data-v-hxx10vmd] {
   width: 100%;
   flex-direction: row;
   height: var(--origin-height);
 }
-.send-input[data-v-6g1pmw28]:has(textarea:focus) {
+.send-input[data-v-hxx10vmd]:has(textarea:focus) {
     height: var(--text-height);
 }
-.send-input[data-v-6g1pmw28] textarea {
+.send-input[data-v-hxx10vmd] textarea {
     font-size: 12px;
     line-height: 16px;
     padding: 7px;
     resize: none !important;
 }
-.send-input[data-v-6g1pmw28] textarea::-webkit-scrollbar {
+.send-input[data-v-hxx10vmd] textarea::-webkit-scrollbar {
       width: 4px;
       height: 4px;
 }
-.send-input[data-v-6g1pmw28] textarea::-webkit-scrollbar-thumb {
+.send-input[data-v-hxx10vmd] textarea::-webkit-scrollbar-thumb {
       height: 5px;
       border-radius: 3px;
       background-color: #dcdee5;
 }
-.send-input[data-v-6g1pmw28] textarea::placeholder {
+.send-input[data-v-hxx10vmd] textarea::placeholder {
       line-height: 16px;
 }
-.send-clear[data-v-6g1pmw28] {
+.send-clear[data-v-hxx10vmd] {
   display: none !important;
   position: absolute;
   right: 10px;
@@ -43,6 +43,6 @@
   font-size: 14px;
   cursor: pointer;
 }
-.send-clear[data-v-6g1pmw28]:hover {
+.send-clear[data-v-hxx10vmd]:hover {
     color: #313238;
 }

package/dist/components/render-auto-height-textarea/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-6g1pmw28";
+script.__scopeId = "data-v-hxx10vmd";
 script.__file = "./src/components/render-auto-height-textarea/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-auto-refresh/index.vue.css

@@ -1,11 +1,11 @@
 
-.auto-refresh[data-v-sownemsw] {
+.auto-refresh[data-v-3cyq96p1] {
   position: relative;
   cursor: pointer;
   line-height: 26px;
   padding: 0 4px;
 }
-.auto-refresh[data-v-sownemsw]:after {
+.auto-refresh[data-v-3cyq96p1]:after {
     content: '';
     position: absolute;
     top: 5px;
@@ -15,31 +15,31 @@
     background-color: #dcdee5;
     z-index: 1;
 }
-.auto-refresh[data-v-sownemsw]:hover {
+.auto-refresh[data-v-3cyq96p1]:hover {
     color: #3A84FF;
     background-color: #E1ECFF;
 }
-.refresh[data-v-sownemsw] {
+.refresh[data-v-3cyq96p1] {
   cursor: pointer;
   line-height: 26px;
   padding: 0 4px;
 }
-.refresh[data-v-sownemsw]:hover {
+.refresh[data-v-3cyq96p1]:hover {
     color: #3A84FF;
     background-color: #E1ECFF;
 }
-.textarea-list[data-v-sownemsw] {
+.textarea-list[data-v-3cyq96p1] {
   padding: 4px 0;
   line-height: 32px;
   max-height: 300px;
   position: relative;
   z-index: 2;
 }
-.textarea-list .textarea-item[data-v-sownemsw] {
+.textarea-list .textarea-item[data-v-3cyq96p1] {
     padding: 0 12px;
     cursor: pointer;
 }
-.textarea-list .textarea-item[data-v-sownemsw]:hover {
+.textarea-list .textarea-item[data-v-3cyq96p1]:hover {
       background: #E1ECFF;
       color: #3A84FF;
 }

package/dist/components/render-auto-refresh/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-sownemsw";
+script.__scopeId = "data-v-3cyq96p1";
 script.__file = "./src/components/render-auto-refresh/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,5 +1,5 @@
 
-.checkbox[data-v-ycpcq7w5] {
+.checkbox[data-v-qth6y6w7] {
   position: relative;
   display: inline-block;
   width: 16px;
@@ -8,27 +8,27 @@
   border-radius: 2px;
   cursor: pointer;
 }
-.checkbox.disabled[data-v-ycpcq7w5] {
+.checkbox.disabled[data-v-qth6y6w7] {
     cursor: not-allowed;
     background: #fafbfd;
     border-color: #dcdee5;
 }
-.checkbox.disabled.checked[data-v-ycpcq7w5] {
+.checkbox.disabled.checked[data-v-qth6y6w7] {
       background-color: #a3c5fd;
       border-color: #a3c5fd;
 }
-.checkbox.disabled.indeterminate[data-v-ycpcq7w5] {
+.checkbox.disabled.indeterminate[data-v-qth6y6w7] {
       background-color: #fafbfd;
       border-color: #dcdee5;
 }
-.checkbox.disabled.indeterminate[data-v-ycpcq7w5]:after {
+.checkbox.disabled.indeterminate[data-v-qth6y6w7]:after {
         background: #dcdee5;
 }
-.checkbox.checked[data-v-ycpcq7w5] {
+.checkbox.checked[data-v-qth6y6w7] {
     background-color: #3a84ff;
     border: 1px solid #3a84ff;
 }
-.checkbox.checked[data-v-ycpcq7w5]:after {
+.checkbox.checked[data-v-qth6y6w7]:after {
       position: absolute;
       top: 50%;
       left: 50%;
@@ -41,11 +41,11 @@
       transform: translate(-50%, -60%) rotate(45deg);
       transform-origin: center;
 }
-.checkbox.indeterminate[data-v-ycpcq7w5] {
+.checkbox.indeterminate[data-v-qth6y6w7] {
     background-color: #3a84ff;
     border: 1px solid #3a84ff;
 }
-.checkbox.indeterminate[data-v-ycpcq7w5]:after {
+.checkbox.indeterminate[data-v-qth6y6w7]:after {
       position: absolute;
       top: 50%;
       left: 50%;

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

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

package/dist/components/render-choose-tag/index.script.vue.js.js

@@ -35,13 +35,16 @@ const _hoisted_1 = {
 };
 import { Done, Error } from 'bkui-vue/lib/icon';
 import { onBeforeMount, ref, toRef, watch } from 'vue';
-import { useFormRule } from '../../hooks/use-form-rule.ts.js';
+import { useDatasetHttp } from '../../hooks/use-dataset-http.ts.js';
 import { useMetaHttp } from '../../hooks/use-meta-http.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         modelValue: {},
         apiPrefix: {},
         spaceId: {},
+        isDataset: {
+            type: Boolean
+        },
         popoverOptions: {}
     },
     emits: [
@@ -50,8 +53,8 @@ export default /*@__PURE__*/ _defineComponent({
     setup (__props, { emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        const { getLengthRule } = useFormRule(props.apiPrefix, toRef(props, 'spaceId'));
         const { getTags, plusTag, checkTag } = useMetaHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const { getTags: getDatasetTags, plusTag: plusDatasetTag, checkTag: checkDatasetTag } = useDatasetHttp(props.apiPrefix, toRef(props, 'spaceId'));
         const isShowEdit = ref(false);
         const isPulsingTag = ref(false);
         const tempTagName = ref('');
@@ -60,15 +63,30 @@ export default /*@__PURE__*/ _defineComponent({
         const isLoadingTag = ref(false);
         const isShow = ref(false);
         const tags = ref([]);
+        let templateTagNameErrorMessage = '';
         const checkTagRule = {
-            validator: (value)=>checkTag(handleGetTagNames(value)).then(()=>true).catch(()=>false),
-            message: '标签名称重复',
+            validator: function() {
+                var _ref = _async_to_generator(function*(value) {
+                    const fun = props.isDataset ? checkDatasetTag : checkTag;
+                    const tagNames = handleGetTagNames(value);
+                    try {
+                        templateTagNameErrorMessage = '';
+                        yield fun(tagNames);
+                    } catch (error) {
+                        templateTagNameErrorMessage = error.message;
+                        return false;
+                    }
+                });
+                return function(value) {
+                    return _ref.apply(this, arguments);
+                };
+            }(),
+            message: ()=>templateTagNameErrorMessage,
             trigger: 'change'
         };
         const tagRules = {
             tempTagName: [
-                checkTagRule,
-                getLengthRule('标签名称', 16)
+                checkTagRule
             ]
         };
         const handleFocus = ()=>{
@@ -100,8 +118,9 @@ export default /*@__PURE__*/ _defineComponent({
                 try {
                     isPulsingTag.value = true;
                     const tagNames = handleGetTagNames(tempTagName.value);
+                    const plusTagFun = props.isDataset ? plusDatasetTag : plusTag;
                     yield tagFormRef.value.validate();
-                    yield plusTag(tagNames);
+                    yield plusTagFun(tagNames);
                     emits('update:modelValue', [
                         ...props.modelValue,
                         ...tagNames
@@ -127,7 +146,7 @@ export default /*@__PURE__*/ _defineComponent({
         };
         const handleGetTags = ()=>{
             isLoadingTag.value = true;
-            getTags().then((result)=>{
+            (props.isDataset ? getDatasetTags() : getTags()).then((result)=>{
                 tags.value = result;
             }).finally(()=>{
                 isLoadingTag.value = false;
@@ -185,7 +204,6 @@ export default /*@__PURE__*/ _defineComponent({
                                                                 _createVNode(_component_bk_input, {
                                                                     modelValue: tempTagName.value,
                                                                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>tempTagName.value = $event),
-                                                                    maxlength: 20,
                                                                     ref_key: "tagRef",
                                                                     ref: tagRef,
                                                                     placeholder: "如需定义层级标签，以英文“/”分割层级，多个标签以“、”分隔",

package/dist/components/render-choose-tag/index.vue.css

@@ -1,29 +1,29 @@
 
-.plus-tag-input[data-v-zqj63lfi] {
+.plus-tag-input[data-v-a9v089z8] {
   padding: 7px 12px;
   height: 40px;
   background: #FAFBFD;
   border-top: 1px solid #DCDEE5;
 }
-.plus-tag-input .plus-tag-done[data-v-zqj63lfi] {
+.plus-tag-input .plus-tag-done[data-v-a9v089z8] {
     cursor: pointer;
     font-size: 22px;
     color: #2DCB56;
     margin: 0 5px 0 10px;
 }
-.plus-tag-input .plus-tag-error[data-v-zqj63lfi] {
+.plus-tag-input .plus-tag-error[data-v-a9v089z8] {
     cursor: pointer;
     font-size: 16px;
     color: #C4C6CC;
     margin-right: 5px;
 }
-.plus-tag-input .plus-tag-form[data-v-zqj63lfi] {
+.plus-tag-input .plus-tag-form[data-v-a9v089z8] {
     flex: 1;
 }
-.plus-tag-input .plus-tag-form-item[data-v-zqj63lfi] {
+.plus-tag-input .plus-tag-form-item[data-v-a9v089z8] {
     margin-bottom: 0;
 }
-.plus-tag[data-v-zqj63lfi] {
+.plus-tag[data-v-a9v089z8] {
   cursor: pointer;
   width: 100%;
   height: 40px;
@@ -36,7 +36,7 @@
   font-size: 12px;
   line-height: 20px;
 }
-.plus-tag[data-v-zqj63lfi]:hover {
+.plus-tag[data-v-a9v089z8]:hover {
     color: #3A84FF;
 }
 

package/dist/components/render-choose-tag/index.vue.d.ts

@@ -2,6 +2,7 @@ interface IProps {
     modelValue: string[][];
     apiPrefix: string;
     spaceId?: string;
+    isDataset?: boolean;
     popoverOptions?: Record<string, unknown>;
 }
 declare const _default: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {

package/dist/components/render-choose-tag/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-zqj63lfi";
+script.__scopeId = "data-v-a9v089z8";
 script.__file = "./src/components/render-choose-tag/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-collapse/index.script.vue.js.js

@@ -8,6 +8,7 @@ const _hoisted_2 = {
     class: "bkaidev-icon bkaidev-help g-text-14 g-ml-4"
 };
 import { ref } from 'vue';
+import { isParentHasClass } from '../../common/util.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         title: {},
@@ -15,7 +16,8 @@ export default /*@__PURE__*/ _defineComponent({
     },
     setup (__props) {
         const isShow = ref(true);
-        const toggleShow = ()=>{
+        const toggleShow = (event)=>{
+            if (isParentHasClass(event.target, 'disable-click-toggle')) return;
             isShow.value = !isShow.value;
         };
         return (_ctx, _cache)=>{

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

@@ -1,10 +1,10 @@
 
-.collapse-title[data-v-izfjxzwu] {
+.collapse-title[data-v-1fh6qv6a] {
   height: 28px;
   background: #F0F1F5;
   border-radius: 2px;
   padding: 0 12px;
 }
-.collapse-title .is-hidden[data-v-izfjxzwu] {
+.collapse-title .is-hidden[data-v-1fh6qv6a] {
     transform: rotate(-90deg);
 }

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

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

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

@@ -39,7 +39,7 @@ export default /*@__PURE__*/ _defineComponent({
                         }
                     ]
                 ]),
-                _cache[1] || (_cache[1] = _createStaticVNode("<span class=\"click-full-screen g-cursor-pointer g-flex-row\" data-v-997gy1ah><i class=\"ai-ui-sdk-icon ai-ui-sdk-full-screen click-full-screen g-text-14 g-ml-24 g-mr-2\" data-v-997gy1ah></i><span class=\"g-text-12 click-full-screen\" data-v-997gy1ah>全屏</span></span><span class=\"click-un-full-screen g-cursor-pointer g-flex-row\" data-v-997gy1ah><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\" data-v-997gy1ah></i><span class=\"g-text-12 click-un-full-screen\" data-v-997gy1ah>取消全屏</span></span>", 2))
+                _cache[1] || (_cache[1] = _createStaticVNode("<span class=\"click-full-screen g-cursor-pointer g-flex-row\" data-v-ghd0qsn7><i class=\"ai-ui-sdk-icon ai-ui-sdk-full-screen click-full-screen g-text-14 g-ml-24 g-mr-2\" data-v-ghd0qsn7></i><span class=\"g-text-12 click-full-screen\" data-v-ghd0qsn7>全屏</span></span><span class=\"click-un-full-screen g-cursor-pointer g-flex-row\" data-v-ghd0qsn7><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\" data-v-ghd0qsn7></i><span class=\"g-text-12 click-un-full-screen\" data-v-ghd0qsn7>取消全屏</span></span>", 2))
             ]);
         };
     }

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

@@ -80,12 +80,15 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { defineComponent as _defineComponent } from 'vue';
-import { unref as _unref, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, createBlock as _createBlock, renderList as _renderList, Fragment as _Fragment, withModifiers as _withModifiers, createTextVNode as _createTextVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, createSlots as _createSlots } from "vue";
+import { unref as _unref, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createVNode as _createVNode, createBlock as _createBlock, renderList as _renderList, Fragment as _Fragment, createTextVNode as _createTextVNode, resolveDirective as _resolveDirective, withDirectives as _withDirectives, createSlots as _createSlots } from "vue";
 const _hoisted_1 = {
     key: 0,
     class: "g-text-14"
 };
 const _hoisted_2 = {
+    class: "g-flex-row g-justify-between g-width-full"
+};
+const _hoisted_3 = {
     key: 1,
     class: "value-content g-white-space-pre-line g-mb-16"
 };
@@ -93,6 +96,7 @@ import { EditLine } from 'bkui-vue/lib/icon';
 import { ref, toRef, watch } from 'vue';
 import RenderAutoHeightTextarea from '../../../render-auto-height-textarea/index.vue.js';
 import Collapse from '../../../render-collapse/index.vue.js';
+import DatasetDataToolIcons from '../dataset-data-tool-icons/index.vue.js';
 import { useDatasetHttp } from '../../../../hooks/use-dataset-http.ts.js';
 import useTable from '../../../../hooks/use-table.ts.js';
 export default /*@__PURE__*/ _defineComponent({
@@ -103,6 +107,7 @@ export default /*@__PURE__*/ _defineComponent({
         index: {},
         datasetId: {},
         apiPrefix: {},
+        schema: {},
         spaceId: {},
         search: {}
     },
@@ -260,45 +265,57 @@ export default /*@__PURE__*/ _defineComponent({
                                     }, {
                                         default: _withCtx(()=>[
                                                 (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(renderFormData.value, (value, key)=>{
-                                                    return _openBlock(), _createBlock(Collapse, {
+                                                    return _openBlock(), _createElementBlock("section", {
                                                         key: key,
-                                                        title: key,
-                                                        class: "g-mb-8"
-                                                    }, {
-                                                        suffix: _withCtx(()=>[
-                                                                _createVNode(_unref(EditLine), {
-                                                                    class: "g-ml-10 g-text-blue g-cursor-pointer",
-                                                                    onClick: _withModifiers(($event)=>handleEdit(key), [
-                                                                        "stop"
-                                                                    ])
-                                                                }, null, 8 /* PROPS */ , [
-                                                                    "onClick"
-                                                                ])
-                                                            ]),
-                                                        default: _withCtx(()=>[
-                                                                showEditKeys.value.includes(key) ? (_openBlock(), _createBlock(_component_bk_form_item, {
-                                                                    key: 0,
-                                                                    property: key,
-                                                                    required: ""
-                                                                }, {
-                                                                    default: _withCtx(()=>[
-                                                                            _createVNode(RenderAutoHeightTextarea, {
-                                                                                modelValue: editFormData.value[key],
-                                                                                "onUpdate:modelValue": ($event)=>editFormData.value[key] = $event,
-                                                                                height: 300
-                                                                            }, null, 8 /* PROPS */ , [
-                                                                                "modelValue",
-                                                                                "onUpdate:modelValue"
-                                                                            ])
+                                                        class: "full-screen-wrap g-bg-white"
+                                                    }, [
+                                                        _createVNode(Collapse, {
+                                                            title: key,
+                                                            class: "g-mb-8"
+                                                        }, {
+                                                            suffix: _withCtx(()=>[
+                                                                    _createElementVNode("span", _hoisted_2, [
+                                                                        _createVNode(_unref(EditLine), {
+                                                                            class: "g-ml-10 g-text-blue g-cursor-pointer disable-click-toggle",
+                                                                            onClick: ($event)=>handleEdit(key)
+                                                                        }, null, 8 /* PROPS */ , [
+                                                                            "onClick"
                                                                         ]),
-                                                                    _: 2 /* DYNAMIC */ 
-                                                                }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
-                                                                    "property"
-                                                                ])) : (_openBlock(), _createElementBlock("h5", _hoisted_2, _toDisplayString(value), 1 /* TEXT */ ))
-                                                            ]),
-                                                        _: 2 /* DYNAMIC */ 
-                                                    }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
-                                                        "title"
+                                                                        _createVNode(DatasetDataToolIcons, {
+                                                                            class: "disable-click-toggle",
+                                                                            tips: _ctx.schema[key]
+                                                                        }, null, 8 /* PROPS */ , [
+                                                                            "tips"
+                                                                        ])
+                                                                    ])
+                                                                ]),
+                                                            default: _withCtx(()=>[
+                                                                    showEditKeys.value.includes(key) ? (_openBlock(), _createBlock(_component_bk_form_item, {
+                                                                        key: 0,
+                                                                        property: key,
+                                                                        required: ""
+                                                                    }, {
+                                                                        default: _withCtx(()=>[
+                                                                                _createVNode(RenderAutoHeightTextarea, {
+                                                                                    modelValue: editFormData.value[key],
+                                                                                    "onUpdate:modelValue": ($event)=>editFormData.value[key] = $event,
+                                                                                    placeholder: _ctx.schema[key],
+                                                                                    height: 300
+                                                                                }, null, 8 /* PROPS */ , [
+                                                                                    "modelValue",
+                                                                                    "onUpdate:modelValue",
+                                                                                    "placeholder"
+                                                                                ])
+                                                                            ]),
+                                                                        _: 2 /* DYNAMIC */ 
+                                                                    }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
+                                                                        "property"
+                                                                    ])) : (_openBlock(), _createElementBlock("h5", _hoisted_3, _toDisplayString(value), 1 /* TEXT */ ))
+                                                                ]),
+                                                            _: 2 /* DYNAMIC */ 
+                                                        }, 1032 /* PROPS, DYNAMIC_SLOTS */ , [
+                                                            "title"
+                                                        ])
                                                     ]);
                                                 }), 128 /* KEYED_FRAGMENT */ ))
                                             ]),

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

@@ -1,15 +1,15 @@
 
-.content[data-v-nu1idcbg] {
+.content[data-v-2q2xpmkj] {
   padding: 18px 24px 0;
   height: 100%;
   overflow: auto;
 }
-.data-set-edit-slider .value-content[data-v-nu1idcbg] {
+.data-set-edit-slider .value-content[data-v-2q2xpmkj] {
     padding: 16px;
     border: 1px solid #DCDEE5;
     line-height: 22px;
 }
-.data-set-edit-slider[data-v-nu1idcbg] .bk-sideslider-title {
+.data-set-edit-slider[data-v-2q2xpmkj] .bk-sideslider-title {
     justify-content: space-between;
     width: 100%;
 }

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

@@ -4,6 +4,7 @@ interface IProps {
     index: number;
     datasetId: number;
     apiPrefix: string;
+    schema: Record<string, string>;
     spaceId?: string;
     search: IDatasetDataParam;
 }