@matechat/ng 20.1.0-alpha.1 → 20.2.0-alpha.0

package/index.d.ts

@@ -427,6 +427,19 @@ interface ASTNode {
     vNodeKey: string;
 }
 
+/**
+ * 递归查找所有层级中 className 包含 code-block-wrapper 的 DIV 节点
+ * @param {Array} vnodes - 待查找的 vnode 列表
+ * @returns {Array} 符合条件的节点列表
+ */
+declare function findCodeBlockWrappers(vnodes: any[]): any[];
+/**
+ * 清空Dom节点的所有子节点
+ * @param {HTMLElement} element - 需要清空的Dom节点
+ * @returns {void}
+ */
+declare function clearElementChildren(element: HTMLElement): void;
+
 declare class MDCardService {
     private xssWhiteList;
     private cssWhiteList;
@@ -460,7 +473,6 @@ declare class MarkdownCardFoundation extends BaseFoundation<MarkdownCardAdapter>
 declare class MarkdownCardComponent extends BaseComponent<MarkdownCardFoundation> implements OnInit, OnChanges, OnDestroy {
     private renderer;
     cdr: ChangeDetectorRef;
-    private diffDom;
     content: string;
     typing: boolean;
     enableThink: boolean;
@@ -471,12 +483,14 @@ declare class MarkdownCardComponent extends BaseComponent<MarkdownCardFoundation
     customXssRules: MarkdownCardProps['customXssRules'];
     theme: 'light' | 'dark' | any;
     enableMermaid: boolean;
+    incrementalDom: boolean;
     mermaidConfig: MarkdownCardProps['mermaidConfig'];
     actionsTemplate: TemplateRef<any> | null;
     headerTemplate: TemplateRef<any> | null;
     contentTemplate: TemplateRef<any> | null;
     private codeBlockComponentsCache;
     afterMdtInit: EventEmitter<markdownit>;
+    mdRenderChange: EventEmitter<string>;
     typingStart: EventEmitter<void>;
     typingEvent: EventEmitter<void>;
     typingEnd: EventEmitter<void>;
@@ -492,13 +506,15 @@ declare class MarkdownCardComponent extends BaseComponent<MarkdownCardFoundation
         genTreeNode: (node: Token | null) => ASTNode;
         matchHtmlToken: (token: Token, stack: Token[]) => void;
         isValidTagName: (tagName: string | undefined) => boolean;
+        findCodeBlockWrappers: typeof findCodeBlockWrappers;
+        clearElementChildren: typeof clearElementChildren;
     };
     mdCardService: MDCardService;
-    noDiff: boolean;
     constructor(renderer: Renderer2, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     get adapter(): MarkdownCardAdapter;
     ngOnChanges(changes: SimpleChanges): void;
+    contentChange(change: any): void;
     private parseContent;
     private renderContent;
     private getEmptyCodeBlock;
@@ -512,9 +528,10 @@ declare class MarkdownCardComponent extends BaseComponent<MarkdownCardFoundation
     private processToken;
     private createCodeBlock;
     private typewriterStart;
+    clearCodeBlockCache(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MarkdownCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MarkdownCardComponent, "mc-markdown-card", never, { "content": { "alias": "content"; "required": false; }; "typing": { "alias": "typing"; "required": false; }; "enableThink": { "alias": "enableThink"; "required": false; }; "typingOptions": { "alias": "typingOptions"; "required": false; }; "thinkOptions": { "alias": "thinkOptions"; "required": false; }; "mdOptions": { "alias": "mdOptions"; "required": false; }; "mdPlugins": { "alias": "mdPlugins"; "required": false; }; "customXssRules": { "alias": "customXssRules"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "enableMermaid": { "alias": "enableMermaid"; "required": false; }; "mermaidConfig": { "alias": "mermaidConfig"; "required": false; }; "actionsTemplate": { "alias": "actionsTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; }; }, { "afterMdtInit": "afterMdtInit"; "typingStart": "typingStart"; "typingEvent": "typingEvent"; "typingEnd": "typingEnd"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MarkdownCardComponent, "mc-markdown-card", never, { "content": { "alias": "content"; "required": false; }; "typing": { "alias": "typing"; "required": false; }; "enableThink": { "alias": "enableThink"; "required": false; }; "typingOptions": { "alias": "typingOptions"; "required": false; }; "thinkOptions": { "alias": "thinkOptions"; "required": false; }; "mdOptions": { "alias": "mdOptions"; "required": false; }; "mdPlugins": { "alias": "mdPlugins"; "required": false; }; "customXssRules": { "alias": "customXssRules"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "enableMermaid": { "alias": "enableMermaid"; "required": false; }; "incrementalDom": { "alias": "incrementalDom"; "required": false; }; "mermaidConfig": { "alias": "mermaidConfig"; "required": false; }; "actionsTemplate": { "alias": "actionsTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; }; }, { "afterMdtInit": "afterMdtInit"; "mdRenderChange": "mdRenderChange"; "typingStart": "typingStart"; "typingEvent": "typingEvent"; "typingEnd": "typingEnd"; }, never, ["*"], false, never>;
 }
 
 declare class MermaidService {
@@ -577,7 +594,6 @@ declare class CodeBlockComponent extends BaseComponent<CodeBlockFoundation> impl
     expanded: boolean;
     copied: boolean;
     mermaidContent: string;
-    private diffDom;
     private _showMermaidDiagram;
     get showMermaidDiagram(): boolean;
     set showMermaidDiagram(value: boolean);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matechat/ng",
-  "version": "20.1.0-alpha.1",
+  "version": "20.2.0-alpha.0",
   "license": "MIT",
   "description": "前端智能化场景解决方案UI库，轻松构建你的AI应用。",
   "keywords": [
@@ -26,7 +26,7 @@
     "devui-theme": "^0.0.7",
     "highlight.js": "^11.11.0",
     "markdown-it": "^12.2.0",
-    "diff-dom": "^5.2.1",
+    "morphdom": "^2.7.4",
     "xss": "^1.0.15"
   },
   "publishConfig": {