@blueking/ai-ui-sdk 0.2.0-beta.6 → 0.2.0-beta.7

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

@@ -1,41 +1,41 @@
 
-.content[data-v-uw4m2mp4] {
+.content[data-v-4gnrdmsb] {
   padding: 18px 24px 0;
   height: 100%;
   overflow: auto;
 }
-.data-set-review-slider .value-content[data-v-uw4m2mp4] {
+.data-set-review-slider .value-content[data-v-4gnrdmsb] {
     padding: 16px;
     border: 1px solid #DCDEE5;
     line-height: 22px;
 }
-.data-set-review-slider .review-data[data-v-uw4m2mp4] {
+.data-set-review-slider .review-data[data-v-4gnrdmsb] {
     height: calc(100% - 337px);
     padding: 18px 24px;
 }
-.data-set-review-slider .review-level[data-v-uw4m2mp4] {
+.data-set-review-slider .review-level[data-v-4gnrdmsb] {
     box-shadow: 0 -2px 4px 0 #1919291f;
     height: 337px;
     padding: 16px 24px 24px;
 }
-.data-set-review-slider .review-level .level-score[data-v-uw4m2mp4] {
+.data-set-review-slider .review-level .level-score[data-v-4gnrdmsb] {
       gap: 50px;
 }
-.data-set-review-slider .review-level .level-score .bk-form-item[data-v-uw4m2mp4] {
+.data-set-review-slider .review-level .level-score .bk-form-item[data-v-4gnrdmsb] {
         flex: 1;
 }
-.data-set-review-slider .bold-title[data-v-uw4m2mp4] .bk-form-label {
+.data-set-review-slider .bold-title[data-v-4gnrdmsb] .bk-form-label {
       font-weight: bold;
       font-size: 14px;
 }
-.data-set-review-slider[data-v-uw4m2mp4] .bk-sideslider-title {
+.data-set-review-slider[data-v-4gnrdmsb] .bk-sideslider-title {
     justify-content: space-between;
     width: 100%;
 }
-.data-set-review-slider[data-v-uw4m2mp4] .bk-modal-content {
+.data-set-review-slider[data-v-4gnrdmsb] .bk-modal-content {
     height: calc(100% - 100px) !important;
     scrollbar-gutter: inherit !important;
 }
-.data-set-review-slider[data-v-uw4m2mp4] .bk-modal-content >div, .data-set-review-slider[data-v-uw4m2mp4] .bk-modal-content .bk-sideslider-content {
+.data-set-review-slider[data-v-4gnrdmsb] .bk-modal-content >div, .data-set-review-slider[data-v-4gnrdmsb] .bk-modal-content .bk-sideslider-content {
       height: 100%;
 }

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

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

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

@@ -1,15 +1,15 @@
 
-.origin-data-content[data-v-r06esosb] {
+.origin-data-content[data-v-ps7betud] {
   padding: 24px;
   height: calc(100% - 52px - 44px);
 }
-.origin-data-panel[data-v-r06esosb] {
+.origin-data-panel[data-v-ps7betud] {
   height: 100%;
   padding: 20px;
   background: #ffffff;
   box-shadow: 0 2px 4px 0 #1919290d;
   border-radius: 2px;
 }
-.origin-data-panel .toolbar-search[data-v-r06esosb] {
+.origin-data-panel .toolbar-search[data-v-ps7betud] {
     width: 6.17rem;
 }

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

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

package/dist/components/render-dataset-list/components/main.vue.css

@@ -1,15 +1,15 @@
 
-.main-content[data-v-xc5tnw3t] {
+.main-content[data-v-yd8xh6xs] {
   padding: 20px 24px;
   height: 100%;
 }
-.main-panel[data-v-xc5tnw3t] {
+.main-panel[data-v-yd8xh6xs] {
   height: 100%;
   padding: 20px 24px 24px;
   background: #ffffff;
   box-shadow: 0 2px 4px 0 #1919290d;
   border-radius: 2px;
 }
-.main-search[data-v-xc5tnw3t] {
+.main-search[data-v-yd8xh6xs] {
   width: 6.17rem;
 }

package/dist/components/render-dataset-list/components/main.vue.js

@@ -1,5 +1,5 @@
 import script from './main.script.vue.js.js';
-script.__scopeId = "data-v-xc5tnw3t";
+script.__scopeId = "data-v-yd8xh6xs";
 script.__file = "./src/components/render-dataset-list/components/main.vue";
 import './main.vue.css';
 export default script;

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

@@ -1,8 +1,8 @@
 
-.dataset-main[data-v-wwq09b9m] {
+.dataset-main[data-v-ytm9azeu] {
   height: calc(100% - 90px);
   margin-top: 2px;
 }
-[data-v-wwq09b9m] .dataset-main>.bk-resize-layout-main {
+[data-v-ytm9azeu] .dataset-main>.bk-resize-layout-main {
     width: 0;
 }

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

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

package/dist/components/render-file-card/index.vue.css

@@ -1,21 +1,21 @@
 
-.upload-file-home[data-v-aoncsxyx] {
+.upload-file-home[data-v-pwt6lkwg] {
   position: relative;
   background: #FFFFFF;
   border: 1px solid #DCDEE5;
   border-radius: 4px;
   padding: 12px 12px 10px 12px;
 }
-.upload-file-home[data-v-aoncsxyx]:hover {
+.upload-file-home[data-v-pwt6lkwg]:hover {
     border: 1px solid #3A84FF;
 }
-.upload-file-home:hover .file-icons[data-v-aoncsxyx] {
+.upload-file-home:hover .file-icons[data-v-pwt6lkwg] {
       display: flex;
 }
-.upload-file-home .file-icon[data-v-aoncsxyx] {
+.upload-file-home .file-icon[data-v-pwt6lkwg] {
     font-size: 32px;
 }
-.upload-file-home .file-content[data-v-aoncsxyx] {
+.upload-file-home .file-content[data-v-pwt6lkwg] {
     font-size: 12px;
     flex: 1;
     align-items: flex-start;
@@ -23,28 +23,28 @@
     font-weight: normal;
     width: 0;
 }
-.upload-file-home .file-content .file-name[data-v-aoncsxyx] {
+.upload-file-home .file-content .file-name[data-v-pwt6lkwg] {
       width: 100%;
       font-size: 14px;
       line-height: 20px;
 }
-.upload-file-home .file-content .file-size[data-v-aoncsxyx] {
+.upload-file-home .file-content .file-size[data-v-pwt6lkwg] {
       font-size: 12px;
       color: #979BA5;
       line-height: 20px;
 }
-.upload-file-home .file-icons[data-v-aoncsxyx] {
+.upload-file-home .file-icons[data-v-pwt6lkwg] {
     display: none;
     color: #979BA5;
 }
-.upload-file-home .file-icons .bkaidev-icon[data-v-aoncsxyx] {
+.upload-file-home .file-icons .bkaidev-icon[data-v-pwt6lkwg] {
       cursor: pointer;
       margin-right: 15px;
       font-size: 16px;
 }
-.upload-file-home .file-icons .bkaidev-icon[data-v-aoncsxyx]:hover {
+.upload-file-home .file-icons .bkaidev-icon[data-v-pwt6lkwg]:hover {
         color: #3A84FF;
 }
-.upload-file-home .file-icons .bkaidev-delete[data-v-aoncsxyx] {
+.upload-file-home .file-icons .bkaidev-delete[data-v-pwt6lkwg] {
       margin: 0;
 }

package/dist/components/render-file-card/index.vue.d.ts

@@ -1,10 +1,12 @@
 import type { IFileInfo } from '@/types/file';
-declare const __VLS_export: <T extends IFileInfo>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<{
+declare const __VLS_export: <T extends IFileInfo>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
         file: T;
     } & {
         onDelete?: (file: T) => any;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
@@ -16,6 +18,8 @@ declare const __VLS_export: <T extends IFileInfo>(__VLS_props: NonNullable<Await
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

package/dist/components/render-file-card/index.vue.js

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

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

@@ -1,16 +1,16 @@
 
-.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-fwubc4ij] {
+.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-fdafftei] {
   color: #EA3636;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-fwubc4ij], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-fwubc4ij], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-fwubc4ij] {
+.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-fdafftei], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-fdafftei], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-fdafftei] {
   color: #3A84FF;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-fwubc4ij] {
+.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-fdafftei] {
   color: #C4C6CC;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-fwubc4ij] {
+.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-fdafftei] {
   color: #2DCB56;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-fwubc4ij] {
+.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-fdafftei] {
   color: #14A568;
 }

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

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

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

@@ -1,13 +1,13 @@
 
-.header-home[data-v-2pccxa8h] {
+.header-home[data-v-ikccyals] {
   width: 100%;
   background: #FFFFFF;
   box-shadow: 0 3px 4px 0 #0000000a;
 }
-.render-tab[data-v-2pccxa8h] {
+.render-tab[data-v-ikccyals] {
   border-bottom: 2px solid transparent;
 }
-.render-tab.active[data-v-2pccxa8h] {
+.render-tab.active[data-v-ikccyals] {
     color: #3A84FF;
     border-bottom: 2px solid #3A84FF;
 }

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

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

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

@@ -1,20 +1,20 @@
 
-.dislike-icon[data-v-27qvsfud] {
+.dislike-icon[data-v-3xpsbzww] {
   transform: rotateX(180deg);
 }
-.option-items[data-v-27qvsfud] {
+.option-items[data-v-3xpsbzww] {
   padding: 1px 8px;
   background-color: #F0F1F5;
   line-height: 22px;
   border-radius: 2px;
 }
-.option-items[data-v-27qvsfud]:hover {
+.option-items[data-v-3xpsbzww]:hover {
     background-color: #E1ECFF;
     color: #3A84FF;
 }
-.option-items-selected[data-v-27qvsfud]{
+.option-items-selected[data-v-3xpsbzww]{
   background-color: #E1ECFF;
 }
-[data-v-27qvsfud] .bk-form-item {
+[data-v-3xpsbzww] .bk-form-item {
   margin-bottom: 17px;
 }

package/dist/components/render-like/index.vue.d.ts

@@ -10,11 +10,11 @@ interface IProps {
     popoverOptions?: Record<string, unknown>;
     tooltipOptions?: Record<string, unknown>;
 }
-declare var __VLS_7: {}, __VLS_9: {};
+declare var __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
-    like?: (props: typeof __VLS_7) => any;
+    like?: (props: typeof __VLS_8) => any;
 } & {
-    dislike?: (props: typeof __VLS_9) => any;
+    dislike?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update-session-content-list": (data: ISessionFeedback) => any;

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

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-27qvsfud";
+script.__scopeId = "data-v-3xpsbzww";
 script.__file = "./src/components/render-like/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-router-tab/index.vue.css

@@ -1,12 +1,12 @@
 
-.router-tab[data-v-uaa62p7s] {
+.router-tab[data-v-8096919w] {
   margin-top: 2px;
   height: 42px;
   background: #FFFFFF;
   box-shadow: 0 2px 4px 0 #1919290d;
   padding: 0 24px;
 }
-.router-tab a[data-v-uaa62p7s] {
+.router-tab a[data-v-8096919w] {
     padding: 0 8px;
     margin-right: 24px;
     font-size: 14px;
@@ -15,7 +15,7 @@
     color: #4D4F56;
     box-sizing: border-box;
 }
-.router-tab a.router-link-exact-active[data-v-uaa62p7s] {
+.router-tab a.router-link-exact-active[data-v-8096919w] {
       color: #3A84FF;
       border-bottom: 2px solid #3A84FF;
 }

package/dist/components/render-router-tab/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-uaa62p7s";
+script.__scopeId = "data-v-8096919w";
 script.__file = "./src/components/render-router-tab/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,11 +1,13 @@
-declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_PrettifyLocal<{
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
         search?: T;
         scene?: "page" | "part";
         description?: string;
     } & {
         "onUpdate:search"?: (data: T) => any;
-    }> & import("vue").PublicProps;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
@@ -15,6 +17,8 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
 };
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_PrettifyLocal<T> = {
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
     [K in keyof T as K]: T[K];
-} & {};
+}) & {};

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

@@ -1,6 +1,63 @@
+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;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 import { defineComponent as _defineComponent } from 'vue';
-import { resolveComponent as _resolveComponent, openBlock as _openBlock, createBlock as _createBlock } from "vue";
-import { computed } from 'vue';
+import { resolveComponent as _resolveComponent, createVNode as _createVNode, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, createElementBlock as _createElementBlock } from "vue";
+const _hoisted_1 = {
+    class: "g-flex-row"
+};
+import { computed, onBeforeMount, ref, toRef } from 'vue';
+import { useCommonHttp } from '../../hooks/use-common-http.ts.js';
+import { GroupType, Module } from '../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         data: {},
@@ -11,7 +68,13 @@ export default /*@__PURE__*/ _defineComponent({
         },
         getMenuList: {
             type: Function
-        }
+        },
+        isShowTagSearch: {
+            type: Boolean
+        },
+        apiPrefix: {},
+        spaceId: {},
+        module: {}
     },
     emits: [
         "update:modelValue"
@@ -19,7 +82,11 @@ export default /*@__PURE__*/ _defineComponent({
     setup (__props, { emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        const renderValue = computed(()=>Object.keys(props.modelValue || {}).reduce((acc, cur)=>{
+        const { getTagTree } = useCommonHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const tagList = ref([]);
+        const isLoadingTagList = ref(false);
+        const renderSearchSelectValue = computed(()=>Object.keys(props.modelValue || {}).reduce((acc, cur)=>{
+                if (cur === 'tagId') return acc;
                 const item = props.data.find((item)=>item.id === cur || (item === null || item === void 0 ? void 0 : item.multipleKey) === cur);
                 const value = props.modelValue[cur];
                 if (item === null || item === void 0 ? void 0 : item.multiple) {
@@ -71,6 +138,28 @@ export default /*@__PURE__*/ _defineComponent({
                 }
                 return acc;
             }, []));
+        const getTagIds = ()=>{
+            const tagId = props.modelValue.tagId;
+            if (tagId) {
+                const tagIds = [];
+                const buildTagIds = (tag)=>{
+                    const currentTagId = tag.tagId;
+                    tagIds.push(currentTagId);
+                    if (currentTagId === tagId) {
+                        return true;
+                    }
+                    const isHit = (tag.children || []).some(buildTagIds);
+                    if (isHit) {
+                        return true;
+                    }
+                    tagIds.pop();
+                    return false;
+                };
+                tagList.value.some(buildTagIds);
+                return tagIds;
+            }
+            return [];
+        };
         const hackValue = (value, valueType)=>{
             switch(valueType){
                 case 'number':
@@ -79,7 +168,7 @@ export default /*@__PURE__*/ _defineComponent({
                     return typeof value === 'string' ? String(value).trim() : value;
             }
         };
-        const handleUpdate = (values)=>{
+        const handleUpdateSearchSelectValue = (values)=>{
             // 不在模型中的数据，直接保留
             const keepModelValue = Object.keys(props.modelValue).reduce((acc, cur)=>{
                 const item = props.data.find((item)=>item.id === cur || (item === null || item === void 0 ? void 0 : item.multipleKey) === cur);
@@ -115,23 +204,90 @@ export default /*@__PURE__*/ _defineComponent({
             }, keepModelValue);
             emits('update:modelValue', modelValue);
         };
+        const handleUpdateCascaderValue = (tagIds)=>{
+            const tagId = tagIds[tagIds.length - 1];
+            // 防止组件误触发
+            if (tagId !== props.modelValue.tagId) {
+                emits('update:modelValue', _object_spread_props(_object_spread({}, props.modelValue), {
+                    tagId
+                }));
+            }
+        };
+        const handleGetTagTree = ()=>{
+            if (!props.isShowTagSearch) return;
+            const tagTreeModuleMap = {
+                [Module.Tool]: {
+                    module: Module.Tool,
+                    subModule: Module.Tool
+                },
+                [Module.Mcp]: {
+                    module: Module.Mcp,
+                    subModule: Module.Mcp
+                },
+                [Module.Agent]: {
+                    module: Module.Agent,
+                    subModule: Module.Agent
+                },
+                [Module.Collection]: {
+                    module: Module.Collection,
+                    subModule: Module.Collection
+                },
+                [Module.Prompt]: {
+                    module: Module.Prompt,
+                    subModule: Module.Prompt
+                },
+                [Module.Skill]: {
+                    module: Module.Skill,
+                    subModule: Module.Skill
+                }
+            };
+            const tagTreeModuleConfig = tagTreeModuleMap[props.module];
+            isLoadingTagList.value = true;
+            getTagTree(tagTreeModuleConfig.module, tagTreeModuleConfig.subModule, '', GroupType.All).then((data)=>{
+                tagList.value = data.tree;
+            }).finally(()=>{
+                isLoadingTagList.value = false;
+            });
+        };
+        onBeforeMount(handleGetTagTree);
         return (_ctx, _cache)=>{
             const _component_bk_search_select = _resolveComponent("bk-search-select");
-            return _openBlock(), _createBlock(_component_bk_search_select, {
-                "unique-select": "",
-                "value-behavior": "need-key",
-                "model-value": renderValue.value,
-                data: _ctx.data,
-                placeholder: _ctx.placeholder,
-                "validate-values": _ctx.validateValues,
-                "get-menu-list": _ctx.getMenuList,
-                "onUpdate:modelValue": handleUpdate
-            }, null, 8 /* PROPS */ , [
-                "model-value",
-                "data",
-                "placeholder",
-                "validate-values",
-                "get-menu-list"
+            const _component_bk_cascader = _resolveComponent("bk-cascader");
+            return _openBlock(), _createElementBlock("section", _hoisted_1, [
+                _createVNode(_component_bk_search_select, {
+                    "unique-select": "",
+                    "value-behavior": "need-key",
+                    class: "g-flex-1",
+                    "model-value": renderSearchSelectValue.value,
+                    data: _ctx.data,
+                    placeholder: _ctx.placeholder,
+                    "validate-values": _ctx.validateValues,
+                    "get-menu-list": _ctx.getMenuList,
+                    "onUpdate:modelValue": handleUpdateSearchSelectValue
+                }, null, 8 /* PROPS */ , [
+                    "model-value",
+                    "data",
+                    "placeholder",
+                    "validate-values",
+                    "get-menu-list"
+                ]),
+                _ctx.isShowTagSearch ? (_openBlock(), _createBlock(_component_bk_cascader, {
+                    key: 0,
+                    class: "g-width-200 g-ml-8",
+                    clearable: "",
+                    placeholder: "搜索标签",
+                    "id-key": "tagId",
+                    "name-key": "tagName",
+                    "show-complete-name": false,
+                    loading: isLoadingTagList.value,
+                    list: tagList.value,
+                    "model-value": getTagIds(),
+                    "onUpdate:modelValue": handleUpdateCascaderValue
+                }, null, 8 /* PROPS */ , [
+                    "loading",
+                    "list",
+                    "model-value"
+                ])) : _createCommentVNode("v-if", true)
             ]);
         };
     }