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

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

@@ -1,7 +1,7 @@
 import { defineComponent as _defineComponent } from 'vue';
 import { normalizeStyle as _normalizeStyle, openBlock as _openBlock, createElementBlock as _createElementBlock, unref as _unref, createBlock as _createBlock } from "vue";
 import RenderFileTypeIcon from '../../render-file-type-icon/index.vue.js';
-import { KnowledgePathType } from '../../../types/enum.ts.js';
+import { KnowledgePathType, KnowledgeType } from '../../../types/enum.ts.js';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         data: {},
@@ -17,14 +17,20 @@ export default /*@__PURE__*/ _defineComponent({
                     fontSize: `${__props.size}px`
                 }),
                 class: "ai-ui-sdk-icon ai-ui-sdk-quanbu-xuanzhong"
-            }, null, 4 /* STYLE */ )) : __props.data.pathType === _unref(KnowledgePathType).Folder ? (_openBlock(), _createElementBlock("i", {
+            }, null, 4 /* STYLE */ )) : __props.data.createdType === _unref(KnowledgeType).Link ? (_openBlock(), _createElementBlock("i", {
                 key: 1,
                 style: _normalizeStyle({
                     fontSize: `${__props.size}px`
                 }),
+                class: "ai-ui-sdk-icon ai-ui-sdk-lianjiewenjianjia"
+            }, null, 4 /* STYLE */ )) : __props.data.pathType === _unref(KnowledgePathType).Folder ? (_openBlock(), _createElementBlock("i", {
+                key: 2,
+                style: _normalizeStyle({
+                    fontSize: `${__props.size}px`
+                }),
                 class: "ai-ui-sdk-icon ai-ui-sdk-folder-fill"
             }, null, 4 /* STYLE */ )) : __props.data.pathType === _unref(KnowledgePathType).File ? (_openBlock(), _createBlock(RenderFileTypeIcon, {
-                key: 2,
+                key: 3,
                 type: __props.data.fileType,
                 style: _normalizeStyle({
                     fontSize: `${__props.size}px`
@@ -33,11 +39,11 @@ export default /*@__PURE__*/ _defineComponent({
                 "type",
                 "style"
             ])) : (_openBlock(), _createElementBlock("i", {
-                key: 3,
-                class: "ai-ui-sdk-icon ai-ui-sdk-zhishikufenlei",
+                key: 4,
                 style: _normalizeStyle({
                     fontSize: `${__props.size}px`
-                })
+                }),
+                class: "ai-ui-sdk-icon ai-ui-sdk-zhishikufenlei"
             }, null, 4 /* STYLE */ ));
         };
     }

package/dist/components/render-knowledge/icon/index.vue.css

@@ -1,4 +1,4 @@
 
-.ai-ui-sdk-icon[data-v-wg5h5mlq] {
-  color: #979ba5;
+.ai-ui-sdk-icon[data-v-zg3w5tdq] {
+  color: var(--aidev-assist-color);
 }

package/dist/components/render-knowledge/icon/index.vue.d.ts

@@ -1,8 +1,9 @@
-import { KnowledgePathType } from '@/types/enum';
+import { KnowledgePathType, KnowledgeType } from '@/types/enum';
 interface IData {
     id?: number;
     pathType?: KnowledgePathType;
     fileType?: string;
+    createdType?: KnowledgeType;
 }
 interface IProps {
     data?: IData;

package/dist/components/render-knowledge/icon/index.vue.js

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

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/common.ts.js

@@ -28,6 +28,7 @@ function _object_spread(target) {
 }
 import Prism from 'prismjs';
 import CodeSyntaxHighlight from '@toast-ui/editor-plugin-code-syntax-highlight';
+import { createHtmlCustomRenderer } from './html.ts.js';
 import { createTuiKatexCustomRenderer } from './katex.ts.js';
 import { MarkDownCodeCopyPlugin } from './mark-down-code-copy.ts.js';
 import './prism-atom-one-dark.postcss.css';
@@ -70,5 +71,5 @@ export const commonConfig = {
     customHTMLRenderer: _object_spread({}, createTuiKatexCustomRenderer({
         autoEscapePercent: true,
         enableSingleDollar: true
-    }))
+    }), createHtmlCustomRenderer())
 };

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/filter-css.ts.js

@@ -1,4 +1,5 @@
 import { filterXss } from '@blueking/xss-filter';
+import { REQUEST_IMAGE_ATTR } from './image.ts.js';
 const NUMERIC_PROPS = new Set([
     'height',
     'top',
@@ -51,7 +52,8 @@ const SAFE_COLOR_KEYWORDS = new Set([
 ]);
 const SAFE_ATTRIBUTES = new Set([
     'data-nodeid',
-    'data-clipboard-text'
+    'data-clipboard-text',
+    REQUEST_IMAGE_ATTR
 ]);
 const isSafeCssValue = (value)=>{
     return !DANGEROUS_CSS_VALUE_RE.test(value);
@@ -125,13 +127,6 @@ export const filterCSS = (html)=>{
 export const escapeHtml = (html)=>{
     return filterCSS(filterXss(html, {
         whiteList: {
-            a: [
-                'href',
-                'target',
-                'class',
-                'title',
-                'rel'
-            ],
             section: [
                 'class'
             ],

package/dist/components/render-markdown/html.d.ts

@@ -0,0 +1,2 @@
+import type { CustomHTMLRenderer } from '@toast-ui/editor';
+export declare const createHtmlCustomRenderer: () => CustomHTMLRenderer;

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

@@ -0,0 +1,67 @@
+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;
+}
+const RAW_ANCHOR_TAG_RE = /<\/?a(?=[\s/>])(?:[^>"']|"[^"]*"|'[^']*')*>/gi;
+// 原生 HTML 中的 <a> 只保留内部文本，markdown 链接走 link 节点不受影响
+const stripRawAnchorTag = (_node, { origin })=>{
+    const result = origin();
+    if (!result) return result;
+    return (Array.isArray(result) ? result : [
+        result
+    ]).map((token)=>token.type === 'html' ? _object_spread_props(_object_spread({}, token), {
+            content: token.content.replace(RAW_ANCHOR_TAG_RE, '')
+        }) : token);
+};
+export const createHtmlCustomRenderer = ()=>({
+        htmlInline: stripRawAnchorTag,
+        htmlBlock: stripRawAnchorTag
+    });

package/dist/components/render-markdown/image.d.ts

@@ -0,0 +1,3 @@
+import type { CustomHTMLRenderer } from '@toast-ui/editor';
+export declare const REQUEST_IMAGE_ATTR = "data-request-src";
+export declare const createImageCustomRenderer: (isRequestImage: () => boolean) => CustomHTMLRenderer;

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

@@ -0,0 +1,98 @@
+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;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+export const REQUEST_IMAGE_ATTR = 'data-request-src';
+// <img> 无法携带请求头，先不输出 src，渲染后按 requestOptions 带头拉取
+export const createImageCustomRenderer = (isRequestImage)=>{
+    const image = (_node, { origin })=>{
+        const result = origin();
+        if (!isRequestImage() || !result || Array.isArray(result) || result.type !== 'openTag') return result;
+        const _result_attributes = result.attributes, { src } = _result_attributes, attributes = _object_without_properties(_result_attributes, [
+            "src"
+        ]);
+        return _object_spread_props(_object_spread({}, result), {
+            attributes: _object_spread_props(_object_spread({}, attributes), {
+                [REQUEST_IMAGE_ATTR]: src
+            })
+        });
+    };
+    return {
+        image
+    };
+};

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

@@ -64,6 +64,16 @@ const CODE_NODE_TYPES = new Set([
     'htmlBlock',
     'htmlInline'
 ]);
+const XML_ESCAPE_MAP = {
+    '&': '&',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    '\'': '&#39;'
+};
+function escapeXml(value) {
+    return value.replace(/[&<>"']/g, (char)=>XML_ESCAPE_MAP[char]);
+}
 function isEscaped(value, index) {
     let count = 0;
     let i = index - 1;
@@ -178,7 +188,7 @@ export function createTuiKatexCustomRenderer(options = {}) {
                 try {
                     html += renderKatexToHtml(mathState.content, mathState.display, options);
                 } catch (e) {
-                    html += `${mathState.open}${mathState.content}${mathState.close}`;
+                    html += escapeXml(`${mathState.open}${mathState.content}${mathState.close}`);
                 }
                 index = closeIndex + mathState.close.length;
                 mathState = null;
@@ -186,11 +196,11 @@ export function createTuiKatexCustomRenderer(options = {}) {
             }
             const nextOpen = findNextOpen(value, index);
             if (!nextOpen) {
-                html += value.slice(index);
+                html += escapeXml(value.slice(index));
                 break;
             }
             hasMath = true;
-            html += value.slice(index, nextOpen.index);
+            html += escapeXml(value.slice(index, nextOpen.index));
             mathState = {
                 open: nextOpen.open,
                 close: nextOpen.close,
@@ -208,7 +218,7 @@ export function createTuiKatexCustomRenderer(options = {}) {
         if (!mathState) return '';
         const raw = `${mathState.open}${mathState.content}`;
         mathState = null;
-        return raw;
+        return escapeXml(raw);
     }
     function renderBlock(node) {
         let html = '';

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',