@blueking/ai-ui-sdk 0.5.0-beta.2 → 0.5.0-beta.4

package/dist/components/render-markdown/prism-atom-one-dark.postcss.css

@@ -0,0 +1,192 @@
+/**
+ * Prism.js theme like highlight.js atom-one-dark
+ * Background: #282c34
+ * Foreground: #abb2bf
+ */
+
+code[class*='language-'],
+pre[class*='language-'] {
+  color: #abb2bf;
+  background: none;
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-size: 14px;
+  line-height: 1.6;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  word-wrap: normal;
+  tab-size: 2;
+  hyphens: none;
+  text-shadow: none;
+}
+
+pre[class*='language-'] {
+  margin: 12px 0;
+  padding: 16px;
+  overflow: auto;
+  border-radius: 8px;
+  background: #282c34;
+}
+
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+  background: #282c34;
+}
+
+:not(pre) > code[class*='language-'] {
+  padding: 2px 6px;
+  border-radius: 4px;
+  color: #e06c75;
+}
+
+/* Toast UI Editor preview / viewer 兜底 */
+.toastui-editor-contents pre,
+.tui-editor-contents pre {
+  background: #282c34 !important;
+  color: #abb2bf !important;
+  border-radius: 8px;
+  padding: 16px;
+  overflow-x: auto;
+}
+
+.toastui-editor-contents pre code,
+.tui-editor-contents pre code {
+  background: transparent !important;
+  color: #abb2bf !important;
+  text-shadow: none !important;
+  font-family: Consolas,
+    Monaco,
+    'Andale Mono',
+    'Ubuntu Mono',
+    monospace;
+  font-size: 14px;
+  line-height: 1.6;
+}
+
+.toastui-editor-contents pre code span,
+.tui-editor-contents pre code span,
+.toastui-editor-contents .token,
+.tui-editor-contents .token {
+  text-shadow: none !important;
+}
+
+/* 注释 */
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #5c6370;
+  font-style: italic;
+}
+
+/* 标点 */
+.token.punctuation {
+  color: #abb2bf;
+}
+
+/* 命名空间 */
+.token.namespace {
+  opacity: .7;
+}
+
+/* 标签、属性、选择器 */
+.token.tag,
+.token.selector {
+  color: #e06c75;
+}
+
+.token.attr-name {
+  color: #d19a66;
+}
+
+.token.attr-value,
+.token.string,
+.token.char,
+.token.inserted {
+  color: #98c379;
+}
+
+/* 关键字 */
+.token.keyword,
+.token.atrule {
+  color: #c678dd;
+}
+
+/* 布尔、数字、常量 */
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol {
+  color: #d19a66;
+}
+
+/* 函数 */
+.token.function {
+  color: #61afef;
+}
+
+/* 类名、类型 */
+.token.class-name,
+.token.builtin {
+  color: #e5c07b;
+}
+
+/* 属性、变量 */
+.token.property,
+.token.variable {
+  color: #e06c75;
+}
+
+/* 操作符 */
+.token.operator {
+  color: #56b6c2;
+}
+
+/* 正则、重要内容 */
+.token.regex,
+.token.important {
+  color: #c678dd;
+}
+
+/* URL / 实体 */
+.token.url,
+.token.entity {
+  color: #56b6c2;
+}
+
+/* 删除 */
+.token.deleted {
+  color: #e06c75;
+}
+
+/* bold / italic */
+.token.bold {
+  font-weight: 700;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+/* Prism line numbers 插件兼容 */
+pre[class*='language-'].line-numbers {
+  position: relative;
+  padding-left: 3.8em;
+  counter-reset: linenumber;
+}
+
+.line-numbers .line-numbers-rows {
+  border-right: 1px solid #3e4451;
+}
+
+.line-numbers-rows > span::before {
+  color: #636d83;
+}
+
+/* 选中文本 */
+pre[class*='language-'] ::selection,
+code[class*='language-'] ::selection {
+  background: #3e4451;
+  color: inherit;
+}

package/dist/components/render-markdown/view.postcss.css

@@ -0,0 +1,99 @@
+.aidev-markdown-preview .toastui-editor-contents,
+.toastui-editor .toastui-editor-contents,
+.toastui-editor-md-preview .toastui-editor-contents {
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
+}
+
+  .aidev-markdown-preview .toastui-editor-contents pre, .toastui-editor .toastui-editor-contents pre, .toastui-editor-md-preview .toastui-editor-contents pre {
+    max-height: 500px;
+    overflow-y: auto;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents pre::-webkit-scrollbar, .toastui-editor .toastui-editor-contents pre::-webkit-scrollbar, .toastui-editor-md-preview .toastui-editor-contents pre::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+    }
+
+  .aidev-markdown-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb, .toastui-editor .toastui-editor-contents pre::-webkit-scrollbar-thumb, .toastui-editor-md-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb {
+      width: 6px;
+      height: 6px;
+      border-radius: 3px;
+      background-color: #dcdee5;
+    }
+
+  .aidev-markdown-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb:hover, .toastui-editor .toastui-editor-contents pre::-webkit-scrollbar-thumb:hover, .toastui-editor-md-preview .toastui-editor-contents pre::-webkit-scrollbar-thumb:hover {
+        background-color: #979ba5;
+      }
+
+  .aidev-markdown-preview .toastui-editor-contents p,
+  .aidev-markdown-preview .toastui-editor-contents td,
+  .toastui-editor .toastui-editor-contents p,
+  .toastui-editor .toastui-editor-contents td,
+  .toastui-editor-md-preview .toastui-editor-contents p,
+  .toastui-editor-md-preview .toastui-editor-contents td {
+    color: #4d4f56;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents h1, .toastui-editor .toastui-editor-contents h1, .toastui-editor-md-preview .toastui-editor-contents h1 {
+    margin: 36px 0 20px;
+    border-bottom: 2px solid #eaecef;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents h2, .toastui-editor .toastui-editor-contents h2, .toastui-editor-md-preview .toastui-editor-contents h2 {
+    margin: 32px 0 16px;
+    border-bottom: 1px solid #eaecef;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents h3, .toastui-editor .toastui-editor-contents h3, .toastui-editor-md-preview .toastui-editor-contents h3 {
+    margin: 24px 0 12px;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents h4, .toastui-editor .toastui-editor-contents h4, .toastui-editor-md-preview .toastui-editor-contents h4 {
+    margin: 18px 0 8px;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents h5,
+  .aidev-markdown-preview .toastui-editor-contents h6,
+  .toastui-editor .toastui-editor-contents h5,
+  .toastui-editor .toastui-editor-contents h6,
+  .toastui-editor-md-preview .toastui-editor-contents h5,
+  .toastui-editor-md-preview .toastui-editor-contents h6 {
+    margin: 14px 0 4px;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents i, .toastui-editor .toastui-editor-contents i, .toastui-editor-md-preview .toastui-editor-contents i {
+    font-style: normal;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents table th, .toastui-editor .toastui-editor-contents table th, .toastui-editor-md-preview .toastui-editor-contents table th {
+      background-color: #fff;
+      color: #4d4f56;
+      font-weight: bold;
+    }
+
+  .aidev-markdown-preview .toastui-editor-contents table tr:nth-of-type(odd), .toastui-editor .toastui-editor-contents table tr:nth-of-type(odd), .toastui-editor-md-preview .toastui-editor-contents table tr:nth-of-type(odd) {
+        background-color: #f6f8fa;
+      }
+
+  .aidev-markdown-preview .toastui-editor-contents table tr:nth-of-type(even), .toastui-editor .toastui-editor-contents table tr:nth-of-type(even), .toastui-editor-md-preview .toastui-editor-contents table tr:nth-of-type(even) {
+        background-color: #fff;
+      }
+
+  .aidev-markdown-preview .toastui-editor-contents .markdown-code-copy-wrap, .toastui-editor .toastui-editor-contents .markdown-code-copy-wrap, .toastui-editor-md-preview .toastui-editor-contents .markdown-code-copy-wrap {
+    position: relative;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents .markdown-code-copy-button, .toastui-editor .toastui-editor-contents .markdown-code-copy-button, .toastui-editor-md-preview .toastui-editor-contents .markdown-code-copy-button {
+    position: sticky;
+    top: -16px;
+    float: right;
+    margin: -25px -12px 0 0;
+    font-size: 14px;
+    color: #979ba5;
+    cursor: pointer;
+    user-select: none;
+  }
+
+  .aidev-markdown-preview .toastui-editor-contents .markdown-code-copy-button:hover, .toastui-editor .toastui-editor-contents .markdown-code-copy-button:hover, .toastui-editor-md-preview .toastui-editor-contents .markdown-code-copy-button:hover {
+      color: #3a84ff;
+    }

package/dist/components/render-markdown/view.ts.js

@@ -0,0 +1,81 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import { defineComponent, h, onMounted, onUnmounted, ref, watch } from 'vue';
+import Viewer from '@toast-ui/editor/dist/toastui-editor-viewer';
+import { commonConfig } from './common.ts.js';
+import { escapeHtml } from './filter-css.ts.js';
+import '@toast-ui/editor/dist/toastui-editor-viewer.css';
+import './view.postcss.css';
+export default defineComponent({
+    props: {
+        value: {
+            type: String
+        },
+        previewBackground: {
+            type: String,
+            default: '#fff'
+        },
+        padding: {
+            type: String,
+            default: '12px 16px'
+        }
+    },
+    setup (props) {
+        const viewerRef = ref();
+        let viewer;
+        const handleInit = ()=>{
+            viewer = new Viewer(_object_spread({
+                el: viewerRef.value,
+                initialValue: props.value,
+                customHTMLSanitizer: escapeHtml
+            }, commonConfig));
+            viewer.eventEmitter.listen('updatePreview', (editResult)=>{
+                editResult.forEach((item)=>viewer.preview.replaceRangeNodes(item));
+            });
+        };
+        const handleDestroy = ()=>{
+            viewer.destroy();
+            viewer = null;
+        };
+        watch(()=>props.value, (value)=>{
+            if (!viewer) return;
+            viewer.setMarkdown(value || '');
+        });
+        onMounted(handleInit);
+        onUnmounted(handleDestroy);
+        return ()=>h('section', {
+                ref: viewerRef,
+                class: '!g-h-full g-scrollbar aidev-markdown-preview',
+                style: {
+                    'background-color': props.previewBackground,
+                    padding: props.padding
+                }
+            });
+    }
+});

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

@@ -0,0 +1,152 @@
+import { defineComponent as _defineComponent } 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, 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: {},
+        apiPrefix: {},
+        spaceId: {}
+    },
+    emits: [
+        "update:isShow"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getMcpInstallTargets } = useMcpHttp(props.apiPrefix, toRef(props, 'spaceId'));
+        const isLoadingInstallTargets = ref(false);
+        const installTargets = ref([]);
+        const selectedInstallTargetType = ref();
+        const handleClose = ()=>{
+            emits('update:isShow', false);
+        };
+        // 安装至 Cursor
+        const handleCursorInstall = ()=>{
+            const base64Config = btoa(String.fromCharCode(...new TextEncoder().encode(props.mcpConfig)));
+            const params = new URLSearchParams({
+                name: props.selectedMcp.mcpCode,
+                config: base64Config
+            });
+            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
+            }, {
+                header: _withCtx(()=>[
+                        _createElementVNode("section", _hoisted_1, [
+                            _cache[1] || (_cache[1] = _createElementVNode("span", {
+                                class: "g-text-16 g-mr-14"
+                            }, " 安装 MCP ", -1 /* CACHED */ )),
+                            _cache[2] || (_cache[2] = _createElementVNode("span", {
+                                class: "g-gap g-mr-10"
+                            }, null, -1 /* CACHED */ )),
+                            _createElementVNode("span", _hoisted_2, _toDisplayString(props.selectedMcp.mcpName), 1 /* TEXT */ )
+                        ])
+                    ]),
+                default: _withCtx(()=>[
+                        _createVNode(_component_bk_form, {
+                            "form-type": "vertical",
+                            class: "g-small-form g-small-gap-form",
+                            model: {
+                                selectedInstallTargetType: selectedInstallTargetType.value
+                            }
+                        }, {
+                            default: _withCtx(()=>[
+                                    _createVNode(_component_bk_form_item, {
+                                        label: "安装至",
+                                        property: "selectedInstallTargetType",
+                                        required: ""
+                                    }, {
+                                        default: _withCtx(()=>[
+                                                _createVNode(_component_bk_select, {
+                                                    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",
+                                                    "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 */ , [
+                            "model"
+                        ])
+                    ]),
+                _: 1 /* STABLE */ 
+            }, 8 /* PROPS */ , [
+                "is-show",
+                "confirm-text"
+            ]);
+        };
+    }
+});

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

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

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.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-mcp/search/index.script.vue.js.js

@@ -0,0 +1,78 @@
+import { defineComponent as _defineComponent } from 'vue';
+import { openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { ref } from 'vue';
+import RenderSearchSelect from '../../render-search-select/index.vue.js';
+import { useMemberHttp } from '../../../hooks.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        search: {},
+        isShowAllSearchOptions: {
+            type: Boolean
+        },
+        isShowTagSearch: {
+            type: Boolean
+        },
+        apiPrefix: {},
+        spaceId: {},
+        module: {},
+        memberUrl: {}
+    },
+    emits: [
+        "update:search"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getMemberList } = useMemberHttp();
+        const searchOptions = ref([
+            {
+                id: 'mcpName',
+                name: '中文名称'
+            },
+            {
+                id: 'mcpCode',
+                name: '英文名称'
+            },
+            {
+                id: 'description',
+                name: '描述'
+            },
+            {
+                id: 'updatedBy',
+                name: '更新人',
+                async: true,
+                children: []
+            }
+        ]);
+        const handleGetMenuList = (data, search)=>{
+            if (data.id === 'updatedBy') {
+                return getMemberList(props.memberUrl, search);
+            }
+        };
+        const handleSearchChange = (search)=>{
+            emits('update:search', search);
+        };
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createBlock(RenderSearchSelect, {
+                data: searchOptions.value,
+                "onUpdate:data": _cache[0] || (_cache[0] = ($event)=>searchOptions.value = $event),
+                "model-value": props.search,
+                "is-show-tag-search": props.isShowTagSearch,
+                "api-prefix": props.apiPrefix,
+                "space-id": props.spaceId,
+                module: props.module,
+                "get-menu-list": handleGetMenuList,
+                class: "!g-bg-white",
+                placeholder: "搜索中英文名称、描述、更新人",
+                "onUpdate:modelValue": handleSearchChange
+            }, null, 8 /* PROPS */ , [
+                "data",
+                "model-value",
+                "is-show-tag-search",
+                "api-prefix",
+                "space-id",
+                "module"
+            ]);
+        };
+    }
+});

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

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