@blueking/ai-ui-sdk 0.0.15-beta.8 → 0.1.0-beta.1

package/dist/component/render-markdown/mark-down-code.js

@@ -1,171 +0,0 @@
-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="bkaidev-icon bkaidev-un-full-screen click-un-full-screen"></i>
-          <i class="bkaidev-icon bkaidev-full-screen click-full-screen"></i>
-          <i class="bkaidev-icon bkaidev-copy click-copy" data-clipboard-text="${encodeCode}"></i>
-          <i class="bkaidev-icon bkaidev-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/component/render-markdown/mark-down-emoji.d.ts

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

package/dist/component/render-markdown/mark-down-emoji.js

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

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

@@ -1,74 +0,0 @@
-import type MarkdownIt from 'markdown-it';
-import 'x-mavon-editor/dist/css/index.css';
-import 'x-mavon-editor/dist/markdown/github-markdown.min.css';
-import 'x-mavon-editor/dist/highlightjs/styles/atom-one-dark.min.css';
-import 'x-mavon-editor/dist/highlightjs/highlight.min.js';
-import 'x-mavon-editor/dist/highlightjs/languages/javascript.min.js';
-import 'x-mavon-editor/dist/highlightjs/languages/css.min.js';
-import 'x-mavon-editor/dist/highlightjs/languages/python.min.js';
-import 'x-mavon-editor/dist/highlightjs/languages/java.min.js';
-import 'x-mavon-editor/dist/highlightjs/languages/php.min.js';
-import 'x-mavon-editor/dist/highlightjs/languages/ruby.min.js';
-import 'x-mavon-editor/dist/highlightjs/languages/swift.min.js';
-import 'x-mavon-editor/dist/highlightjs/languages/go.min.js';
-import 'x-mavon-editor/dist/highlightjs/languages/perl.min.js';
-import 'x-mavon-editor/dist/highlightjs/languages/sql.min.js';
-import 'x-mavon-editor/dist/highlightjs/languages/xml.min.js';
-import 'x-mavon-editor/dist/highlightjs/languages/json.min.js';
-import 'x-mavon-editor/dist/highlightjs/languages/typescript.min.js';
-import 'x-mavon-editor/dist/highlightjs/languages/bash.min.js';
-import 'x-mavon-editor/dist/highlightjs/languages/markdown.min.js';
-import 'x-mavon-editor/dist/katex/katex.min.css';
-import 'x-mavon-editor/dist/katex/katex.min.js';
-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[];
-        };
-    };
-};
-type MdRef = {
-    $paste: () => void;
-    markdownIt: MarkdownIt;
-};
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    value: {
-        type: StringConstructor;
-    };
-    isCode: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    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;
-    };
-    isCode: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    previewBackground: {
-        type: StringConstructor;
-        default: string;
-    };
-}>> & Readonly<{}>, {
-    isCode: boolean;
-    previewBackground: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/component/render-markdown/mark-down.js

@@ -1,147 +0,0 @@
-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 '../../../dist/node_modules/x-mavon-editor/dist/mavon-editor.js';
-import { MarkDownCodePlugin } from './mark-down-code.js';
-import { MarkDownEmojiPlugin } from './mark-down-emoji.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/css/index.css';
-import '../../../dist/node_modules/x-mavon-editor/dist/markdown/github-markdown.min.css';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/styles/atom-one-dark.min.css';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/highlight.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/languages/javascript.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/languages/css.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/languages/python.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/languages/java.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/languages/php.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/languages/ruby.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/languages/swift.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/languages/go.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/languages/perl.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/languages/sql.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/languages/xml.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/languages/json.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/languages/typescript.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/languages/bash.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/highlightjs/languages/markdown.min.js';
-import '../../../dist/node_modules/x-mavon-editor/dist/katex/katex.min.css';
-import '../../../dist/node_modules/x-mavon-editor/dist/katex/katex.min.js';
-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'
-            ],
-            svg: [
-                'class'
-            ],
-            use: [
-                'href'
-            ],
-            ul: [
-                'class'
-            ],
-            li: [
-                'class',
-                'title'
-            ]
-        }
-    }
-};
-export default defineComponent({
-    props: {
-        value: {
-            type: String
-        },
-        isCode: {
-            type: Boolean,
-            default: false
-        },
-        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/component/render-markdown/mark-down.postcss.css

@@ -1,131 +0,0 @@
-.v-note-wrapper.markdown-body {
-  border: none !important;
-  min-height: auto;
-  background: transparent;
-}
-
-.v-show-content {
-  height: auto !important;
-  font-size: 14px !important;
-  padding: 8px 25px !important;
-  min-height: 37px !important;
-
-  p {
-    margin-bottom: 0 !important;
-
-    & + 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;
-
-    .bkaidev-un-full-screen,
-    .bkaidev-full-screen,
-    .bkaidev-copy {
-      margin-right: 12px;
-    }
-
-    .bkaidev-icon {
-      color: #979ba5;
-      cursor: pointer;
-
-      &:hover {
-        color: #3a84ff;
-      }
-    }
-
-    & + 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;
-
-      code {
-        font-size: 14px !important;
-      }
-
-      .hljs-comment {
-        color: #6a9954;
-        font-style: inherit;
-      }
-
-      .hljs {
-        overflow: initial;
-        background: #1a1a1a !important;
-      }
-
-      &::-webkit-scrollbar-track {
-        background: #2e2e2e;
-        border-left: 1px solid #3d3d3d;
-        border-top: 1px solid #3d3d3d;
-      }
-
-      &::-webkit-scrollbar {
-        width: 14px;
-        height: 14px;
-      }
-
-      &::-webkit-scrollbar-corner {
-        background: #2e2e2e !important;
-      }
-
-      &::-webkit-scrollbar-thumb {
-        height: 5px;
-        border-radius: 1px;
-        background: rgb(121 121 121 / 40%);
-        border: 1px solid #63656e;
-      }
-    }
-  }
-
-  &:not(:first-child) {
-    margin-top: 8px !important;
-  }
-
-  &:not(:last-child) {
-    margin-bottom: 8px !important;
-  }
-
-  &.full-screen {
-    margin-top: 0 !important;
-
-    .code-header {
-      margin: 0;
-    }
-
-    pre {
-      max-height: calc(100vh - 40px);
-      height: calc(100vh - 40px);
-    }
-  }
-
-  .full-screen-wrap.full-screen {
-    margin-top: 0 !important;
-
-    .code-header {
-      margin: 0;
-    }
-
-    pre {
-      max-height: calc(100vh - 40px);
-      height: calc(100vh - 40px);
-    }
-  }
-}
-
-.v-note-img-wrapper {
-  display: none !important;
-}

package/dist/component/render-message/image-not-supported-message.script.vue.js

@@ -1,99 +0,0 @@
-import { defineComponent as _defineComponent } from 'vue';
-import { createElementVNode as _createElementVNode, resolveComponent as _resolveComponent, withModifiers as _withModifiers, openBlock as _openBlock, createBlock as _createBlock, createCommentVNode as _createCommentVNode, renderList as _renderList, Fragment as _Fragment, createElementBlock as _createElementBlock, createTextVNode as _createTextVNode, toDisplayString as _toDisplayString, normalizeClass as _normalizeClass } from "vue";
-import _imports_0 from '../../assets/images/ai.png';
-const _hoisted_1 = {
-    class: "ai-message-home g-flex-row"
-};
-const _hoisted_2 = [
-    "onClick"
-];
-import SkeletonMessage from './skeleton-message.vue.js';
-export default /*@__PURE__*/ _defineComponent({
-    props: {
-        sessionContent: {},
-        isOperateHistory: {
-            type: Boolean
-        },
-        selected: {
-            type: Boolean
-        },
-        visible: {
-            type: Boolean
-        },
-        supportImageModels: {},
-        sessionLoadingMap: {},
-        currentSession: {}
-    },
-    emits: [
-        "select",
-        "update-session-list",
-        "change-model"
-    ],
-    setup (__props, { emit: __emit }) {
-        const emits = __emit;
-        const handelCheck = (selected)=>{
-            emits('select', selected);
-        };
-        const handleChangeModel = (llmCode)=>{
-            emits('change-model', llmCode);
-        };
-        return (_ctx, _cache)=>{
-            const _component_bk_checkbox = _resolveComponent("bk-checkbox");
-            return _openBlock(), _createElementBlock("section", _hoisted_1, [
-                _cache[5] || (_cache[5] = _createElementVNode("span", {
-                    class: "message-photo"
-                }, [
-                    _createElementVNode("img", {
-                        src: _imports_0
-                    })
-                ], -1 /* HOISTED */ )),
-                _ctx.visible ? (_openBlock(), _createElementBlock("p", {
-                    key: 0,
-                    class: _normalizeClass([
-                        'ai-content',
-                        _ctx.sessionContent.status
-                    ]),
-                    onClick: _cache[1] || (_cache[1] = ($event)=>handelCheck(!_ctx.selected))
-                }, [
-                    _cache[2] || (_cache[2] = _createElementVNode("i", {
-                        class: "bkaidev-icon bkaidev-warning-circle-fill"
-                    }, null, -1 /* HOISTED */ )),
-                    _ctx.isOperateHistory ? (_openBlock(), _createBlock(_component_bk_checkbox, {
-                        key: 0,
-                        class: "message-check",
-                        "model-value": _ctx.selected,
-                        onChange: handelCheck,
-                        onClick: _cache[0] || (_cache[0] = _withModifiers(()=>{}, [
-                            "stop"
-                        ]))
-                    }, null, 8 /* PROPS */ , [
-                        "model-value"
-                    ])) : _createCommentVNode("v-if", true),
-                    _cache[3] || (_cache[3] = _createTextVNode(" 抱歉，当前模型不支持图片，请先切换至 ")),
-                    (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_ctx.supportImageModels, (model, index)=>{
-                        var _ctx_currentSession;
-                        return _openBlock(), _createElementBlock("span", {
-                            key: index
-                        }, [
-                            index > 0 ? (_openBlock(), _createElementBlock(_Fragment, {
-                                key: 0
-                            }, [
-                                _createTextVNode(" 、 ")
-                            ], 64 /* STABLE_FRAGMENT */ )) : _createCommentVNode("v-if", true),
-                            _createElementVNode("span", {
-                                class: _normalizeClass({
-                                    disabled: _ctx.sessionLoadingMap[(_ctx_currentSession = _ctx.currentSession) === null || _ctx_currentSession === void 0 ? void 0 : _ctx_currentSession.sessionCode],
-                                    'model-message': true
-                                }),
-                                onClick: ($event)=>handleChangeModel(model.llmCode)
-                            }, _toDisplayString(model.llmName), 11 /* TEXT, CLASS, PROPS */ , _hoisted_2)
-                        ]);
-                    }), 128 /* KEYED_FRAGMENT */ )),
-                    _cache[4] || (_cache[4] = _createTextVNode(" 模型 "))
-                ], 2 /* CLASS */ )) : (_openBlock(), _createBlock(SkeletonMessage, {
-                    key: 1
-                }))
-            ]);
-        };
-    }
-});