@blueking/ai-ui-sdk 0.4.0-beta.1 → 0.4.1-beta.2

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

@@ -0,0 +1,131 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+import { defineComponent as _defineComponent } from 'vue';
+import { openBlock as _openBlock, createBlock as _createBlock } from "vue";
+import { ref } from 'vue';
+import { isSearchMatch } from '../../../common/util.ts.js';
+import RenderSearchSelect from '../../render-search-select/index.vue.js';
+import { useMemberHttp } from '../../../hooks.ts.js';
+export default /*@__PURE__*/ _defineComponent({
+    props: {
+        search: {},
+        isShowAllSearchOptions: {
+            type: Boolean
+        },
+        isShowTagSearch: {
+            type: Boolean
+        },
+        apiPrefix: {},
+        spaceId: {},
+        module: {},
+        memberUrl: {}
+    },
+    emits: [
+        "update:search"
+    ],
+    setup (__props, { emit: __emit }) {
+        const props = __props;
+        const emits = __emit;
+        const { getMemberList } = useMemberHttp();
+        const searchOptions = ref([
+            ...props.isShowAllSearchOptions ? [
+                {
+                    id: 'name',
+                    name: '名称'
+                },
+                {
+                    id: 'description',
+                    name: '描述'
+                },
+                {
+                    id: 'id',
+                    name: 'ID'
+                },
+                {
+                    id: 'updatedBy',
+                    name: '更新人',
+                    async: true,
+                    children: []
+                }
+            ] : [
+                {
+                    id: 'name',
+                    name: '中文名称'
+                },
+                {
+                    id: 'knowledgebaseCode',
+                    name: '英文名称'
+                },
+                {
+                    id: 'description',
+                    name: '描述'
+                }
+            ]
+        ]);
+        const handleGetMenuList = function() {
+            var _ref = _async_to_generator(function*(data, search) {
+                if (!data.async) {
+                    return (data.children || []).filter((item)=>isSearchMatch(item.name, search));
+                }
+                if (data.id === 'updatedBy') {
+                    return getMemberList(props.memberUrl, search);
+                }
+            });
+            return function handleGetMenuList(data, search) {
+                return _ref.apply(this, arguments);
+            };
+        }();
+        const handleSearchChange = (search)=>{
+            emits('update:search', search);
+        };
+        return (_ctx, _cache)=>{
+            return _openBlock(), _createBlock(RenderSearchSelect, {
+                class: "!g-bg-white",
+                placeholder: __props.isShowAllSearchOptions ? '搜索名称、描述、ID、更新人' : '搜索中英文名称、描述',
+                "model-value": props.search,
+                data: searchOptions.value,
+                "is-show-tag-search": props.isShowTagSearch,
+                "api-prefix": props.apiPrefix,
+                "space-id": props.spaceId,
+                module: props.module,
+                "get-menu-list": handleGetMenuList,
+                "onUpdate:modelValue": handleSearchChange
+            }, null, 8 /* PROPS */ , [
+                "placeholder",
+                "model-value",
+                "data",
+                "is-show-tag-search",
+                "api-prefix",
+                "space-id",
+                "module"
+            ]);
+        };
+    }
+});

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

@@ -0,0 +1,18 @@
+import { Module } from '@/types/enum';
+import type { IKnowledgebaseListParam } from '@/types/knowledge';
+interface IProps {
+    search: IKnowledgebaseListParam;
+    isShowAllSearchOptions?: boolean;
+    isShowTagSearch?: boolean;
+    apiPrefix?: string;
+    spaceId?: string;
+    module?: Module;
+    memberUrl: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<IProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:search": (search: IKnowledgebaseListParam) => any;
+}, string, import("vue").PublicProps, Readonly<IProps> & Readonly<{
+    "onUpdate:search"?: (search: IKnowledgebaseListParam) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,3 @@
+import script from './index.script.vue.js.js';
+script.__file = "./src/components/render-knowledgebase/search/index.vue";
+export default script;

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

@@ -0,0 +1,19 @@
+import type { EditorOptions } from '@toast-ui/editor';
+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';
+import 'prismjs/components/prism-scss';
+import 'prismjs/components/prism-javascript';
+import 'prismjs/components/prism-typescript';
+import 'prismjs/components/prism-jsx';
+import 'prismjs/components/prism-tsx';
+import 'prismjs/components/prism-json';
+import 'prismjs/components/prism-bash';
+import 'prismjs/components/prism-yaml';
+import 'prismjs/components/prism-sql';
+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' | 'customHTMLRenderer'>;

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

@@ -0,0 +1,74 @@
+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 './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';
+import 'prismjs/components/prism-scss';
+import 'prismjs/components/prism-javascript';
+import 'prismjs/components/prism-typescript';
+import 'prismjs/components/prism-jsx';
+import 'prismjs/components/prism-tsx';
+import 'prismjs/components/prism-json';
+import 'prismjs/components/prism-bash';
+import 'prismjs/components/prism-yaml';
+import 'prismjs/components/prism-sql';
+import 'prismjs/components/prism-java';
+import 'prismjs/components/prism-python';
+import 'prismjs/components/prism-go';
+import 'prismjs/components/prism-rust';
+export const commonConfig = {
+    usageStatistics: false,
+    linkAttributes: {
+        target: '_blank',
+        rel: 'noopener noreferrer nofollow'
+    },
+    plugins: [
+        [
+            CodeSyntaxHighlight,
+            {
+                highlighter: Prism
+            }
+        ],
+        [
+            MarkDownCodeCopyPlugin,
+            {
+                highlighter: Prism
+            }
+        ]
+    ],
+    customHTMLRenderer: _object_spread({}, createTuiKatexCustomRenderer({
+        autoEscapePercent: true,
+        enableSingleDollar: true
+    }))
+};

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

@@ -0,0 +1,82 @@
+import { type PropType } from 'vue';
+import '@toast-ui/editor/dist/toastui-editor.css';
+import './edit.postcss';
+declare enum EditorMode {
+    Markdown = "markdown",
+    Wysiwyg = "wysiwyg"
+}
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: PropType<EditorMode>;
+        default: EditorMode;
+    };
+    isSimpleToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    'update:modelValue': (value: string) => string;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+    };
+    placeholder: {
+        type: StringConstructor;
+    };
+    height: {
+        type: StringConstructor;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+    fontSize: {
+        type: StringConstructor;
+        default: string;
+    };
+    backgroundColor: {
+        type: StringConstructor;
+        default: string;
+    };
+    mode: {
+        type: PropType<EditorMode>;
+        default: EditorMode;
+    };
+    isSimpleToolbar: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+}>, {
+    disabled: boolean;
+    height: string;
+    fontSize: string;
+    mode: EditorMode;
+    backgroundColor: string;
+    isSimpleToolbar: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,92 @@
+.toastui-editor-defaultUI,
+.ProseMirror {
+  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;
+}
+
+.toastui-editor-defaultUI .toastui-editor-toolbar {
+    height: 40px;
+  }
+
+.toastui-editor-defaultUI .ProseMirror {
+    padding: 12px 16px;
+    overflow-y: auto;
+    height: 100%;
+  }
+
+.toastui-editor-defaultUI .ProseMirror::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+    }
+
+.toastui-editor-defaultUI .ProseMirror::-webkit-scrollbar-thumb {
+      width: 6px;
+      height: 6px;
+      border-radius: 3px;
+      background-color: #dcdee5;
+    }
+
+.toastui-editor-defaultUI .ProseMirror::-webkit-scrollbar-thumb:hover {
+        background-color: #979ba5;
+      }
+
+.toastui-editor-defaultUI .toastui-editor-md-preview::-webkit-scrollbar {
+      width: 6px;
+      height: 6px;
+    }
+
+.toastui-editor-defaultUI .toastui-editor-md-preview::-webkit-scrollbar-thumb {
+      width: 6px;
+      height: 6px;
+      border-radius: 3px;
+      background-color: #dcdee5;
+    }
+
+.toastui-editor-defaultUI .toastui-editor-md-preview::-webkit-scrollbar-thumb:hover {
+        background-color: #979ba5;
+      }
+
+.toastui-editor-defaultUI-toolbar {
+  height: 40px;
+  padding: 0 12px !important;
+  background: #fff;
+}
+
+.toastui-editor-defaultUI-toolbar button {
+    width: 32px !important;
+    height: 32px !important;
+    margin: 4px 3px !important;
+    padding: 0 !important;
+    overflow: visible !important;
+    display: inline-flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    border: none !important;
+    font-size: 12px !important;
+  }
+
+.toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-custom-button {
+    width: auto !important;
+  }
+
+.toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-icons {
+    transform: scale(.65) !important;
+    transform-origin: center center !important;
+  }
+
+.toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-divider {
+    height: 16px !important;
+    margin: 12px 6px !important;
+  }
+
+.toastui-editor-defaultUI-toolbar .toastui-editor-toolbar-item-wrapper {
+    height: 40px;
+    margin: 0;
+    line-height: 40px;
+  }
+
+.bk-form-item.is-error .toastui-editor-defaultUI {
+    border: 1px solid #ea3636 !important;
+  }

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

@@ -0,0 +1,228 @@
+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 { defineComponent, h, onBeforeUnmount, onMounted, ref, watch } from 'vue';
+import Editor from '@toast-ui/editor';
+import { commonConfig } from './common.ts.js';
+import '@toast-ui/editor/dist/toastui-editor.css';
+import './edit.postcss.css';
+var EditorMode;
+(function(EditorMode) {
+    EditorMode["Markdown"] = "markdown";
+    EditorMode["Wysiwyg"] = "wysiwyg";
+})(EditorMode || (EditorMode = {}));
+export default defineComponent({
+    props: {
+        modelValue: {
+            type: String
+        },
+        placeholder: {
+            type: String
+        },
+        height: {
+            type: String,
+            default: '500px'
+        },
+        disabled: {
+            type: Boolean
+        },
+        fontSize: {
+            type: String,
+            default: '14px'
+        },
+        backgroundColor: {
+            type: String,
+            default: '#fff'
+        },
+        mode: {
+            type: String,
+            default: "wysiwyg"
+        },
+        isSimpleToolbar: {
+            type: Boolean,
+            default: false
+        }
+    },
+    emits: {
+        'update:modelValue': (value)=>value
+    },
+    setup (props, { emit }) {
+        const editorRef = ref();
+        let editor;
+        const handleChange = ()=>{
+            const value = (editor === null || editor === void 0 ? void 0 : editor.getMarkdown()) || '';
+            emit('update:modelValue', value);
+        };
+        const handleInit = ()=>{
+            const defaultMode = props.mode || "wysiwyg";
+            // 切换模式按钮
+            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.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>切换代码模式';
+                } 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>切换富文本模式';
+                }
+            });
+            // 全屏按钮复用 use-click-proxy 的全局 full-screen 代理。
+            const fullScreenEl = document.createElement('section');
+            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>全屏',
+                '</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>取消全屏',
+                '</span>'
+            ].join('');
+            // 初始化编辑器
+            editor = new Editor(_object_spread({
+                el: editorRef.value,
+                initialEditType: defaultMode,
+                previewStyle: 'vertical',
+                hideModeSwitch: true,
+                autofocus: false,
+                toolbarItems: [
+                    [
+                        'heading',
+                        'bold',
+                        'italic',
+                        'strike'
+                    ],
+                    ...props.isSimpleToolbar ? [] : [
+                        [
+                            'hr',
+                            'quote'
+                        ],
+                        [
+                            'ul',
+                            'ol',
+                            'task',
+                            'indent',
+                            'outdent'
+                        ],
+                        [
+                            'table',
+                            'image',
+                            'link'
+                        ],
+                        [
+                            'code',
+                            'codeblock'
+                        ]
+                    ],
+                    [
+                        ...props.isSimpleToolbar ? [] : [
+                            {
+                                name: 'modeSwitch',
+                                el: modeSwitchEl
+                            }
+                        ],
+                        {
+                            name: 'fullScreen',
+                            el: fullScreenEl
+                        }
+                    ]
+                ],
+                placeholder: props.placeholder,
+                initialValue: props.modelValue || '',
+                height: props.height,
+                events: {
+                    change: handleChange
+                }
+            }, commonConfig));
+        };
+        const handleDestroy = ()=>{
+            editor.destroy();
+            editor = null;
+        };
+        const handleStopEvent = (event)=>{
+            event.preventDefault();
+            event.stopPropagation();
+            event.stopImmediatePropagation();
+        };
+        const handleDisabled = ()=>{
+            const root = editorRef.value;
+            const editContent = root.querySelector('.ww-mode [contenteditable]');
+            const toolbar = root.querySelector('.toastui-editor-toolbar');
+            // 禁用事件
+            if (root) {
+                if (props.disabled) {
+                    root.addEventListener('beforeinput', handleStopEvent, true);
+                    root.addEventListener('input', handleStopEvent, true);
+                    root.addEventListener('paste', handleStopEvent, true);
+                    root.addEventListener('cut', handleStopEvent, true);
+                    root.addEventListener('drop', handleStopEvent, true);
+                    root.addEventListener('compositionstart', handleStopEvent, true);
+                } else {
+                    root.removeEventListener('beforeinput', handleStopEvent, true);
+                    root.removeEventListener('input', handleStopEvent, true);
+                    root.removeEventListener('paste', handleStopEvent, true);
+                    root.removeEventListener('cut', handleStopEvent, true);
+                    root.removeEventListener('drop', handleStopEvent, true);
+                    root.removeEventListener('compositionstart', handleStopEvent, true);
+                }
+            }
+            if (editContent) {
+                // 设置样式
+                editContent.setAttribute('contenteditable', String(!props.disabled));
+                editContent.style.cursor = props.disabled ? 'not-allowed' : 'auto';
+            }
+            if (toolbar) {
+                toolbar.style.pointerEvents = props.disabled ? 'none' : 'auto';
+            }
+        };
+        watch(()=>props.modelValue, (value)=>{
+            if (!editor) return;
+            if (value !== editor.getMarkdown()) {
+                editor.setMarkdown(value || '');
+            }
+        });
+        onMounted(()=>{
+            handleInit();
+            handleDisabled();
+        });
+        onBeforeUnmount(handleDestroy);
+        watch(()=>props.disabled, handleDisabled);
+        return ()=>h('section', {
+                ref: editorRef,
+                class: `full-screen-wrap ${props.disabled ? 'is-disabled' : ''}`,
+                style: {
+                    backgroundColor: props.backgroundColor
+                }
+            });
+    }
+});

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

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