@blueking/ai-ui-sdk 0.1.12-beta.8 → 0.1.12

package/dist/components/render-file-type-icon/index.vue.css

@@ -1,16 +1,16 @@
 
-.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-k4h48a42] {
+.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-h1qzbbv2] {
   color: #EA3636;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-k4h48a42], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-k4h48a42], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-k4h48a42] {
+.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-h1qzbbv2], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-h1qzbbv2], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-h1qzbbv2] {
   color: #3A84FF;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-k4h48a42] {
+.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-h1qzbbv2] {
   color: #C4C6CC;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-k4h48a42] {
+.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-h1qzbbv2] {
   color: #2DCB56;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-k4h48a42] {
+.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-h1qzbbv2] {
   color: #14A568;
 }

package/dist/components/render-file-type-icon/index.vue.js

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

package/dist/components/render-header/index.script.vue.js.js

@@ -23,9 +23,9 @@ export default /*@__PURE__*/ _defineComponent({
             type: Boolean,
             default: true
         },
-        isCodeReviewHistory: {
+        showHeaderTool: {
             type: Boolean,
-            default: false
+            default: true
         }
     },
     emits: [
@@ -46,7 +46,7 @@ export default /*@__PURE__*/ _defineComponent({
                 _renderSlot(_ctx.$slots, "title", {}, ()=>[
                         _createElementVNode("span", _hoisted_2, _toDisplayString(__props.title), 1 /* TEXT */ )
                     ], true),
-                !__props.isCodeReviewHistory ? (_openBlock(), _createElementBlock("section", _hoisted_3, [
+                __props.showHeaderTool ? (_openBlock(), _createElementBlock("section", _hoisted_3, [
                     _renderSlot(_ctx.$slots, "search", {}, undefined, true),
                     __props.showTag ? (_openBlock(), _createBlock(_component_bk_input, {
                         key: 0,

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

@@ -1,5 +1,5 @@
 
-.header-home[data-v-px9g8c8e] {
+.header-home[data-v-nxo1wwre] {
   width: 100%;
   height: 52px;
   background: #FFFFFF;
@@ -7,14 +7,14 @@
   position: relative;
   z-index: 2;
 }
-.header-title[data-v-px9g8c8e] {
+.header-title[data-v-nxo1wwre] {
   position: absolute;
   left: 24px;
   top: 14px;
   font-size: 16px;
   color: #313238;
 }
-.header-main[data-v-px9g8c8e] {
+.header-main[data-v-nxo1wwre] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -22,13 +22,13 @@
   height: 100%;
   margin: 0 auto;
 }
-.header-select[data-v-px9g8c8e] {
+.header-select[data-v-nxo1wwre] {
   width: 300px;
   margin-right: 8px;
   z-index: 9;
   font-size: 12px;
 }
-.header-input[data-v-px9g8c8e] {
+.header-input[data-v-nxo1wwre] {
   width: 300px;
   font-size: 12px;
 }

package/dist/components/render-header/index.vue.d.ts

@@ -18,7 +18,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
-    isCodeReviewHistory: {
+    showHeaderTool: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -37,7 +37,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
-    isCodeReviewHistory: {
+    showHeaderTool: {
         type: BooleanConstructor;
         default: boolean;
     };
@@ -47,7 +47,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>, {
     showTag: boolean;
     showSearch: boolean;
-    isCodeReviewHistory: boolean;
+    showHeaderTool: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

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

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

@@ -0,0 +1,2 @@
+import type MarkdownIt from 'markdown-it';
+export declare const MarkDownCodePlugin: (markdownIt: MarkdownIt) => void;

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

@@ -0,0 +1,171 @@
+const languageSuffixMap = {
+    c: '.c',
+    'c++': '.cpp',
+    java: '.java',
+    python: '.py',
+    html: '.html',
+    css: '.css',
+    javascript: '.js',
+    js: '.js',
+    php: '.php',
+    ruby: '.rb',
+    swift: '.swift',
+    go: '.go',
+    perl: '.pl',
+    sql: '.sql',
+    xml: '.xml',
+    json: '.json',
+    vue: '.vue',
+    rust: '.rs',
+    jsx: '.jsx',
+    tsx: '.tsx',
+    typescript: '.ts',
+    ts: '.ts',
+    bash: '.sh'
+};
+const getLanguageSuffix = (name)=>languageSuffixMap[name.toLowerCase()] || '.txt';
+let originalFence;
+// 自定义代码块
+export const MarkDownCodePlugin = (markdownIt)=>{
+    // 如果 originalFence 不存在，则获取原始的 fence 函数，防止嵌套调用
+    if (!originalFence) {
+        originalFence = markdownIt.renderer.rules.fence;
+    }
+    // 重写 fence 规则
+    markdownIt.block.ruler.at('fence', (state, startLine, endLine, silent)=>{
+        let pos = state.bMarks[startLine] + state.tShift[startLine];
+        let max = state.eMarks[startLine];
+        // 检查是否缩进过多
+        if (state.sCount[startLine] - state.blkIndent >= 4) {
+            return false;
+        }
+        // 检查是否有足够的字符
+        if (pos + 3 > max) {
+            return false;
+        }
+        const marker = state.src.charCodeAt(pos);
+        // 检查是否是有效的标记字符
+        if (marker !== 0x7E /* ~ */  && marker !== 0x60 /* ` */ ) {
+            return false;
+        }
+        // 获取标记的长度
+        let mem = pos;
+        pos = state.skipChars(pos, marker);
+        const len = pos - mem;
+        if (len < 3) {
+            return false;
+        }
+        const markup = state.src.slice(mem, pos);
+        const params = state.src.slice(pos, max);
+        // 检查参数中是否包含标记字符
+        if (marker === 0x60 /* ` */ ) {
+            if (params.indexOf(String.fromCharCode(marker)) >= 0) {
+                return false;
+            }
+        }
+        // 验证模式直接返回
+        if (silent) {
+            return true;
+        }
+        // 寻找结束标记
+        let nextLine = startLine;
+        let haveEndMarker = false;
+        for(;;){
+            nextLine += 1;
+            if (nextLine >= endLine) {
+                break;
+            }
+            pos = state.bMarks[nextLine] + state.tShift[nextLine];
+            mem = pos;
+            max = state.eMarks[nextLine];
+            if (pos < max && state.sCount[nextLine] < state.blkIndent) {
+                break;
+            }
+            // 如果不是标记字符，继续
+            if (state.src.charCodeAt(pos) !== marker) {
+                continue;
+            }
+            // 检查标记长度
+            if (state.sCount[nextLine] - state.blkIndent >= 4) {
+                continue;
+            }
+            pos = state.skipChars(pos, marker);
+            // 结束标记必须至少和开始标记一样长
+            if (pos - mem < len) {
+                continue;
+            }
+            // 检查标记后是否只有空格
+            pos = state.skipSpaces(pos);
+            if (pos < max) {
+                continue;
+            }
+            haveEndMarker = true;
+            break;
+        }
+        // 设置结束行
+        state.line = nextLine + (haveEndMarker ? 1 : 0);
+        // 创建 token
+        const token = state.push('fence', 'code', 0);
+        token.info = params;
+        token.content = state.getLines(startLine + 1, nextLine, state.sCount[startLine], true);
+        token.markup = markup;
+        token.map = [
+            startLine,
+            state.line
+        ];
+        token.haveEndMarker = haveEndMarker;
+        return true;
+    }, {
+        alt: [
+            'paragraph',
+            'reference',
+            'blockquote',
+            'list'
+        ]
+    });
+    // 自定义代码块渲染
+    markdownIt.renderer.rules.fence = (tokens, idx, options, env, self)=>{
+        const token = tokens[idx];
+        const hasEndBlock = token.haveEndMarker;
+        let language = token.info.trim();
+        let code = token.content;
+        // 原始渲染
+        const originalCode = originalFence(tokens, idx, options, env, self);
+        // 1. 如果代码块和语言不为空，则渲染代码块
+        if (code.trim() && language && hasEndBlock) {
+            const encodeCode = encodeURIComponent(code);
+            return `<section class="full-screen-wrap markdown-body" style="background-color: #2e2e2e;">
+      <section class="code-header g-flex-row">
+        <span>${language}</span>
+        <span class="g-flex-row">
+          <i class="ai-ui-sdk-icon ai-ui-sdk-un-full-screen click-un-full-screen"></i>
+          <i class="ai-ui-sdk-icon ai-ui-sdk-full-screen click-full-screen"></i>
+          <i class="ai-ui-sdk-icon ai-ui-sdk-copy click-copy" data-clipboard-text="${encodeCode}"></i>
+          <i class="ai-ui-sdk-icon ai-ui-sdk-dongzuo-xiazai click-download" data-clipboard-text="${encodeCode}" data-file-name="ai${getLanguageSuffix(language)}"></i>
+        </span>
+      </section>
+      ${originalCode}
+  </section>`;
+        }
+        // 2. 如果有结束标记并且有代码内容，则返回原始代码块
+        if (code.trim() && hasEndBlock) {
+            return originalCode;
+        }
+        // 3. 否则返回原始内容
+        // 开始标记
+        const start = token.markup;
+        // 结束标记
+        let end = '';
+        // 如果代码块长度大于行数，则添加结束标记（markdown不封闭语法）
+        if (hasEndBlock) {
+            end = '```';
+        }
+        // 如果代码块不为空，则添加换行符
+        if (code) {
+            code = code.replace(/\n/g, '<br>');
+        }
+        language = `${language}<br>`;
+        // 返回原始字符串
+        return `${start}${language}${code}${end}`;
+    };
+};

package/dist/components/render-markdown/mark-down-emoji.d.ts

@@ -0,0 +1,2 @@
+import type MarkdownIt from 'markdown-it';
+export declare const MarkDownEmojiPlugin: (markdownIt: MarkdownIt) => void;

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

@@ -0,0 +1,4 @@
+// 关闭emoji
+export const MarkDownEmojiPlugin = (markdownIt)=>{
+    markdownIt.core.ruler.disable('emoji');
+};

package/dist/components/render-markdown/mark-down.d.ts

@@ -0,0 +1,49 @@
+import type MarkdownIt from 'markdown-it';
+import 'x-mavon-editor/dist/css/index.css';
+import 'x-mavon-editor/dist/highlightjs/styles/atom-one-dark.min.css';
+import './mark-down.postcss';
+export type MdProp = {
+    modelValue?: string;
+    codeStyle?: string;
+    previewBackground?: string;
+    defaultOpen: string;
+    editable: boolean;
+    subfield: boolean;
+    toolbarsFlag: boolean;
+    boxShadow: boolean;
+    ref?: (elm: MdRef) => void;
+    xssOptions: {
+        whiteList: {
+            [key: string]: string[];
+        };
+    };
+    externalLink: {
+        [key: string]: (param?: string) => string;
+    };
+};
+type MdRef = {
+    $paste: () => void;
+    markdownIt: MarkdownIt;
+};
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+    };
+    previewBackground: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+    };
+    previewBackground: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    previewBackground: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/render-markdown/mark-down.postcss.css

@@ -0,0 +1,153 @@
+.v-note-wrapper.markdown-body {
+  border: none !important;
+  min-height: auto;
+  background: transparent;
+}
+
+  .v-note-wrapper.markdown-body li {
+    list-style: inherit !important;
+  }
+
+  .v-note-wrapper.markdown-body ul,
+  .v-note-wrapper.markdown-body ol {
+    padding-left: 2em !important;
+  }
+
+.v-note-show::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+.v-note-show::-webkit-scrollbar-thumb {
+    width: 8px;
+    height: 8px;
+    border-radius: 3px;
+    background-color: #dcdee5;
+  }
+
+.v-note-show::-webkit-scrollbar-thumb:hover {
+      background-color: #979ba5;
+    }
+
+.v-show-content {
+  height: auto !important;
+  font-size: 14px !important;
+  padding: 8px 25px !important;
+}
+
+.v-show-content p {
+    margin-bottom: 0 !important;
+  }
+
+.v-show-content p + p {
+      margin-top: 16px;
+    }
+
+.full-screen-wrap.markdown-body .code-header {
+    height: 40px;
+    justify-content: space-between;
+    background: #2e2e2e;
+    border-radius: 2px 2px 0 0;
+    padding: 0 18px;
+    color: #c4c6cc;
+  }
+
+.full-screen-wrap.markdown-body .code-header .ai-ui-sdk-un-full-screen,
+    .full-screen-wrap.markdown-body .code-header .ai-ui-sdk-full-screen,
+    .full-screen-wrap.markdown-body .code-header .ai-ui-sdk-copy {
+      margin-right: 12px;
+    }
+
+.full-screen-wrap.markdown-body .code-header .ai-ui-sdk-icon {
+      color: #979ba5;
+      cursor: pointer;
+    }
+
+.full-screen-wrap.markdown-body .code-header .ai-ui-sdk-icon:hover {
+        color: #3a84ff;
+      }
+
+.full-screen-wrap.markdown-body .code-header + pre {
+      max-height: 500px;
+      overflow-y: auto;
+      color: #abb2bf !important;
+      background: #1a1a1a !important;
+      border-radius: 0 0 2px 2px !important;
+      font-size: 14px !important;
+      padding: 16px;
+      line-height: 1.45;
+    }
+
+.full-screen-wrap.markdown-body .code-header + pre code {
+        font-size: 14px !important;
+      }
+
+.full-screen-wrap.markdown-body .code-header + pre .hljs-comment {
+        color: #6a9954;
+        font-style: inherit;
+      }
+
+.full-screen-wrap.markdown-body .code-header + pre .hljs {
+        overflow: initial;
+        background: #1a1a1a !important;
+      }
+
+.full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar-track {
+        background: #2e2e2e;
+        border-left: 1px solid #3d3d3d;
+        border-top: 1px solid #3d3d3d;
+      }
+
+.full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar {
+        width: 14px;
+        height: 14px;
+      }
+
+.full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar-corner {
+        background: #2e2e2e !important;
+      }
+
+.full-screen-wrap.markdown-body .code-header + pre::-webkit-scrollbar-thumb {
+        height: 5px;
+        border-radius: 1px;
+        background: rgb(121 121 121 / 40%);
+        border: 1px solid #4d4f56;
+      }
+
+.full-screen-wrap.markdown-body:not(:first-child) {
+    margin-top: 8px !important;
+  }
+
+.full-screen-wrap.markdown-body:not(:last-child) {
+    margin-bottom: 8px !important;
+  }
+
+.full-screen-wrap.markdown-body.full-screen {
+    margin-top: 0 !important;
+  }
+
+.full-screen-wrap.markdown-body.full-screen .code-header {
+      margin: 0;
+    }
+
+.full-screen-wrap.markdown-body.full-screen pre {
+      max-height: calc(100vh - 40px);
+      height: calc(100vh - 40px);
+    }
+
+.full-screen-wrap.markdown-body .full-screen-wrap.full-screen {
+    margin-top: 0 !important;
+  }
+
+.full-screen-wrap.markdown-body .full-screen-wrap.full-screen .code-header {
+      margin: 0;
+    }
+
+.full-screen-wrap.markdown-body .full-screen-wrap.full-screen pre {
+      max-height: calc(100vh - 40px);
+      height: calc(100vh - 40px);
+    }
+
+.v-note-img-wrapper {
+  display: none !important;
+}

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

@@ -0,0 +1,145 @@
+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;
+}
+import { defineComponent, h } from 'vue';
+import Mavon from 'x-mavon-editor';
+import { MarkDownCodePlugin } from './mark-down-code.ts.js';
+import { MarkDownEmojiPlugin } from './mark-down-emoji.ts.js';
+import 'x-mavon-editor/dist/css/index.css';
+import 'x-mavon-editor/dist/highlightjs/styles/atom-one-dark.min.css';
+import './mark-down.postcss.css';
+const defaultMDProps = {
+    defaultOpen: 'preview',
+    editable: false,
+    subfield: false,
+    toolbarsFlag: false,
+    boxShadow: false,
+    xssOptions: {
+        whiteList: {
+            a: [
+                'href',
+                'target',
+                'class',
+                'title'
+            ],
+            section: [
+                'class'
+            ],
+            i: [
+                'class'
+            ],
+            span: [
+                'class',
+                'data-variable-index'
+            ],
+            svg: [
+                'class'
+            ],
+            use: [
+                'href'
+            ],
+            ul: [
+                'class'
+            ],
+            li: [
+                'class',
+                'title'
+            ]
+        }
+    },
+    externalLink: {
+        markdown_css () {
+            return `${window.SITE_URL}/static/markdown/github-markdown.min.css`;
+        },
+        hljs_js () {
+            return `${window.SITE_URL}/static/highlightjs/highlight.min.js`;
+        },
+        hljs_css (css) {
+            return `${window.SITE_URL}/static/highlightjs/styles/${css}.min.css`;
+        },
+        hljs_lang (lang) {
+            return `${window.SITE_URL}/static/highlightjs/languages/${lang}.min.js`;
+        },
+        katex_css () {
+            return `${window.SITE_URL}/static/katex/katex.min.css`;
+        },
+        katex_js () {
+            return `${window.SITE_URL}/static/katex/katex.min.js`;
+        }
+    }
+};
+export default defineComponent({
+    props: {
+        value: {
+            type: String
+        },
+        previewBackground: {
+            type: String,
+            default: '#fff'
+        }
+    },
+    setup (props) {
+        const mdRef = (md)=>{
+            if (!md) return;
+            // 注册代码块插件
+            MarkDownCodePlugin(md.markdownIt);
+            // 注册表情插件
+            MarkDownEmojiPlugin(md.markdownIt);
+        };
+        return ()=>h(Mavon.mavonEditor, _object_spread_props(_object_spread({}, defaultMDProps), {
+                previewBackground: props.previewBackground,
+                modelValue: props.value,
+                codeStyle: 'atom-one-dark',
+                ref: mdRef
+            }));
+    }
+});

package/dist/components/render-router-tab/index.vue.css

@@ -1,12 +1,12 @@
 
-.router-tab[data-v-2lnqgz9g] {
+.router-tab[data-v-8b7cy3ku] {
   margin-top: 2px;
   height: 42px;
   background: #FFFFFF;
   box-shadow: 0 2px 4px 0 #1919290d;
   padding: 0 45px;
 }
-.router-tab a[data-v-2lnqgz9g] {
+.router-tab a[data-v-8b7cy3ku] {
     padding: 0 8px;
     margin-right: 24px;
     font-size: 14px;
@@ -15,7 +15,7 @@
     color: #4D4F56;
     box-sizing: border-box;
 }
-.router-tab a.router-link-exact-active[data-v-2lnqgz9g] {
+.router-tab a.router-link-exact-active[data-v-8b7cy3ku] {
       color: #3A84FF;
       border-bottom: 2px solid #3A84FF;
 }

package/dist/components/render-router-tab/index.vue.js

@@ -1,5 +1,5 @@
 import script from './index.script.vue.js.js';
-script.__scopeId = "data-v-2lnqgz9g";
+script.__scopeId = "data-v-8b7cy3ku";
 script.__file = "./src/components/render-router-tab/index.vue";
 import './index.vue.css';
 export default script;