@blueking/ai-ui-sdk 0.3.0-beta.9 → 0.4.1-beta.1

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)));
@@ -52,16 +40,43 @@ export default /*@__PURE__*/ _defineComponent({
                 name: props.selectedMcp.mcpCode,
                 config: base64Config
             });
-            window.open(`cursor://anysphere.cursor-deeplink/mcp/install?${params}`, '_blank');
+            window.open(`cursor://anysphere.cursor-deeplink/mcp/install?${params}`, '_blank', 'noopener,noreferrer');
+        };
+        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;
+            });
+        };
+        const handleClearChoosen = ()=>{
+            selectedInstallTargetType.value = undefined;
+        };
+        watch(()=>props.isShow, (val)=>{
+            if (val) {
+                handleGetInstallTargets();
+            } else {
+                handleClearChoosen();
+            }
+        });
         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 +93,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",
+                                        label: "安装至",
+                                        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 +144,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-permission-tag/index.script.vue.js

@@ -36,7 +36,7 @@ export default /*@__PURE__*/ _defineComponent({
                 icon: _withCtx(()=>[
                         ..._cache[0] || (_cache[0] = [
                             _createElementVNode("i", {
-                                class: "bkaidev-icon bkaidev-lock-2 g-text-8"
+                                class: "ai-ui-sdk-icon ai-ui-sdk-lock-2 g-text-8"
                             }, null, -1 /* CACHED */ )
                         ])
                     ]),
@@ -84,7 +84,7 @@ export default /*@__PURE__*/ _defineComponent({
                             icon: _withCtx(()=>[
                                     ..._cache[4] || (_cache[4] = [
                                         _createElementVNode("i", {
-                                            class: "bkaidev-icon bkaidev-lock-2 g-text-8"
+                                            class: "ai-ui-sdk-icon ai-ui-sdk-lock-2 g-text-8"
                                         }, null, -1 /* CACHED */ )
                                     ])
                                 ]),

package/dist/components/render-prompt/actions/index.script.vue.js.js

@@ -275,7 +275,7 @@ export default /*@__PURE__*/ _defineComponent({
                                 default: _withCtx(()=>[
                                         ..._cache[10] || (_cache[10] = [
                                             _createElementVNode("i", {
-                                                class: "bkaidev-icon bkaidev-gengduo-2 g-text-16"
+                                                class: "ai-ui-sdk-icon ai-ui-sdk-gengduo-2 g-text-16"
                                             }, null, -1 /* CACHED */ )
                                         ])
                                     ]),

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

@@ -1,5 +1,5 @@
 
-.resource-card-description[data-v-n4omzhmn] {
+.resource-card-description[data-v-25dnglzl] {
   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-n4omzhmn";
+script.__scopeId = "data-v-25dnglzl";
 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-u243vss6]{
+.reference-table[data-v-ipmwqtm9]{
   padding: 18px 24px;
 }
-.bk-radio-button[data-v-u243vss6]{
+.bk-radio-button[data-v-ipmwqtm9]{
   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-u243vss6";
+script.__scopeId = "data-v-ipmwqtm9";
 script.__file = "./src/components/render-reference/index.vue";
 import './index.vue.css';
 export default script;