@blueking/ai-ui-sdk 0.3.0-beta.24 → 0.3.0-beta.26

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

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

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

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

package/dist/components/render-markdown/filter-css.ts.js

@@ -49,6 +49,10 @@ const SAFE_COLOR_KEYWORDS = new Set([
     'pink',
     'brown'
 ]);
+const SAFE_ATTRIBUTES = new Set([
+    'data-nodeid',
+    'data-clipboard-text'
+]);
 const isSafeCssValue = (value)=>{
     return !DANGEROUS_CSS_VALUE_RE.test(value);
 };
@@ -132,7 +136,8 @@ export const escapeHtml = (html)=>{
                 'class'
             ],
             i: [
-                'class'
+                'class',
+                'title'
             ],
             span: [
                 'class',
@@ -201,7 +206,7 @@ export const escapeHtml = (html)=>{
             ]
         },
         onTagAttr (tag, name, value) {
-            if (name === 'data-nodeid') {
+            if (SAFE_ATTRIBUTES.has(name)) {
                 return `${name}="${value}"`;
             }
         },

package/dist/components/render-mcp/install/index.script.vue.js.js

@@ -1,19 +1,24 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { unref as _unref, createElementVNode as _createElementVNode, toDisplayString as _toDisplayString, resolveComponent as _resolveComponent, createVNode as _createVNode, withCtx as _withCtx, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode } from "vue";
 const _hoisted_1 = {
     class: "g-flex-row"
 };
 const _hoisted_2 = {
     class: "g-text-14 g-text-gray"
 };
-import { ref } from 'vue';
+import { ref, toRef, watch } from 'vue';
+import RenderInstallGuide from './install-guide.vue.js';
+import { useMcpHttp } from '../../../hooks/use-mcp-http.ts.js';
+import { McpInstallTargetType } from '../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         isShow: {
             type: Boolean
         },
+        mcpConfig: {},
         selectedMcp: {},
-        mcpConfig: {}
+        apiPrefix: {},
+        spaceId: {}
     },
     emits: [
         "update:isShow"
@@ -21,30 +26,13 @@ export default /*@__PURE__*/ _defineComponent({
     setup (__props, { emit: __emit }) {
         const props = __props;
         const emits = __emit;
-        const formData = ref({
-            selectedId: 'Cursor'
-        });
-        const formRef = ref(null);
-        const IDEList = ref([
-            {
-                id: 'Cursor',
-                name: 'Cursor'
-            }
-        ]);
+        const { getMcpInstallTargets } = useMcpHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const isLoadingInstallTargets = ref(false);
+        const installTargets = ref([]);
+        const selectedInstallTargetType = ref();
         const handleClose = ()=>{
             emits('update:isShow', false);
         };
-        const handleConfirm = ()=>{
-            var _formRef_value;
-            (_formRef_value = formRef.value) === null || _formRef_value === void 0 ? void 0 : _formRef_value.validate().then(()=>{
-                handleMcpInstall();
-            });
-        };
-        const handleMcpInstall = ()=>{
-            if (formData.value.selectedId === IDEList.value[0].id) {
-                handleCursorInstall();
-            }
-        };
         // 安装至 Cursor
         const handleCursorInstall = ()=>{
             const base64Config = btoa(String.fromCharCode(...new TextEncoder().encode(props.mcpConfig)));
@@ -53,15 +41,37 @@ export default /*@__PURE__*/ _defineComponent({
                 config: base64Config
             });
             window.open(`cursor://anysphere.cursor-deeplink/mcp/install?${params}`, '_blank');
+        };
+        const handleConfirm = ()=>{
+            if (selectedInstallTargetType.value === McpInstallTargetType.Cursor) {
+                handleCursorInstall();
+            }
             handleClose();
         };
+        const handleGetInstallTargets = ()=>{
+            isLoadingInstallTargets.value = true;
+            getMcpInstallTargets().then((res)=>{
+                var _res_;
+                installTargets.value = res;
+                selectedInstallTargetType.value = (_res_ = res[0]) === null || _res_ === void 0 ? void 0 : _res_.targetType;
+            }).finally(()=>{
+                isLoadingInstallTargets.value = false;
+            });
+        };
+        watch(()=>props.isShow, (val)=>{
+            if (val) {
+                handleGetInstallTargets();
+            }
+        });
         return (_ctx, _cache)=>{
             const _component_bk_select = _resolveComponent("bk-select");
             const _component_bk_form_item = _resolveComponent("bk-form-item");
             const _component_bk_form = _resolveComponent("bk-form");
             const _component_bk_dialog = _resolveComponent("bk-dialog");
             return _openBlock(), _createBlock(_component_bk_dialog, {
+                width: 600,
                 "is-show": props.isShow,
+                "confirm-text": selectedInstallTargetType.value === _unref(McpInstallTargetType).Cursor ? '安装' : '确认',
                 onClosed: handleClose,
                 onConfirm: handleConfirm
             }, {
@@ -78,31 +88,49 @@ export default /*@__PURE__*/ _defineComponent({
                     ]),
                 default: _withCtx(()=>[
                         _createVNode(_component_bk_form, {
-                            ref_key: "formRef",
-                            ref: formRef,
                             "form-type": "vertical",
-                            model: formData.value
+                            class: "g-small-form g-small-gap-form",
+                            model: {
+                                selectedInstallTargetType: selectedInstallTargetType.value
+                            }
                         }, {
                             default: _withCtx(()=>[
                                     _createVNode(_component_bk_form_item, {
                                         label: "安装至 IDE",
-                                        property: "selectedId",
+                                        property: "selectedInstallTargetType",
                                         required: ""
                                     }, {
                                         default: _withCtx(()=>[
                                                 _createVNode(_component_bk_select, {
-                                                    modelValue: formData.value.selectedId,
-                                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>formData.value.selectedId = $event),
-                                                    "id-key": "id",
-                                                    "display-key": "name",
-                                                    list: IDEList.value
+                                                    modelValue: selectedInstallTargetType.value,
+                                                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event)=>selectedInstallTargetType.value = $event),
+                                                    "id-key": "targetType",
+                                                    "display-key": "displayName",
+                                                    list: installTargets.value,
+                                                    loading: isLoadingInstallTargets.value,
+                                                    clearable: false
                                                 }, null, 8 /* PROPS */ , [
                                                     "modelValue",
-                                                    "list"
+                                                    "list",
+                                                    "loading"
                                                 ])
                                             ]),
                                         _: 1 /* STABLE */ 
-                                    })
+                                    }),
+                                    selectedInstallTargetType.value ? (_openBlock(), _createBlock(RenderInstallGuide, {
+                                        key: 0,
+                                        "mcp-type": props.selectedMcp.mcpType,
+                                        "mcp-id": props.selectedMcp.id,
+                                        "api-prefix": props.apiPrefix,
+                                        "space-id": props.spaceId,
+                                        "mcp-install-target-type": selectedInstallTargetType.value
+                                    }, null, 8 /* PROPS */ , [
+                                        "mcp-type",
+                                        "mcp-id",
+                                        "api-prefix",
+                                        "space-id",
+                                        "mcp-install-target-type"
+                                    ])) : _createCommentVNode("v-if", true)
                                 ]),
                             _: 1 /* STABLE */ 
                         }, 8 /* PROPS */ , [
@@ -111,7 +139,8 @@ export default /*@__PURE__*/ _defineComponent({
                     ]),
                 _: 1 /* STABLE */ 
             }, 8 /* PROPS */ , [
-                "is-show"
+                "is-show",
+                "confirm-text"
             ]);
         };
     }

package/dist/components/render-mcp/install/index.vue.d.ts

@@ -1,8 +1,10 @@
-import { IMcp } from '@/types/mcp';
+import type { IMcp } from '@/types/mcp';
 interface IProps {
     isShow: boolean;
-    selectedMcp: IMcp;
     mcpConfig?: string;
+    selectedMcp: IMcp;
+    apiPrefix: string;
+    spaceId?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:isShow": (value: boolean) => any;

package/dist/components/render-mcp/install/install-guide.script.vue.js.js

@@ -0,0 +1,60 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { unref as _unref, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, resolveComponent as _resolveComponent, withCtx as _withCtx } from "vue";
+import { ref, toRef, watch } from 'vue';
+import RenderMarkdown from '../../render-markdown/view.ts.js';
+import RenderSearchEmpty from '../../render-search-empty/index.vue.js';
+import { useMcpHttp } from '../../../hooks/use-mcp-http.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        apiPrefix: {},
+        spaceId: {},
+        mcpInstallTargetType: {},
+        mcpType: {},
+        mcpId: {}
+    },
+    setup (__props) {
+        const props = __props;
+        const { getMcpInstallGuide } = useMcpHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const isLoading = ref(false);
+        const installGuide = ref('');
+        const handleGetInstallGuide = ()=>{
+            isLoading.value = true;
+            const params = {
+                targetType: props.mcpInstallTargetType,
+                mcpType: props.mcpType,
+                mcpId: props.mcpId
+            };
+            getMcpInstallGuide(params).then((res)=>{
+                installGuide.value = res.markdown;
+            }).finally(()=>{
+                isLoading.value = false;
+            });
+        };
+        watch(()=>props.mcpInstallTargetType, handleGetInstallGuide, {
+            immediate: true
+        });
+        return (_ctx, _cache)=>{
+            const _component_bk_loading = _resolveComponent("bk-loading");
+            return _openBlock(), _createBlock(_component_bk_loading, {
+                loading: isLoading.value
+            }, {
+                default: _withCtx(()=>[
+                        installGuide.value ? (_openBlock(), _createBlock(_unref(RenderMarkdown), {
+                            key: 0,
+                            value: installGuide.value,
+                            padding: "0"
+                        }, null, 8 /* PROPS */ , [
+                            "value"
+                        ])) : !isLoading.value ? (_openBlock(), _createBlock(RenderSearchEmpty, {
+                            key: 1,
+                            scene: "part",
+                            description: "暂无安装指南"
+                        })) : _createCommentVNode("v-if", true)
+                    ]),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "loading"
+            ]);
+        };
+    }
+});

package/dist/components/render-mcp/install/install-guide.vue.d.ts

@@ -0,0 +1,11 @@
+import { McpType } from '@/types/enum';
+interface IProps {
+    apiPrefix: string;
+    spaceId?: string;
+    mcpInstallTargetType?: string;
+    mcpType: McpType;
+    mcpId: number;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/render-mcp/install/install-guide.vue.js

@@ -0,0 +1,3 @@
+import script from './install-guide.script.vue.js.js';
+script.__file = "./src/components/render-mcp/install/install-guide.vue";
+export default script;

package/dist/components/render-prompt/content/index.vue.css

@@ -1,5 +1,5 @@
 
-.resource-card-description[data-v-2fe6dzzu] {
+.resource-card-description[data-v-0bvls7gl] {
   color: #4D4F56;
   height: 120px;
   white-space: pre-wrap;

package/dist/components/render-prompt/content/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-2fe6dzzu";
+script.__scopeId = "data-v-0bvls7gl";
 script.__file = "./src/components/render-prompt/content/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,8 +1,8 @@
 
-.reference-table[data-v-2slaq5m4]{
+.reference-table[data-v-r11dnu7s]{
   padding: 18px 24px;
 }
-.bk-radio-button[data-v-2slaq5m4]{
+.bk-radio-button[data-v-r11dnu7s]{
   flex: 1;
   text-align: center;
 }

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

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

package/dist/components/render-resource-version/index.vue.css

@@ -1,11 +1,11 @@
 
-.resource-version[data-v-3xd80zha] {
+.resource-version[data-v-qm4bcjxl] {
   border-radius: 2px;
   text-align: left;
   color: #4D4F56;
   background-color: #F0F1F5;
   white-space: nowrap;
 }
-.resource-version .bkaidev-rizhifenxi[data-v-3xd80zha] {
+.resource-version .bkaidev-rizhifenxi[data-v-qm4bcjxl] {
     color: #3A84FF;
 }

package/dist/components/render-resource-version/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-3xd80zha";
+script.__scopeId = "data-v-qm4bcjxl";
 script.__file = "./src/components/render-resource-version/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-acu208kr] {
+.router-tab[data-v-grpipa06] {
   margin-top: 2px;
   height: 42px;
   background: #FFFFFF;
   box-shadow: 0 2px 4px 0 #1919290d;
   padding: 0 24px;
 }
-.router-tab a[data-v-acu208kr] {
+.router-tab a[data-v-grpipa06] {
     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-acu208kr] {
+.router-tab a.router-link-exact-active[data-v-grpipa06] {
       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-acu208kr";
+script.__scopeId = "data-v-grpipa06";
 script.__file = "./src/components/render-router-tab/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-select-plus-extension/index.vue.css

@@ -1,5 +1,5 @@
 
-.select-plus-extension[data-v-ovw55bu5] {
+.select-plus-extension[data-v-lhgb7f4a] {
   cursor: pointer;
   width: 100%;
   display: flex;
@@ -8,10 +8,10 @@
   font-size: 12px;
   line-height: 20px;
 }
-.select-plus-extension .ai-ui-sdk-icon[data-v-ovw55bu5]  {
+.select-plus-extension .ai-ui-sdk-icon[data-v-lhgb7f4a]  {
     font-size: 14px;
     margin-right: 6px;
 }
-.select-plus-extension[data-v-ovw55bu5]:hover {
+.select-plus-extension[data-v-lhgb7f4a]:hover {
     color: #3A84FF;
 }

package/dist/components/render-select-plus-extension/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-ovw55bu5";
+script.__scopeId = "data-v-lhgb7f4a";
 script.__file = "./src/components/render-select-plus-extension/index.vue";
 import './index.vue.css';
 export default script;

package/dist/components/render-t-table/index.vue.css

@@ -1,12 +1,12 @@
 
-.t-t-pagination[data-v-2lgfoy1s] {
+.t-t-pagination[data-v-0q9zv5ls] {
   position: relative;
   padding: 16px 16px 0 16px;
 }
-.t-t-pagination[data-v-2lgfoy1s] .bk-pagination-list.is-last {
+.t-t-pagination[data-v-0q9zv5ls] .bk-pagination-list.is-last {
     margin-left: auto;
 }
-.pagination-loading[data-v-2lgfoy1s]::after {
+.pagination-loading[data-v-0q9zv5ls]::after {
     content: '';
     position: absolute;
     top: 0;
@@ -16,92 +16,93 @@
     background-color: rgba(255, 255, 255, 0.6);
     z-index: 72;
 }
-.pagination-border[data-v-2lgfoy1s] {
+.pagination-border[data-v-0q9zv5ls] {
   border-right: 1px solid #dcdee5;
   border-left: 1px solid #dcdee5;
   border-bottom: 1px solid #dcdee5;
   padding-bottom: 16px;
 }
-.t-t-table[data-v-2lgfoy1s] {
+.t-t-table[data-v-0q9zv5ls] {
   display: inline;
   font-size: 12px;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__th-cell-inner {
+.t-t-table[data-v-0q9zv5ls] .t-table__th-cell-inner {
     color: #313238;
 }
-.t-t-table[data-v-2lgfoy1s] th {
+.t-t-table[data-v-0q9zv5ls] th {
     padding: 0 16px;
     height: 42px;
     background-color: #FAFBFD !important;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__body tr {
+.t-t-table[data-v-0q9zv5ls] .t-table__body tr {
     color: #63656e;
     font-size: 12px;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__body tr td {
+.t-t-table[data-v-0q9zv5ls] .t-table__body tr td {
       padding: 0 16px;
       height: 40px;
+      background-color: #fff;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__body tr:hover td {
+.t-t-table[data-v-0q9zv5ls] .t-table__body tr:hover td {
     background-color: #f5f7fa !important;
     color: #63656E;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__content .t-table__body .t-table__empty-row {
+.t-t-table[data-v-0q9zv5ls] .t-table__content .t-table__body .t-table__empty-row {
     background-color: #fff !important;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__content .t-table__body .t-table__empty-row >td {
+.t-t-table[data-v-0q9zv5ls] .t-table__content .t-table__body .t-table__empty-row >td {
       border: none;
 }
-.t-t-table[data-v-2lgfoy1s] th .t-table__ellipsis {
+.t-t-table[data-v-0q9zv5ls] th .t-table__ellipsis {
     width: auto !important;
 }
-.t-t-table[data-v-2lgfoy1s] .t-loading__gradient.t-icon-loading {
+.t-t-table[data-v-0q9zv5ls] .t-loading__gradient.t-icon-loading {
     display: none;
 }
-.t-t-table[data-v-2lgfoy1s]:first-of-type .t-table__affixed-header-elm-wrap{
+.t-t-table[data-v-0q9zv5ls]:first-of-type .t-table__affixed-header-elm-wrap{
       width: calc(100% - 6px) !important;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__affixed-header-elm-wrap>div {
+.t-t-table[data-v-0q9zv5ls] .t-table__affixed-header-elm-wrap>div {
       width: 100% !important;
       scrollbar-width: none;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table--layout-fixed{
+.t-t-table[data-v-0q9zv5ls] .t-table--layout-fixed{
     width: 100% !important;
 }
-.t-t-table[data-v-2lgfoy1s] .bk-exception-description{
+.t-t-table[data-v-0q9zv5ls] .bk-exception-description{
     margin-bottom: 0;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__content{
+.t-t-table[data-v-0q9zv5ls] .t-table__content{
     z-index: 2;
     max-height: 100%;
     overflow: auto;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__content::-webkit-scrollbar {
+.t-t-table[data-v-0q9zv5ls] .t-table__content::-webkit-scrollbar {
       width: 6px;
       height: 6px;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__content::-webkit-scrollbar-thumb {
+.t-t-table[data-v-0q9zv5ls] .t-table__content::-webkit-scrollbar-thumb {
       width: 6px;
       height: 6px;
       border-radius: 3px;
       background-color: #dcdee5;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__content::-webkit-scrollbar-thumb:hover {
+.t-t-table[data-v-0q9zv5ls] .t-table__content::-webkit-scrollbar-thumb:hover {
         background-color: #979ba5;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__ellipsis.t-text-ellipsis:has(.checkbox){
+.t-t-table[data-v-0q9zv5ls] .t-table__ellipsis.t-text-ellipsis:has(.checkbox){
     line-height: 100%;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__cell--sort-trigger.t-table__double-icons{
+.t-t-table[data-v-0q9zv5ls] .t-table__cell--sort-trigger.t-table__double-icons{
     gap: 5px;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__sort-icon--active>i{
+.t-t-table[data-v-0q9zv5ls] .t-table__sort-icon--active>i{
     color: #3a84ff !important;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__cell--fixed-left:has(.checkbox){
+.t-t-table[data-v-0q9zv5ls] .t-table__cell--fixed-left:has(.checkbox){
     line-height: 100%;
 }
-.t-t-table[data-v-2lgfoy1s] .t-table__filter-icon.t-is-focus>span{
+.t-t-table[data-v-0q9zv5ls] .t-table__filter-icon.t-is-focus>span{
     color: #3a84ff !important;
 }
 

package/dist/components/render-t-table/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js';
-script.__scopeId = "data-v-2lgfoy1s";
+script.__scopeId = "data-v-0q9zv5ls";
 script.__file = "./src/components/render-t-table/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,28 +1,28 @@
 
-.tag-tree[data-v-nkgebzcn] {
+.tag-tree[data-v-wsb3lib0] {
   font-size: 12px;
   height: auto;
   max-height: calc(100% - 44px);
 }
-.tag-tree .manage-tree-item[data-v-nkgebzcn] {
+.tag-tree .manage-tree-item[data-v-wsb3lib0] {
     height: 32px;
     flex: 1;
 }
-.tag-tree .quick-icon[data-v-nkgebzcn] {
+.tag-tree .quick-icon[data-v-wsb3lib0] {
     margin-left: -24px;
     padding-left: 8px;
 }
-.tag-tree[data-v-nkgebzcn] .tree-item:has(.bottom-line) {
+.tag-tree[data-v-wsb3lib0] .tree-item:has(.bottom-line) {
       border-bottom: 1px solid #F0F1F5;
 }
-.tag-tree[data-v-nkgebzcn] .tree-item.active .quick-icon {
+.tag-tree[data-v-wsb3lib0] .tree-item.active .quick-icon {
         color: #3A84FF;
 }
-.tag-tree[data-v-nkgebzcn] .tree-item.active .tag-number {
+.tag-tree[data-v-wsb3lib0] .tree-item.active .tag-number {
         background: #A3C5FD;
         color: #fff;
 }
-.tag-number[data-v-nkgebzcn] {
+.tag-number[data-v-wsb3lib0] {
   line-height: 16px;
   padding: 0 4px;
   background-color: #F0F1F5;

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

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