@matechat/ng 0.0.1-alpha.1 → 17.1.0-alpha.1

package/index.d.ts

@@ -1,5 +1,623 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, QueryList, OnInit, OnChanges, SimpleChanges, EventEmitter, ElementRef, ModuleWithProviders, PipeTransform, OnDestroy, ChangeDetectorRef, ViewContainerRef, Renderer2 } from '@angular/core';
+import * as i1 from '@angular/common';
+import * as rxjs from 'rxjs';
+import * as i2 from '@angular/forms';
+import markdownit, { Token, Options, PluginSimple, PluginWithOptions, PluginWithParams } from 'markdown-it';
+import { IWhiteList } from 'xss';
+
+type BubbleVariant = 'filled' | 'none' | 'bordered';
+type AvatarPosition = 'top' | 'side';
+type BubbleAlign = 'left' | 'right';
+interface BubbleAvatar {
+    name?: string;
+    gender?: string;
+    width?: number;
+    height?: number;
+    isRound?: boolean;
+    imgSrc?: string;
+    displayName?: string;
+}
+
+interface DefaultAdapter {
+    getProp(key: string): any;
+    getProps(): any;
+    getState(key: string): any;
+    getStates(): any;
+    setState(s: any, callback?: any): void;
+    getCache(c: string): any;
+    getCaches(): any;
+    setCache(key: any, value: any): void;
+    nextTick(cb: (...args: any) => void): void;
+}
+declare class BaseFoundation<T extends DefaultAdapter> {
+    static get cssClasses(): {};
+    static get strings(): {};
+    static get numbers(): {};
+    static get defaultAdapter(): {
+        getProp: () => void;
+        getProps: () => void;
+        getState: () => void;
+        getStates: () => void;
+        setState: () => void;
+        getContext: () => void;
+        getContexts: () => void;
+        getCache: () => void;
+        setCache: () => void;
+        getCaches: () => void;
+        stopPropagation: () => void;
+    };
+    _adapter: T;
+    constructor(adapter: T);
+    getProp(key: string): any;
+    getProps(): any;
+    getState(key: string): any;
+    getStates(): any;
+    setState(states: any, cb?: (...args: any) => void): void;
+    getCaches(): any;
+    getCache(key: string): any;
+    setCache(key: string, value: any): void | "";
+    nextTick(cb: (...args: any) => void): void;
+    _isInProps(key: string): boolean;
+    init(lifecycle?: any): void;
+    destroy(): void;
+}
+
+interface BubbleAdapter extends DefaultAdapter {
+}
+declare class BubbleFoundation extends BaseFoundation<BubbleAdapter> {
+    constructor(adapter: BubbleAdapter);
+    getBubbleClasses(): string;
+    getIsEmptyAvatar(avatarConfig: BubbleAvatar | undefined): boolean;
+}
+
+declare class BaseComponent<T extends BaseFoundation<DefaultAdapter>> {
+    foundation: T;
+    cache: any;
+    constructor();
+    ngOnDestroy(): void;
+    get adapter(): DefaultAdapter;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BaseComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BaseComponent<any>, "mate-base-component", never, {}, {}, never, never, true, never>;
+}
+
+declare class BubbleComponent extends BaseComponent<BubbleFoundation> {
+    content: string;
+    loading: boolean;
+    align: BubbleAlign;
+    avatarPosition: AvatarPosition;
+    variant: BubbleVariant;
+    avatarConfig?: BubbleAvatar;
+    avatarTemplate: TemplateRef<any> | null;
+    topTemplate: TemplateRef<any> | null;
+    loadingTplTemplate: TemplateRef<any> | null;
+    bottomTemplate: TemplateRef<any> | null;
+    contentChildren: QueryList<any>;
+    get ngContentProjected(): boolean;
+    constructor();
+    ngOnInit(): void;
+    get adapter(): BubbleAdapter;
+    get bubbleClasses(): string;
+    get isEmptyAvatar(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BubbleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BubbleComponent, "mc-bubble", never, { "content": { "alias": "content"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "align": { "alias": "align"; "required": false; }; "avatarPosition": { "alias": "avatarPosition"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "avatarConfig": { "alias": "avatarConfig"; "required": false; }; }, {}, ["avatarTemplate", "topTemplate", "loadingTplTemplate", "bottomTemplate", "contentChildren"], ["[avatar]", "[top]", "[loadingTpl]", "*", "[bottom]"], true, never>;
+}
+
+declare class BubbleLoadingComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BubbleLoadingComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BubbleLoadingComponent, "mc-bubble-loading", never, {}, {}, never, never, true, never>;
+}
+
+declare class AvatarComponent implements OnInit, OnChanges {
+    imgSrc: string;
+    name: string;
+    width: number;
+    height: number;
+    isRound: boolean;
+    gender: string;
+    isErrorImg: boolean;
+    isNobody: boolean;
+    code: number;
+    fontSize: number;
+    nameDisplay: string;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    onErrorImg(): void;
+    private getBackgroundColor;
+    private setDisplayName;
+    private calcValues;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "mc-avatar", never, { "imgSrc": { "alias": "imgSrc"; "required": false; }; "name": { "alias": "name"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "isRound": { "alias": "isRound"; "required": false; }; "gender": { "alias": "gender"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class BubbleModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BubbleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BubbleModule, never, [typeof i1.CommonModule, typeof BubbleComponent, typeof BubbleLoadingComponent, typeof AvatarComponent], [typeof BubbleComponent, typeof BubbleLoadingComponent, typeof AvatarComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BubbleModule>;
+}
+
+declare class AvatarBodyIconComponent {
+    width: number;
+    height: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarBodyIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarBodyIconComponent, "mc-avatar-body-icon", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare class AvatarNoBodyIconComponent {
+    width: number;
+    height: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarNoBodyIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarNoBodyIconComponent, "mc-avatar-no-body-icon", never, { "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare enum DisplayType {
+    Simple = "simple",
+    Full = "full"
+}
+declare enum InputVariant {
+    Bordered = "bordered",
+    BorderLess = "borderless"
+}
+declare enum SendBtnVariant {
+    Simple = "simple",
+    Full = "full"
+}
+declare enum SubmitShortKey {
+    Enter = "enter",
+    ShiftEnter = "shiftEnter"
+}
+
+interface InputAdapter extends DefaultAdapter {
+    locale(key: string, params?: Record<string, string>): string;
+    emitChange(): void;
+    submit(inputValue: string): void;
+}
+declare class InputFoundation extends BaseFoundation<InputAdapter> {
+    constructor(adapter: InputAdapter);
+    getInputClasses(): {
+        'mc-input': boolean;
+        'mc-input-disabled': any;
+        'mc-input-simple': boolean;
+        'mc-input-borderless': boolean;
+    };
+    getPlaceholderText(): any;
+    clearInput(): void;
+    emitChange(): void;
+    submit(inputValue: string): void;
+    onKeydown(event: KeyboardEvent): void;
+}
+
+interface LocaleData {
+    [key: string]: any;
+}
+type LanguageCode = 'zh-cn' | 'en-us' | string;
+declare class LocaleService {
+    private _currentLanguage;
+    private _localeData;
+    private _languageChange;
+    languageChange$: rxjs.Observable<string>;
+    constructor();
+    /**
+     * 加载默认语言包
+     */
+    private loadDefaultLocales;
+    /**
+     * 设置当前语言
+     */
+    setLanguage(language: LanguageCode): void;
+    /**
+     * 获取当前语言
+     */
+    getLanguage(): LanguageCode;
+    /**
+     * 翻译文本
+     * @param key 翻译键，支持嵌套路径如 'Input.send'
+     * @param params 替换参数
+     */
+    translate(key: string, params?: {
+        [key: string]: string | number;
+    }): string;
+    /**
+     * 添加新的语言
+     */
+    addLanguage(language: LanguageCode, localeData: LocaleData): void;
+    /**
+     * 覆盖现有语言的部分翻译
+     */
+    overrideLocale(language: LanguageCode, localeData: LocaleData): void;
+    /**
+     * 获取所有支持的语言
+     */
+    getSupportedLanguages(): LanguageCode[];
+    /**
+     * 深度合并对象
+     */
+    private deepMerge;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocaleService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LocaleService>;
+}
+
+type TextareaAutoSize = {
+    minRows?: number;
+    maxRows?: number;
+} | boolean;
+declare const inputContextToken = "input-context";
+declare class InputComponent extends BaseComponent<InputFoundation> implements OnInit {
+    private localeService;
+    value: string;
+    placeholder: string;
+    disabled: boolean;
+    displayType: DisplayType;
+    variant: InputVariant;
+    sendBtnVariant: SendBtnVariant;
+    loading: boolean;
+    showCount: boolean;
+    maxLength: number | null;
+    submitShortKey: SubmitShortKey | null | string;
+    autofocus: boolean;
+    autosize: TextareaAutoSize;
+    textareaStyle: Record<string, string>;
+    change: EventEmitter<string>;
+    submit: EventEmitter<string>;
+    cancel: EventEmitter<void>;
+    focus: EventEmitter<FocusEvent>;
+    blur: EventEmitter<FocusEvent>;
+    textareaElement: ElementRef<HTMLTextAreaElement>;
+    headTemplate: TemplateRef<any> | null;
+    prefixTemplate: TemplateRef<any> | null;
+    suffixTemplate: TemplateRef<any> | null;
+    buttonTemplate: TemplateRef<any> | null;
+    extraTemplate: TemplateRef<any> | null;
+    inputValue: string;
+    lock: boolean;
+    constructor(localeService: LocaleService);
+    ngOnInit(): void;
+    get adapter(): InputAdapter;
+    onChange(e: any): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    get inputClasses(): Record<string, any>;
+    get maxlengthValue(): number | null;
+    onInput(): void;
+    onCompositionStart(): void;
+    onCompositionEnd(): void;
+    onKeydown(event: KeyboardEvent): void;
+    clearInput(): void;
+    getInput(): string;
+    onButtonSubmit(value: string): void;
+    onButtonCancel(): void;
+    onButtonChange(value: string): void;
+    ngAfterViewInit(): void;
+    updateTextareaStyle(): void;
+    private getAutosizeConfig;
+    private computeTextareaHeight;
+    get placeholderText(): string;
+    onFocus(event: FocusEvent): void;
+    onBlur(event: FocusEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "mc-input", never, { "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "displayType": { "alias": "displayType"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "sendBtnVariant": { "alias": "sendBtnVariant"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "showCount": { "alias": "showCount"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "submitShortKey": { "alias": "submitShortKey"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "autosize": { "alias": "autosize"; "required": false; }; }, { "change": "change"; "submit": "submit"; "cancel": "cancel"; "focus": "focus"; "blur": "blur"; }, ["headTemplate", "prefixTemplate", "suffixTemplate", "buttonTemplate", "extraTemplate"], never, true, never>;
+}
+
+declare class LocaleModule {
+    /**
+     * 静态方法，用于配置模块并提供服务
+     * 可以在AppModule中使用LocaleModule.forRoot()来初始化
+     */
+    static forRoot(): ModuleWithProviders<LocaleModule>;
+    /**
+     * 普通导入方法，用于特性模块中导入
+     * 避免服务被多次实例化
+     */
+    static forChild(): ModuleWithProviders<LocaleModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocaleModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LocaleModule, never, never, never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<LocaleModule>;
+}
+
 /**
- * Generated bundle index. Do not edit.
+ * 翻译管道，用于在Angular模板中直接使用翻译功能
+ * 用法：{{ 'Input.send' | translate }}
+ * 带参数：{{ 'Input.pleaseEnterPlaceholder' | translate:{ enterKey: 'Enter', shiftEnterKey: 'Shift + Enter' } }}
  */
-/// <amd-module name="@matechat/ng" />
-export * from './public-api';
+declare class TranslatePipe implements PipeTransform {
+    private localeService;
+    constructor(localeService: LocaleService);
+    /**
+     * 转换方法，实现PipeTransform接口
+     * @param key 翻译键
+     * @param params 替换参数
+     */
+    transform(key: string, params?: {
+        [key: string]: string | number;
+    }): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TranslatePipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TranslatePipe, "translate", true>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TranslatePipe>;
+}
+
+interface InputButtonAdapter extends DefaultAdapter {
+    locale(key: string, params?: Record<string, string>): string;
+    emitChange(): void;
+}
+declare class InputButtonFoundation extends BaseFoundation<InputButtonAdapter> {
+    constructor(adapter: InputButtonAdapter);
+    showClickWave(nativeElement: HTMLElement, event: MouseEvent): void;
+    getButtonClasses(): {
+        'mc-button': boolean;
+        'mc-button-loading': any;
+        mousedown: any;
+        'mc-button-simple': boolean;
+    };
+}
+
+declare class ButtonComponent extends BaseComponent<InputButtonFoundation> {
+    private localeService;
+    disabled: boolean;
+    loading: boolean;
+    inputValue: string;
+    sendBtnVariant: SendBtnVariant;
+    submit: EventEmitter<string>;
+    cancel: EventEmitter<void>;
+    change: EventEmitter<string>;
+    buttonElement: ElementRef<HTMLButtonElement>;
+    isMouseDown: boolean;
+    showWave: boolean;
+    waveStyle: {
+        top: string;
+        left: string;
+    };
+    constructor(localeService: LocaleService);
+    get buttonClasses(): Record<string, any>;
+    ngOnInit(): void;
+    onMouseDown(): void;
+    onMouseUp(): void;
+    showClickWave(event: MouseEvent): void;
+    onConfirm(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "mc-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "inputValue": { "alias": "inputValue"; "required": false; }; "sendBtnVariant": { "alias": "sendBtnVariant"; "required": false; }; }, { "submit": "submit"; "cancel": "cancel"; "change": "change"; }, never, never, true, never>;
+}
+
+declare class SendIconComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SendIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SendIconComponent, "mc-send-icon", never, {}, {}, never, never, true, never>;
+}
+
+declare class InputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<InputModule, never, [typeof i1.CommonModule, typeof i2.FormsModule, typeof ButtonComponent, typeof SendIconComponent, typeof InputComponent], [typeof InputComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<InputModule>;
+}
+
+interface MermaidConfig {
+    theme?: string;
+}
+interface CustomXssRule {
+    key: string;
+    value: string[] | null;
+}
+type Theme = 'light' | 'dark';
+type TypingStyle = 'normal' | 'cursor' | 'color' | 'gradient';
+interface MdPlugin {
+    plugin: PluginSimple | PluginWithOptions | PluginWithParams;
+    opts?: unknown;
+}
+interface MarkdownCardProps {
+    content?: string;
+    typing?: boolean;
+    enableThink?: boolean;
+    typingOptions?: {
+        step?: number;
+        interval?: number | [number, number];
+        style?: TypingStyle;
+    };
+    thinkOptions?: {
+        customClass?: string;
+    };
+    mdOptions?: Options;
+    mdPlugins?: Array<MdPlugin>;
+    customXssRules?: Array<CustomXssRule>;
+    theme?: Theme;
+    enableMermaid?: boolean;
+    mermaidConfig?: MermaidConfig;
+}
+interface ASTNode {
+    nodeType: string;
+    openNode: Token | null;
+    closeNode: Token | null;
+    children: (ASTNode | Token)[];
+    vNodeKey: string;
+}
+
+/**
+ * 递归查找所有层级中 className 包含 code-block-wrapper 的 DIV 节点
+ * @param {Array} vnodes - 待查找的 vnode 列表
+ * @returns {Array} 符合条件的节点列表
+ */
+declare function findCodeBlockWrappers(vnodes: any[]): any[];
+
+declare class MDCardService {
+    private xssWhiteList;
+    private cssWhiteList;
+    constructor();
+    private setDefaultXss;
+    private onIgnoreTagAttr;
+    getXssWhiteList(): IWhiteList;
+    setXssWhiteList(list: IWhiteList): void;
+    setCustomXssRules(rules: CustomXssRule[]): void;
+    setMdPlugins(plugins: MdPlugin[], mdt: any): void;
+    filterHtml(html: string): string;
+}
+
+interface MarkdownCardAdapter extends DefaultAdapter {
+    locale(key: string, params?: Record<string, string>): string;
+    typingStart: () => void;
+    typingEnd: () => void;
+    typingEvent: () => void;
+    parseContent: (content: string) => void;
+}
+declare class MarkdownCardFoundation extends BaseFoundation<MarkdownCardAdapter> {
+    constructor(adapter: MarkdownCardAdapter);
+    isToken: (node: ASTNode | Token) => node is Token;
+    typewriterEnd: () => void;
+    getThinkContent: (content: string, thinkOptions: any) => string;
+    parseTypingContent: (content: string) => string;
+    parseContent: () => void;
+    typewriterStart: () => void;
+}
+
+declare class MarkdownCardComponent extends BaseComponent<MarkdownCardFoundation> implements OnInit, OnChanges, OnDestroy {
+    private renderer;
+    cdr: ChangeDetectorRef;
+    content: string;
+    typing: boolean;
+    enableThink: boolean;
+    typingOptions: MarkdownCardProps['typingOptions'] | any;
+    thinkOptions: MarkdownCardProps['thinkOptions'];
+    mdOptions: MarkdownCardProps['mdOptions'];
+    mdPlugins: MarkdownCardProps['mdPlugins'];
+    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>;
+    markdownContainer: ViewContainerRef;
+    private mdt;
+    typingIndex: number;
+    isTyping: boolean;
+    timer: number | null;
+    parser: {
+        isSelfClosingTag: (token: Token) => boolean;
+        isClosingTag: (openToken: Token, closeToken: Token) => boolean;
+        tokensToAst: (tokens: Token[]) => ASTNode[];
+        genTreeNode: (node: Token | null) => ASTNode;
+        matchHtmlToken: (token: Token, stack: Token[]) => void;
+        isValidTagName: (tagName: string | undefined) => boolean;
+        findCodeBlockWrappers: typeof findCodeBlockWrappers;
+    };
+    mdCardService: MDCardService;
+    constructor(renderer: Renderer2, cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    get adapter(): MarkdownCardAdapter;
+    ngOnChanges(changes: SimpleChanges): void;
+    contentChange(change: any): void;
+    private parseContent;
+    private renderContent;
+    private getEmptyCodeBlock;
+    private astToVnodes;
+    private processASTNode;
+    private processHTMLNode;
+    private renderContentNoDiff;
+    private processInlineToken;
+    private processFenceNode;
+    private processASTNodeInternal;
+    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; }; "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 {
+    private config;
+    private mermaidInstance;
+    private isLoading;
+    private lastValidResult;
+    private viewStateMap;
+    private containerHeight;
+    constructor(config?: MermaidConfig);
+    private loadMermaid;
+    renderToContainer(container: HTMLElement, code: string, theme?: 'light' | 'dark'): Promise<void>;
+    private initViewState;
+    private applyTransform;
+    zoomIn(container: HTMLElement): void;
+    zoomOut(container: HTMLElement): void;
+    reset(container: HTMLElement): void;
+    download(container: HTMLElement, filename?: string): Promise<void>;
+    private onSvgMouseDown;
+    private onSvgMouseMove;
+    private onSvgMouseUp;
+    renderMermaid(code: string, theme?: 'light' | 'dark'): Promise<string>;
+    setConfig(config?: MermaidConfig): void;
+}
+
+interface CodeBlockAdapter extends DefaultAdapter {
+    getContainer(): HTMLElement | null;
+    highlightCodeChange(code: string, language: string): void;
+}
+declare class CodeBlockFoundation extends BaseFoundation<CodeBlockAdapter> {
+    mermaidService?: MermaidService;
+    mdCardService: MDCardService;
+    constructor(adapter: CodeBlockAdapter);
+    toggleExpand: () => void;
+    zoomOut: () => void;
+    zoomIn: () => void;
+    checkIsMermaid: () => any;
+    download: () => void;
+    handleCopySuccess: () => void;
+    copyCodeInternal(): void;
+    updateHighlightedCode: () => void;
+    renderMermaid: () => Promise<void>;
+}
+
+declare class CodeBlockComponent extends BaseComponent<CodeBlockFoundation> implements OnInit, OnChanges {
+    private cdr;
+    code: string;
+    language: string;
+    blockIndex: number;
+    theme: 'light' | 'dark';
+    enableMermaid: boolean;
+    mermaidConfig: MermaidConfig;
+    contentTemplate: TemplateRef<any> | null;
+    headerTemplate: TemplateRef<any> | null;
+    actionsTemplate: TemplateRef<any> | null;
+    rootRef: ElementRef;
+    mermaidContentRef: ElementRef;
+    codeElementRef: ElementRef;
+    codeElementTemplates: QueryList<ElementRef>;
+    expanded: boolean;
+    copied: boolean;
+    mermaidContent: string;
+    private _showMermaidDiagram;
+    get showMermaidDiagram(): boolean;
+    set showMermaidDiagram(value: boolean);
+    highlightedCode: string;
+    isMermaid: boolean;
+    private copySubject;
+    constructor(cdr: ChangeDetectorRef);
+    get adapter(): CodeBlockAdapter;
+    switchShowMermaid(show: boolean): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private checkIsMermaid;
+    private updateHighlightedCode;
+    zoomIn(): void;
+    zoomOut(): void;
+    download(): void;
+    renderMermaid(): Promise<void>;
+    toggleExpand(): void;
+    copyCode(): void;
+    copyCodeInternal(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CodeBlockComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CodeBlockComponent, "mc-code-block", never, { "code": { "alias": "code"; "required": false; }; "language": { "alias": "language"; "required": false; }; "blockIndex": { "alias": "blockIndex"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "enableMermaid": { "alias": "enableMermaid"; "required": false; }; "mermaidConfig": { "alias": "mermaidConfig"; "required": false; }; "contentTemplate": { "alias": "contentTemplate"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "actionsTemplate": { "alias": "actionsTemplate"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+declare class MarkdownCardModule {
+    static forRoot(): ModuleWithProviders<MarkdownCardModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MarkdownCardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MarkdownCardModule, [typeof CodeBlockComponent, typeof MarkdownCardComponent], [typeof i1.CommonModule, typeof TranslatePipe, typeof LocaleModule], [typeof CodeBlockComponent, typeof MarkdownCardComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MarkdownCardModule>;
+}
+
+export { AvatarBodyIconComponent, AvatarComponent, AvatarNoBodyIconComponent, BubbleComponent, BubbleLoadingComponent, BubbleModule, CodeBlockComponent, InputComponent, InputModule, LocaleModule, LocaleService, MarkdownCardComponent, MarkdownCardModule, TranslatePipe, inputContextToken };
+export type { LanguageCode, LocaleData, TextareaAutoSize };

package/package.json

@@ -1,18 +1,33 @@
 {
   "name": "@matechat/ng",
-  "version": "0.0.1-alpha.1",
+  "version": "17.1.0-alpha.1",
   "license": "MIT",
   "description": "前端智能化场景解决方案UI库，轻松构建你的AI应用。",
+  "keywords": [
+    "AI",
+    "GPT",
+    "Chat",
+    "angular-components",
+    "angular",
+    "devui"
+  ],
+  "homepage": "https://matechat.gitcode.com/",
+  "repository": {
+    "type": "git",
+    "url": "git@gitcode.com:DevCloudFE/MateChat.git"
+  },
   "peerDependencies": {
     "@angular/common": "^17.3.0",
-    "@angular/core": "^17.3.0"
+    "@angular/core": "^17.3.0",
+    "mermaid": "^11.10.1"
   },
   "dependencies": {
     "tslib": "^2.3.0",
     "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": {
     "access": "public"
@@ -26,8 +41,6 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2022": "./esm2022/matechat-ng.mjs",
-      "esm": "./esm2022/matechat-ng.mjs",
       "default": "./fesm2022/matechat-ng.mjs"
     }
   }

package/Base/base.component.d.ts

@@ -1,11 +0,0 @@
-import { DefaultAdapter } from '../components-common/Base/foundation';
-import * as i0 from "@angular/core";
-export default class BaseComponent {
-    foundation: any;
-    cache: any;
-    constructor();
-    ngOnDestroy(): void;
-    get adapter(): DefaultAdapter;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BaseComponent, "mate-base-component", never, {}, {}, never, never, true, never>;
-}