@blueking/ai-ui-sdk 0.5.2-beta.5 → 0.6.0-beta.1

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

@@ -1,8 +1,9 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { unref as _unref, 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';
+import { t } from '../../../i18n/index.ts.js';
 import { FileStatus, KnowledgeType } from '../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
@@ -31,7 +32,7 @@ export default /*@__PURE__*/ _defineComponent({
         const searchOptions = ref([
             {
                 id: 'knowledgeName',
-                name: '中文名称'
+                name: t('中文名称')
             },
             {
                 id: 'id',
@@ -40,46 +41,46 @@ export default /*@__PURE__*/ _defineComponent({
             ...props.isSimple ? [] : [
                 {
                     id: 'isStructured',
-                    name: '知识类型',
+                    name: t('知识类型'),
                     children: [
                         {
                             id: true,
-                            name: '结构化'
+                            name: t('结构化')
                         },
                         {
                             id: false,
-                            name: '非结构化'
+                            name: t('非结构化')
                         }
                     ]
                 },
                 ...props.isShowStatus === false ? [] : [
                     {
                         id: 'status',
-                        name: '状态',
+                        name: t('状态'),
                         children: [
                             {
                                 id: FileStatus.Init,
-                                name: '初始化'
+                                name: t('初始化')
                             },
                             {
                                 id: FileStatus.Uploading,
-                                name: '入库中'
+                                name: t('入库中')
                             },
                             {
                                 id: FileStatus.Uploaded,
-                                name: '已入库'
+                                name: t('已入库')
                             },
                             {
                                 id: FileStatus.UploadedOutdated,
-                                name: '已入库可更新'
+                                name: t('已入库可更新')
                             },
                             {
                                 id: FileStatus.Failed,
-                                name: '失败'
+                                name: t('失败')
                             },
                             {
                                 id: FileStatus.Deleting,
-                                name: '删除中'
+                                name: t('删除中')
                             }
                         ]
                     }
@@ -87,30 +88,30 @@ export default /*@__PURE__*/ _defineComponent({
             ],
             {
                 id: 'createdType',
-                name: '创建方式',
+                name: t('创建方式'),
                 multiple: true,
                 children: [
                     {
                         id: KnowledgeType.File,
-                        name: '文件上传'
+                        name: t('文件上传')
                     },
                     {
                         id: KnowledgeType.Link,
-                        name: '网页知识'
+                        name: t('网页知识')
                     },
                     {
                         id: KnowledgeType.Manual,
-                        name: '手工录入'
+                        name: t('手工录入')
                     }
                 ]
             },
             {
                 id: 'tagName',
-                name: '标签'
+                name: t('标签')
             },
             {
                 id: 'updatedBy',
-                name: '更新人',
+                name: t('更新人'),
                 async: true,
                 children: []
             }
@@ -120,7 +121,9 @@ export default /*@__PURE__*/ _defineComponent({
                 return getMemberList(props.memberUrl, search);
             }
         };
-        const placeholder = `搜索${searchOptions.value.map((item)=>item.name).join('、')}`;
+        const placeholder = t('搜索{searchOptions}', {
+            searchOptions: searchOptions.value.map((item)=>item.name).join('、')
+        });
         const handleSearchChange = (search)=>{
             emits('update:search', search);
         };
@@ -128,17 +131,18 @@ export default /*@__PURE__*/ _defineComponent({
             return _openBlock(), _createBlock(RenderSearchSelect, {
                 data: searchOptions.value,
                 "onUpdate:data": _cache[0] || (_cache[0] = ($event)=>searchOptions.value = $event),
-                placeholder: placeholder,
+                placeholder: _unref(placeholder),
                 "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",
+                class: "!g-bg-[var(--aidev-main-background)]",
                 "onUpdate:modelValue": handleSearchChange
             }, null, 8 /* PROPS */ , [
                 "data",
+                "placeholder",
                 "model-value",
                 "is-show-tag-search",
                 "api-prefix",

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

@@ -1,8 +1,9 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { unref as _unref, 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';
+import { t } from '../../../i18n/index.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         search: {},
@@ -28,11 +29,11 @@ export default /*@__PURE__*/ _defineComponent({
             ...props.isShowAllSearchOptions ? [
                 {
                     id: 'name',
-                    name: '名称'
+                    name: t('名称')
                 },
                 {
                     id: 'description',
-                    name: '描述'
+                    name: t('描述')
                 },
                 {
                     id: 'id',
@@ -40,22 +41,22 @@ export default /*@__PURE__*/ _defineComponent({
                 },
                 {
                     id: 'updatedBy',
-                    name: '更新人',
+                    name: t('更新人'),
                     async: true,
                     children: []
                 }
             ] : [
                 {
                     id: 'name',
-                    name: '中文名称'
+                    name: t('中文名称')
                 },
                 {
                     id: 'knowledgebaseCode',
-                    name: '英文名称'
+                    name: t('英文名称')
                 },
                 {
                     id: 'description',
-                    name: '描述'
+                    name: t('描述')
                 }
             ]
         ]);
@@ -71,14 +72,14 @@ export default /*@__PURE__*/ _defineComponent({
             return _openBlock(), _createBlock(RenderSearchSelect, {
                 data: searchOptions.value,
                 "onUpdate:data": _cache[0] || (_cache[0] = ($event)=>searchOptions.value = $event),
-                placeholder: __props.isShowAllSearchOptions ? '搜索名称、描述、ID、更新人' : '搜索中英文名称、描述',
+                placeholder: __props.isShowAllSearchOptions ? _unref(t)('搜索名称、描述、ID、更新人') : _unref(t)('搜索中英文名称、描述'),
                 "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",
+                class: "!g-bg-[var(--aidev-main-background)]",
                 "onUpdate:modelValue": handleSearchChange
             }, null, 8 /* PROPS */ , [
                 "data",

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

@@ -3,13 +3,22 @@
   font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  color: #4d4f56;
+  color: var(--aidev-main-color);
+}
+
+.toastui-editor-defaultUI {
+  border-color: var(--aidev-form-border-color);
 }
 
 .toastui-editor-defaultUI .toastui-editor-toolbar {
     height: 40px;
   }
 
+.toastui-editor-defaultUI .toastui-editor-ww-container,
+  .toastui-editor-defaultUI .toastui-editor-md-container {
+    border-radius: 0 0 3px 3px;
+  }
+
 .toastui-editor-defaultUI .ProseMirror {
     padding: 12px 16px;
     overflow-y: auto;
@@ -87,6 +96,23 @@
     line-height: 40px;
   }
 
+.full-screen-wrap:not(.is-disabled) .toastui-editor-defaultUI:hover {
+  border-color: var(--aidev-form-hover-border-color);
+}
+
+.full-screen-wrap:not(.is-disabled) .toastui-editor-defaultUI:focus-within {
+  border-color: var(--aidev-form-active-border-color);
+}
+
 .bk-form-item.is-error .toastui-editor-defaultUI {
-    border: 1px solid #ea3636 !important;
+    border: 1px solid var(--aidev-form-error-border-color) !important;
   }
+
+.toastui-editor-contents .placeholder,
+.toastui-editor-ww-container .placeholder,
+.toastui-editor-defaultUI .ProseMirror .placeholder,
+.toastui-editor-md-container textarea::placeholder,
+.toastui-editor textarea::placeholder {
+  color: var(--aidev-form-placeholder-color);
+  opacity: 1;
+}

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

@@ -31,6 +31,7 @@ import Editor from '@toast-ui/editor';
 import { commonConfig } from './common.ts.js';
 import '@toast-ui/editor/dist/toastui-editor.css';
 import './edit.postcss.css';
+import { t } from '../../i18n/index.ts.js';
 var EditorMode;
 (function(EditorMode) {
     EditorMode["Markdown"] = "markdown";
@@ -83,18 +84,18 @@ export default defineComponent({
             // 切换模式按钮
             const modeSwitchEl = document.createElement('section');
             modeSwitchEl.className = 'toastui-editor-toolbar-custom-button !g-cursor-pointer g-ml-4';
-            modeSwitchEl.innerHTML = '<i class="ai-ui-sdk-icon ai-ui-sdk-qiehuan g-mr-4 g-text-16"></i>切换代码模式';
+            modeSwitchEl.innerHTML = `<i class="ai-ui-sdk-icon ai-ui-sdk-qiehuan g-mr-4 g-text-16"></i>${t('切换代码模式')}`;
             modeSwitchEl.dataset.mode = defaultMode;
             modeSwitchEl.addEventListener('click', ()=>{
                 const mode = modeSwitchEl.dataset.mode;
                 if (mode === "markdown") {
                     editor.changeMode("wysiwyg");
                     modeSwitchEl.dataset.mode = "wysiwyg";
-                    modeSwitchEl.innerHTML = '<i class="ai-ui-sdk-icon ai-ui-sdk-qiehuan g-mr-4 g-text-16"></i>切换代码模式';
+                    modeSwitchEl.innerHTML = `<i class="ai-ui-sdk-icon ai-ui-sdk-qiehuan g-mr-4 g-text-16"></i>${t('切换代码模式')}`;
                 } else {
                     editor.changeMode("markdown");
                     modeSwitchEl.dataset.mode = "markdown";
-                    modeSwitchEl.innerHTML = '<i class="ai-ui-sdk-icon ai-ui-sdk-qiehuan g-mr-4 g-text-16"></i>切换富文本模式';
+                    modeSwitchEl.innerHTML = `<i class="ai-ui-sdk-icon ai-ui-sdk-qiehuan g-mr-4 g-text-16"></i>${t('切换富文本模式')}`;
                 }
             });
             // 全屏按钮复用 use-click-proxy 的全局 full-screen 代理。
@@ -102,10 +103,10 @@ export default defineComponent({
             fullScreenEl.className = 'toastui-editor-toolbar-custom-button !g-cursor-pointer g-ml-12';
             fullScreenEl.innerHTML = [
                 '<span class="click-full-screen">',
-                '<i class="ai-ui-sdk-icon ai-ui-sdk-full-screen g-mr-4 g-text-14"></i>全屏',
+                `<i class="ai-ui-sdk-icon ai-ui-sdk-full-screen g-mr-4 g-text-14"></i>${t('全屏')}`,
                 '</span>',
                 '<span class="click-un-full-screen">',
-                '<i class="ai-ui-sdk-icon ai-ui-sdk-un-full-screen g-mr-4 g-text-14"></i>取消全屏',
+                `<i class="ai-ui-sdk-icon ai-ui-sdk-un-full-screen g-mr-4 g-text-14"></i>${t('取消全屏')}`,
                 '</span>'
             ].join('');
             // 初始化编辑器

package/dist/components/render-markdown/mark-down-code-copy.ts.js

@@ -1,3 +1,4 @@
+import { t } from '../../i18n/index.ts.js';
 const BACKTICK_COUNT = 3;
 // 给块级代码增加右上角复制按钮，同时保留 Prism 语法高亮。
 export const MarkDownCodeCopyPlugin = (_context, options = {})=>({
@@ -35,7 +36,7 @@ export const MarkDownCodeCopyPlugin = (_context, options = {})=>({
                     ],
                     attributes: {
                         'data-clipboard-text': encodeURIComponent((_node_literal = node.literal) !== null && _node_literal !== void 0 ? _node_literal : ''),
-                        title: '复制代码'
+                        title: t('复制代码')
                     }
                 }, {
                     type: 'closeTag',

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

@@ -36,7 +36,7 @@ pre[class*='language-'] {
 
 :not(pre) > code[class*='language-'] {
   padding: 2px 6px;
-  border-radius: 4px;
+  border-radius: var(--aidev-radius);
   color: #e06c75;
 }
 

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

@@ -31,7 +31,7 @@
   .toastui-editor .toastui-editor-contents td,
   .toastui-editor-md-preview .toastui-editor-contents p,
   .toastui-editor-md-preview .toastui-editor-contents td {
-    color: #4d4f56;
+    color: var(--aidev-main-color);
   }
 
   .aidev-markdown-preview .toastui-editor-contents h1, .toastui-editor .toastui-editor-contents h1, .toastui-editor-md-preview .toastui-editor-contents h1 {
@@ -67,7 +67,7 @@
 
   .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;
+      color: var(--aidev-main-color);
       font-weight: bold;
     }
 
@@ -89,11 +89,11 @@
     float: right;
     margin: -25px -12px 0 0;
     font-size: 14px;
-    color: #979ba5;
+    color: var(--aidev-assist-color);
     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;
+      color: var(--aidev-clickable-color);
     }

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

@@ -1,14 +1,18 @@
 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";
+import { unref as _unref, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, 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"
+    class: "g-text-16 g-mr-14"
+};
+const _hoisted_3 = {
+    class: "g-text-14 g-text-[var(--aidev-assist-color)]"
 };
 import { ref, toRef, watch } from 'vue';
 import RenderInstallGuide from './install-guide.vue.js';
 import { useMcpHttp } from '../../../hooks/use-mcp-http.ts.js';
+import { t } from '../../../i18n/index.ts.js';
 import { McpInstallTargetType } from '../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
@@ -76,32 +80,30 @@ export default /*@__PURE__*/ _defineComponent({
             return _openBlock(), _createBlock(_component_bk_dialog, {
                 width: 600,
                 "is-show": props.isShow,
-                "confirm-text": selectedInstallTargetType.value === _unref(McpInstallTargetType).Cursor ? '安装' : '确认',
+                "confirm-text": selectedInstallTargetType.value === _unref(McpInstallTargetType).Cursor ? _unref(t)('安装') : _unref(t)('确认'),
                 onClosed: handleClose,
                 onConfirm: handleConfirm
             }, {
                 header: _withCtx(()=>[
                         _createElementVNode("section", _hoisted_1, [
+                            _createElementVNode("span", _hoisted_2, _toDisplayString(_unref(t)('安装 MCP')), 1 /* TEXT */ ),
                             _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 */ )
+                            _createElementVNode("span", _hoisted_3, _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
-                            }
+                            },
+                            "form-type": "vertical",
+                            class: "g-small-form g-small-gap-form"
                         }, {
                             default: _withCtx(()=>[
                                     _createVNode(_component_bk_form_item, {
-                                        label: "安装至",
+                                        label: _unref(t)('安装至'),
                                         property: "selectedInstallTargetType",
                                         required: ""
                                     }, {
@@ -109,11 +111,11 @@ export default /*@__PURE__*/ _defineComponent({
                                                 _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
+                                                    clearable: false,
+                                                    "id-key": "targetType",
+                                                    "display-key": "displayName"
                                                 }, null, 8 /* PROPS */ , [
                                                     "modelValue",
                                                     "list",
@@ -121,7 +123,9 @@ export default /*@__PURE__*/ _defineComponent({
                                                 ])
                                             ]),
                                         _: 1 /* STABLE */ 
-                                    }),
+                                    }, 8 /* PROPS */ , [
+                                        "label"
+                                    ]),
                                     selectedInstallTargetType.value ? (_openBlock(), _createBlock(RenderInstallGuide, {
                                         key: 0,
                                         "mcp-type": props.selectedMcp.mcpType,

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

@@ -4,6 +4,7 @@ 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';
+import { t } from '../../../i18n/index.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         apiPrefix: {},
@@ -47,9 +48,11 @@ export default /*@__PURE__*/ _defineComponent({
                             "value"
                         ])) : !isLoading.value ? (_openBlock(), _createBlock(RenderSearchEmpty, {
                             key: 1,
-                            scene: "part",
-                            description: "暂无安装指南"
-                        })) : _createCommentVNode("v-if", true)
+                            description: _unref(t)('暂无安装指南'),
+                            scene: "part"
+                        }, null, 8 /* PROPS */ , [
+                            "description"
+                        ])) : _createCommentVNode("v-if", true)
                     ]),
                 _: 1 /* STABLE */ 
             }, 8 /* PROPS */ , [

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

@@ -1,8 +1,9 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { unref as _unref, 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';
+import { t } from '../../../i18n/index.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         search: {},
@@ -15,7 +16,8 @@ export default /*@__PURE__*/ _defineComponent({
         apiPrefix: {},
         spaceId: {},
         module: {},
-        memberUrl: {}
+        memberUrl: {},
+        agentCode: {}
     },
     emits: [
         "update:search"
@@ -27,19 +29,19 @@ export default /*@__PURE__*/ _defineComponent({
         const searchOptions = ref([
             {
                 id: 'mcpName',
-                name: '中文名称'
+                name: t('中文名称')
             },
             {
                 id: 'mcpCode',
-                name: '英文名称'
+                name: t('英文名称')
             },
             {
                 id: 'description',
-                name: '描述'
+                name: t('描述')
             },
             {
                 id: 'updatedBy',
-                name: '更新人',
+                name: t('更新人'),
                 async: true,
                 children: []
             }
@@ -61,9 +63,10 @@ export default /*@__PURE__*/ _defineComponent({
                 "api-prefix": props.apiPrefix,
                 "space-id": props.spaceId,
                 module: props.module,
+                "agent-code": props.agentCode,
                 "get-menu-list": handleGetMenuList,
-                class: "!g-bg-white",
-                placeholder: "搜索中英文名称、描述、更新人",
+                placeholder: _unref(t)('搜索中英文名称、描述、更新人'),
+                class: "!g-bg-[var(--aidev-main-background)]",
                 "onUpdate:modelValue": handleSearchChange
             }, null, 8 /* PROPS */ , [
                 "data",
@@ -71,7 +74,9 @@ export default /*@__PURE__*/ _defineComponent({
                 "is-show-tag-search",
                 "api-prefix",
                 "space-id",
-                "module"
+                "module",
+                "agent-code",
+                "placeholder"
             ]);
         };
     }

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

@@ -8,6 +8,7 @@ interface IProps {
     spaceId?: string;
     module?: Module;
     memberUrl: string;
+    agentCode?: string;
 }
 declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "update:search": (search: IMcpListParam) => any;