@blueking/ai-ui-sdk 0.3.0-beta.8 → 0.4.0-beta.1

package/dist/components/render-markdown/{view.d.ts → mark-down.d.ts}

@@ -1,5 +1,30 @@
-import '@toast-ui/editor/dist/toastui-editor-viewer.css';
-import './view.postcss';
+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;
@@ -27,7 +52,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
     };
 }>> & Readonly<{}>, {
-    padding: string;
     previewBackground: string;
+    padding: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -0,0 +1,154 @@
+.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 pre {
+    color: #abb2bf !important;
+    background: #1a1a1a !important;
+    font-size: 14px !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: var(--content-padding) !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,152 @@
+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'
+        },
+        padding: {
+            type: String,
+            default: '8px 25px'
+        }
+    },
+    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,
+                style: {
+                    '--content-padding': props.padding
+                }
+            }));
+    }
+});

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

@@ -1,15 +1,13 @@
 import { defineComponent as _defineComponent } from 'vue';
-import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, unref as _unref, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock } from "vue";
+import { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, resolveComponent as _resolveComponent, withCtx as _withCtx, createBlock as _createBlock } from "vue";
 const _hoisted_1 = {
     class: "router-tab g-flex-row"
 };
-import { useRoute } from 'vue-router';
 export default /*@__PURE__*/ _defineComponent({
     props: {
         routers: {}
     },
     setup (__props) {
-        const route = useRoute();
         return (_ctx, _cache)=>{
             const _component_router_link = _resolveComponent("router-link");
             return _openBlock(), _createElementBlock("section", _hoisted_1, [
@@ -18,8 +16,8 @@ export default /*@__PURE__*/ _defineComponent({
                         key: router.to,
                         to: {
                             name: router.to,
-                            query: _unref(route).query,
-                            params: _unref(route).params
+                            query: _ctx.$route.query,
+                            params: _ctx.$route.params
                         }
                     }, {
                         default: _withCtx(()=>[

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

@@ -1,12 +1,12 @@
 
-.router-tab[data-v-rwxq2bjx] {
+.router-tab[data-v-1xcik6nn] {
   margin-top: 2px;
   height: 42px;
   background: #FFFFFF;
   box-shadow: 0 2px 4px 0 #1919290d;
   padding: 0 24px;
 }
-.router-tab a[data-v-rwxq2bjx] {
+.router-tab a[data-v-1xcik6nn] {
     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-rwxq2bjx] {
+.router-tab a.router-link-exact-active[data-v-1xcik6nn] {
       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-rwxq2bjx";
+script.__scopeId = "data-v-1xcik6nn";
 script.__file = "./src/components/render-router-tab/index.vue";
 import './index.vue.css';
 export default script;

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

@@ -1,11 +1,11 @@
 import { defineComponent as _defineComponent } from 'vue';
 import { unref as _unref, resolveComponent as _resolveComponent, normalizeClass as _normalizeClass, createVNode as _createVNode, createElementVNode as _createElementVNode, createTextVNode as _createTextVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode } from "vue";
 const _hoisted_1 = {
-    class: "g-flex g-flex-col !g-items-center g-mb-40"
+    class: "g-flex-column g-align-center g-mb-40"
 };
 const _hoisted_2 = {
     key: 0,
-    class: "!g-text-12 g-text-gray g-flex-row g-justify-center g-flex-wrap g-items-center g-ml-8 g-mr-8"
+    class: "g-text-12 g-text-gray g-flex-row g-justify-center g-flex-wrap g-items-center g-ml-8 g-mr-8"
 };
 import { isEmpty } from '../../common/util.ts.js';
 export default /*@__PURE__*/ _defineComponent({
@@ -51,7 +51,7 @@ export default /*@__PURE__*/ _defineComponent({
                 !_unref(isEmpty)(props.search) ? (_openBlock(), _createElementBlock("div", _hoisted_2, [
                     _cache[0] || (_cache[0] = _createTextVNode(" 可以尝试调整筛选条件或 ", -1 /* CACHED */ )),
                     _createElementVNode("button", {
-                        class: "g-text-blue !g-cursor-pointer g-ml-4",
+                        class: "g-text-blue g-cursor-pointer g-ml-4",
                         onClick: handleClearSearch
                     }, " 清空筛选条件 ")
                 ])) : _createCommentVNode("v-if", true)

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

@@ -13,7 +13,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
     slots: {};
     emit: (e: "update:search", data: T) => void;
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -273,7 +273,7 @@ export default /*@__PURE__*/ _defineComponent({
                 ]),
                 __props.isShowTagSearch ? (_openBlock(), _createBlock(_component_bk_cascader, {
                     key: 0,
-                    class: "g-w-200 g-ml-8",
+                    class: "g-width-200 g-ml-8",
                     clearable: "",
                     placeholder: "搜索标签",
                     "id-key": "tagId",

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

@@ -14,7 +14,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
         }[]) => Promise<boolean | string> | boolean | string;
         getMenuList?: Function;
         isShowTagSearch?: boolean;
-        apiPrefix: string;
+        apiPrefix?: string;
         spaceId?: string;
         module?: Module;
     } & {
@@ -27,7 +27,7 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
     slots: {};
     emit: (event: "update:modelValue", value: T) => void;
 }>) => import("vue").VNode & {
-    __ctx?: Awaited<typeof __VLS_setup>;
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
 export default _default;