@blueking/ai-ui-sdk 0.2.0-beta.21 → 0.2.0-beta.23

package/dist/components/render-dataset-list/index.vue.js

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

package/dist/components/render-file-card/index.vue.css

@@ -1,21 +1,21 @@
 
-.upload-file-home[data-v-ezabcdng] {
+.upload-file-home[data-v-w5xzcq2o] {
   position: relative;
   background: #FFFFFF;
   border: 1px solid #DCDEE5;
   border-radius: 4px;
   padding: 12px 12px 10px 12px;
 }
-.upload-file-home[data-v-ezabcdng]:hover {
+.upload-file-home[data-v-w5xzcq2o]:hover {
     border: 1px solid #3A84FF;
 }
-.upload-file-home:hover .file-icons[data-v-ezabcdng] {
+.upload-file-home:hover .file-icons[data-v-w5xzcq2o] {
       display: flex;
 }
-.upload-file-home .file-icon[data-v-ezabcdng] {
+.upload-file-home .file-icon[data-v-w5xzcq2o] {
     font-size: 32px;
 }
-.upload-file-home .file-content[data-v-ezabcdng] {
+.upload-file-home .file-content[data-v-w5xzcq2o] {
     font-size: 12px;
     flex: 1;
     align-items: flex-start;
@@ -23,28 +23,28 @@
     font-weight: normal;
     width: 0;
 }
-.upload-file-home .file-content .file-name[data-v-ezabcdng] {
+.upload-file-home .file-content .file-name[data-v-w5xzcq2o] {
       width: 100%;
       font-size: 14px;
       line-height: 20px;
 }
-.upload-file-home .file-content .file-size[data-v-ezabcdng] {
+.upload-file-home .file-content .file-size[data-v-w5xzcq2o] {
       font-size: 12px;
       color: #979BA5;
       line-height: 20px;
 }
-.upload-file-home .file-icons[data-v-ezabcdng] {
+.upload-file-home .file-icons[data-v-w5xzcq2o] {
     display: none;
     color: #979BA5;
 }
-.upload-file-home .file-icons .bkaidev-icon[data-v-ezabcdng] {
+.upload-file-home .file-icons .bkaidev-icon[data-v-w5xzcq2o] {
       cursor: pointer;
       margin-right: 15px;
       font-size: 16px;
 }
-.upload-file-home .file-icons .bkaidev-icon[data-v-ezabcdng]:hover {
+.upload-file-home .file-icons .bkaidev-icon[data-v-w5xzcq2o]:hover {
         color: #3A84FF;
 }
-.upload-file-home .file-icons .bkaidev-delete[data-v-ezabcdng] {
+.upload-file-home .file-icons .bkaidev-delete[data-v-w5xzcq2o] {
       margin: 0;
 }

package/dist/components/render-file-card/index.vue.js

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

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

@@ -1,16 +1,16 @@
 
-.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-0gjni6l5] {
+.ai-ui-sdk-icon.ai-ui-sdk-pdf[data-v-qf27p592] {
   color: #EA3636;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-0gjni6l5], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-0gjni6l5], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-0gjni6l5] {
+.ai-ui-sdk-icon.ai-ui-sdk-doc-2[data-v-qf27p592], .ai-ui-sdk-icon.ai-ui-sdk-ppt-2[data-v-qf27p592], .ai-ui-sdk-icon.ai-ui-sdk-markdown[data-v-qf27p592] {
   color: #3A84FF;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-0gjni6l5] {
+.ai-ui-sdk-icon.ai-ui-sdk-folder-fill[data-v-qf27p592] {
   color: #C4C6CC;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-0gjni6l5] {
+.ai-ui-sdk-icon.ai-ui-sdk-excel[data-v-qf27p592] {
   color: #2DCB56;
 }
-.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-0gjni6l5] {
+.ai-ui-sdk-icon.ai-ui-sdk-wangye[data-v-qf27p592] {
   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-0gjni6l5";
+script.__scopeId = "data-v-qf27p592";
 script.__file = "./src/components/render-file-type-icon/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,13 +1,13 @@
 
-.header-home[data-v-rfx50h3s] {
+.header-home[data-v-qh5nu3ks] {
   width: 100%;
   background: #FFFFFF;
   box-shadow: 0 3px 4px 0 #0000000a;
 }
-.render-tab[data-v-rfx50h3s] {
+.render-tab[data-v-qh5nu3ks] {
   border-bottom: 2px solid transparent;
 }
-.render-tab.active[data-v-rfx50h3s] {
+.render-tab.active[data-v-qh5nu3ks] {
     color: #3A84FF;
     border-bottom: 2px solid #3A84FF;
 }

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

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

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

@@ -1,20 +1,20 @@
 
-.dislike-icon[data-v-8jkzv8i9] {
+.dislike-icon[data-v-q7gttb4y] {
   transform: rotateX(180deg);
 }
-.option-items[data-v-8jkzv8i9] {
+.option-items[data-v-q7gttb4y] {
   padding: 1px 8px;
   background-color: #F0F1F5;
   line-height: 22px;
   border-radius: 2px;
 }
-.option-items[data-v-8jkzv8i9]:hover {
+.option-items[data-v-q7gttb4y]:hover {
     background-color: #E1ECFF;
     color: #3A84FF;
 }
-.option-items-selected[data-v-8jkzv8i9]{
+.option-items-selected[data-v-q7gttb4y]{
   background-color: #E1ECFF;
 }
-[data-v-8jkzv8i9] .bk-form-item {
+[data-v-q7gttb4y] .bk-form-item {
   margin-bottom: 17px;
 }

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

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

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

@@ -1,5 +1,5 @@
 import type { EditorOptions } from '@toast-ui/editor';
-import 'prismjs/themes/prism-tomorrow.min.css';
+import './prism-atom-one-dark.postcss';
 import '@toast-ui/editor-plugin-code-syntax-highlight/dist/toastui-editor-plugin-code-syntax-highlight.css';
 import 'prismjs/components/prism-markup';
 import 'prismjs/components/prism-css';
@@ -16,4 +16,4 @@ import 'prismjs/components/prism-java';
 import 'prismjs/components/prism-python';
 import 'prismjs/components/prism-go';
 import 'prismjs/components/prism-rust';
-export declare const commonConfig: Pick<EditorOptions, 'usageStatistics' | 'linkAttributes' | 'plugins'>;
+export declare const commonConfig: Pick<EditorOptions, 'usageStatistics' | 'linkAttributes' | 'plugins' | 'customHTMLRenderer'>;

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

@@ -1,7 +1,36 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
 import Prism from 'prismjs';
 import CodeSyntaxHighlight from '@toast-ui/editor-plugin-code-syntax-highlight';
+import { createTuiKatexCustomRenderer } from './katex.ts.js';
 import { MarkDownCodeCopyPlugin } from './mark-down-code-copy.ts.js';
-import 'prismjs/themes/prism-tomorrow.min.css';
+import './prism-atom-one-dark.postcss.css';
 import '@toast-ui/editor-plugin-code-syntax-highlight/dist/toastui-editor-plugin-code-syntax-highlight.css';
 import 'prismjs/components/prism-markup';
 import 'prismjs/components/prism-css';
@@ -37,5 +66,9 @@ export const commonConfig = {
                 highlighter: Prism
             }
         ]
-    ]
+    ],
+    customHTMLRenderer: _object_spread({}, createTuiKatexCustomRenderer({
+        autoEscapePercent: true,
+        enableSingleDollar: true
+    }))
 };

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

@@ -82,7 +82,7 @@ export default defineComponent({
             const defaultMode = props.mode || "wysiwyg";
             // 切换模式按钮
             const modeSwitchEl = document.createElement('section');
-            modeSwitchEl.className = 'toastui-editor-toolbar-custom-button g-cursor-pointer';
+            modeSwitchEl.className = 'toastui-editor-toolbar-custom-button g-cursor-pointer g-ml-4';
             modeSwitchEl.innerHTML = '<i class="bkaidev-icon bkaidev-qiehuan g-mr-4 g-text-16"></i>切换代码模式';
             modeSwitchEl.dataset.mode = defaultMode;
             modeSwitchEl.addEventListener('click', ()=>{
@@ -145,10 +145,12 @@ export default defineComponent({
                         ]
                     ],
                     [
-                        {
-                            name: 'modeSwitch',
-                            el: modeSwitchEl
-                        },
+                        ...props.isSimpleToolbar ? [] : [
+                            {
+                                name: 'modeSwitch',
+                                el: modeSwitchEl
+                            }
+                        ],
                         {
                             name: 'fullScreen',
                             el: fullScreenEl

package/dist/components/render-markdown/filter-css.d.ts

@@ -0,0 +1,3 @@
+export declare const filterStyle: (style: string) => string;
+export declare const cleanStyleAfterXss: (root: DocumentFragment) => void;
+export declare const filterCSS: (html: string) => string;

package/dist/components/render-markdown/filter-css.ts.js

@@ -0,0 +1,119 @@
+const NUMERIC_PROPS = new Set([
+    'height',
+    'top',
+    'bottom',
+    'margin-right',
+    'margin-left',
+    'border-bottom-width',
+    'width',
+    'min-width',
+    'font-size'
+]);
+const COLOR_PROPS = new Set([
+    'color',
+    'background-color'
+]);
+const FONT_WEIGHT_PROPS = new Set([
+    'font-weight'
+]);
+const VERTICAL_ALIGN_VALUES = new Set([
+    'baseline',
+    'middle',
+    'sub',
+    'super',
+    'text-top',
+    'text-bottom',
+    'top',
+    'bottom'
+]);
+const DANGEROUS_CSS_VALUE_RE = /(url\s*\(|expression\s*\(|javascript\s*:|vbscript\s*:|data\s*:|@import|var\s*\(|calc\s*\()/i;
+const NUMERIC_VALUE_RE = /^-?\d+(\.\d+)?(em|px|rem|%)?$/i;
+const FONT_WEIGHT_VALUE_RE = /^(normal|bold|bolder|lighter|[1-9]00)$/i;
+const HEX_COLOR_RE = /^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+const RGB_COLOR_RE = /^rgba?\(\s*((25[0-5]|2[0-4]\d|1?\d?\d)\s*,\s*){2}(25[0-5]|2[0-4]\d|1?\d?\d)(\s*,\s*(0|1|0?\.\d+))?\s*\)$/i;
+const HSL_COLOR_RE = /^hsla?\(\s*(360|3[0-5]\d|[12]?\d?\d)\s*,\s*(100|[1-9]?\d)%\s*,\s*(100|[1-9]?\d)%(\s*,\s*(0|1|0?\.\d+))?\s*\)$/i;
+const SAFE_COLOR_KEYWORDS = new Set([
+    'transparent',
+    'currentcolor',
+    'black',
+    'white',
+    'red',
+    'green',
+    'blue',
+    'gray',
+    'grey',
+    'yellow',
+    'orange',
+    'purple',
+    'pink',
+    'brown'
+]);
+const isSafeCssValue = (value)=>{
+    return !DANGEROUS_CSS_VALUE_RE.test(value);
+};
+const isSafeNumericValue = (value)=>{
+    return NUMERIC_VALUE_RE.test(value);
+};
+const isSafeFontWeightValue = (value)=>{
+    if (!FONT_WEIGHT_VALUE_RE.test(value)) return false;
+    const num = Number(value);
+    if (Number.isNaN(num)) return true;
+    return num >= 100 && num <= 900 && num % 100 === 0;
+};
+const isSafeColorValue = (value)=>{
+    const normalized = value.trim().toLowerCase();
+    if (!isSafeCssValue(normalized)) return false;
+    if (SAFE_COLOR_KEYWORDS.has(normalized)) return true;
+    if (HEX_COLOR_RE.test(normalized)) return true;
+    if (RGB_COLOR_RE.test(normalized)) return true;
+    if (HSL_COLOR_RE.test(normalized)) return true;
+    return false;
+};
+const isSafeVerticalAlignValue = (value)=>{
+    const normalized = value.trim().toLowerCase();
+    return VERTICAL_ALIGN_VALUES.has(normalized) || isSafeNumericValue(normalized);
+};
+export const filterStyle = (style)=>{
+    return style.split(';').map((item)=>item.trim()).filter(Boolean).map((item)=>{
+        const [rawProp, ...rest] = item.split(':');
+        const prop = rawProp === null || rawProp === void 0 ? void 0 : rawProp.trim().toLowerCase();
+        const value = rest.join(':').trim();
+        return {
+            prop,
+            value,
+            normalizedValue: value.toLowerCase()
+        };
+    }).filter(({ prop, value, normalizedValue })=>{
+        if (!prop || !value) return false;
+        if (!isSafeCssValue(normalizedValue)) return false;
+        if (NUMERIC_PROPS.has(prop)) {
+            return isSafeNumericValue(normalizedValue);
+        }
+        if (COLOR_PROPS.has(prop)) {
+            return isSafeColorValue(normalizedValue);
+        }
+        if (FONT_WEIGHT_PROPS.has(prop)) {
+            return isSafeFontWeightValue(normalizedValue);
+        }
+        if (prop === 'vertical-align') {
+            return isSafeVerticalAlignValue(normalizedValue);
+        }
+        return false;
+    }).map(({ prop, value })=>`${prop}: ${value}`).join('; ');
+};
+export const cleanStyleAfterXss = (root)=>{
+    root.querySelectorAll('[style]').forEach((el)=>{
+        const nextStyle = filterStyle(el.getAttribute('style') || '');
+        if (nextStyle) {
+            el.setAttribute('style', nextStyle);
+        } else {
+            el.removeAttribute('style');
+        }
+    });
+};
+export const filterCSS = (html)=>{
+    const template = document.createElement('template');
+    template.innerHTML = html;
+    cleanStyleAfterXss(template.content);
+    return template.innerHTML;
+};

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

@@ -0,0 +1,83 @@
+import { type KatexOptions } from 'katex';
+import 'katex/dist/katex.min.css';
+type MdNode = {
+    literal?: string;
+    type?: string;
+    parent?: MdNode | null;
+};
+export interface TuiKatexOptions {
+    /**
+     * 兼容 100% 写法。
+     * 标准 LaTeX 应该写 100\%
+     */
+    autoEscapePercent?: boolean;
+    /**
+     * 是否支持 $E=mc^2$。
+     * 如果业务里经常出现 $100 这种价格，建议设为 false。
+     */
+    enableSingleDollar?: boolean;
+    katexOptions?: KatexOptions;
+}
+export declare function normalizeLatex(input: string, options?: TuiKatexOptions): string;
+export declare function renderKatexToHtml(latex: string, displayMode?: boolean, options?: TuiKatexOptions): string;
+export declare function createTuiKatexCustomRenderer(options?: TuiKatexOptions): {
+    paragraph(_node: MdNode, context: any): any;
+    text(node: MdNode): {
+        type: "text";
+        content: string;
+    } | {
+        type: "html";
+        content: string;
+    };
+    softbreak(_node: MdNode, context: any): any;
+    linebreak(_node: MdNode, context: any): any;
+    /**
+     * 支持 TUI custom block:
+     *
+     * $$katex
+     * \frac{15}{5000}\times 100\%=0.3\%
+     * $$
+     */
+    katex: (node: MdNode) => ({
+        type: "openTag";
+        tagName: string;
+        outerNewLine: boolean;
+        classNames: string[];
+        content?: undefined;
+    } | {
+        type: "html";
+        content: string;
+        tagName?: undefined;
+        outerNewLine?: undefined;
+        classNames?: undefined;
+    } | {
+        type: "closeTag";
+        tagName: string;
+        outerNewLine: boolean;
+        classNames?: undefined;
+        content?: undefined;
+    })[];
+    /**
+     * 这里 latex 也按数学公式处理，不走 latex.js。
+     */
+    latex: (node: MdNode) => ({
+        type: "openTag";
+        tagName: string;
+        outerNewLine: boolean;
+        classNames: string[];
+        content?: undefined;
+    } | {
+        type: "html";
+        content: string;
+        tagName?: undefined;
+        outerNewLine?: undefined;
+        classNames?: undefined;
+    } | {
+        type: "closeTag";
+        tagName: string;
+        outerNewLine: boolean;
+        classNames?: undefined;
+        content?: undefined;
+    })[];
+};
+export {};