fmode-ng 0.0.232 → 0.0.234

package/esm2022/lib/aigc/chat/chat-message-area/comp-message-area.component.mjs

@@ -5,6 +5,6 @@
      * 保留所有权利 All Rights Reserved.
      * /home/ryan/workspace/nova/nova-admin/dist/fmode-ng/esm2022/lib/aigc/chat/chat-message-area/comp-message-area.component.mjs
      */
-    import{CommonModule}from"@angular/common";import{Component,Input}from"@angular/core";import{ChatService,FmodeChat}from"../../service-fmai/service-chat";import{FmChatMessageCard}from"../chat-message-card/comp-message-card.component";import{CompRolePromptComponent}from"../comp-role-prompt/comp-role-prompt.component";import*as i0 from"@angular/core";import*as i1 from"../../service-fmai/service-chat";import*as i2 from"@angular/common";export class FmChatMesssageArea{get messageList(){return this.chatServ.chatMap[this.chatId]?.messageList}constructor(e){this.chatServ=e}ngDoCheck(){}ngAfterViewInit(){console.log("ng gogogo1"),console.log("ng gogogo2"),console.log(this.chat)}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:FmChatMesssageArea,deps:[{token:i1.ChatService}],target:i0.ɵɵFactoryTarget.Component})}static{this.ɵcmp=i0.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"17.3.12",type:FmChatMesssageArea,isStandalone:!0,selector:"fm-chat-message-area",inputs:{chatId:"chatId",chat:"chat"},ngImport:i0,template:'\n<div class="message-list">\n    <app-comp-role-prompt [chat]="chat" [role]="chat?.role?.id"></app-comp-role-prompt>\n    <ng-container *ngFor="let message of chat?.messageList;let index=index;">\n        \x3c!-- 内容格式化区域 --\x3e\n        <fm-chat-message-card [chat]="chat" *ngIf="!message?.hidden" [index]="index" [message]="message" [role]="chat?.role"></fm-chat-message-card>\n    </ng-container>\n\n    @if(!chat?.hideInputPreview){\n        \x3c!-- 预览无图消息 --\x3e\n        <ng-container *ngIf="chat?.userInput&&!chat?.userImage">\n            <fm-chat-message-card [chat]="chat" [message]="{role:\'user\',content:chat?.userInput}" [role]="chat?.role"></fm-chat-message-card>\n        </ng-container>\n        \n        \x3c!-- 预览有图消息 --\x3e\n        <ng-container *ngIf="chat?.userImage">\n            <fm-chat-message-card [chat]="chat" [message]="{role:\'user\',content:[{type:\'text\',text:chat?.userInput},{type:\'image_url\',image_url:{url:chat?.userImage}}]}" [role]="chat?.role"></fm-chat-message-card>\n        </ng-container>\n    }\n</div>',styles:[".message-list{padding:5px 20px}:host-context(body.dark) .message-list{background-color:#000!important}\n"],dependencies:[{kind:"ngmodule",type:CommonModule},{kind:"directive",type:i2.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{kind:"directive",type:i2.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{kind:"component",type:FmChatMessageCard,selector:"fm-chat-message-card",inputs:["index","message","role","chat"]},{kind:"component",type:CompRolePromptComponent,selector:"app-comp-role-prompt",inputs:["chat","role"]}]})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:FmChatMesssageArea,decorators:[{type:Component,args:[{selector:"fm-chat-message-area",standalone:!0,imports:[CommonModule,FmChatMessageCard,CompRolePromptComponent],template:'\n<div class="message-list">\n    <app-comp-role-prompt [chat]="chat" [role]="chat?.role?.id"></app-comp-role-prompt>\n    <ng-container *ngFor="let message of chat?.messageList;let index=index;">\n        \x3c!-- 内容格式化区域 --\x3e\n        <fm-chat-message-card [chat]="chat" *ngIf="!message?.hidden" [index]="index" [message]="message" [role]="chat?.role"></fm-chat-message-card>\n    </ng-container>\n\n    @if(!chat?.hideInputPreview){\n        \x3c!-- 预览无图消息 --\x3e\n        <ng-container *ngIf="chat?.userInput&&!chat?.userImage">\n            <fm-chat-message-card [chat]="chat" [message]="{role:\'user\',content:chat?.userInput}" [role]="chat?.role"></fm-chat-message-card>\n        </ng-container>\n        \n        \x3c!-- 预览有图消息 --\x3e\n        <ng-container *ngIf="chat?.userImage">\n            <fm-chat-message-card [chat]="chat" [message]="{role:\'user\',content:[{type:\'text\',text:chat?.userInput},{type:\'image_url\',image_url:{url:chat?.userImage}}]}" [role]="chat?.role"></fm-chat-message-card>\n        </ng-container>\n    }\n</div>',styles:[".message-list{padding:5px 20px}:host-context(body.dark) .message-list{background-color:#000!important}\n"]}]}],ctorParameters:()=>[{type:i1.ChatService}],propDecorators:{chatId:[{type:Input}],chat:[{type:Input}]}});
+    import{CommonModule}from"@angular/common";import{Component,Input}from"@angular/core";import{ChatService,FmodeChat}from"../../service-fmai/service-chat";import{FmChatMessageCard}from"../chat-message-card/comp-message-card.component";import{CompRolePromptComponent}from"../comp-role-prompt/comp-role-prompt.component";import*as i0 from"@angular/core";import*as i1 from"../../service-fmai/service-chat";import*as i2 from"@angular/common";export class FmChatMesssageArea{get messageList(){return this.chat&&this.chat.messageList?this.chat.messageList:[]}get previewMessage(){if(!this.chat?.userInput)return null;if(this.chat?.userImage){const e=[{type:"text",text:this.chat.userInput},{type:"image_url",image_url:{url:this.chat.userImage}}];return this.chat.createPreviewMessage("user",e)}return this.chat.createPreviewMessage("user",this.chat.userInput)}constructor(e){this.chatServ=e,this.cachedMessageList=[],this.lastMessageCount=0}ngOnChanges(e){(e.chat||e.chatId)&&this.refreshMessageList()}ngDoCheck(){const e=this.messageList;e.length!==this.lastMessageCount&&(this.lastMessageCount=e.length,this.refreshMessageList())}ngAfterViewInit(){console.log("MessageArea组件初始化完成"),this.refreshMessageList(),this.chat&&(this.chat.scrollComp={nativeElement:document.querySelector(".message-list")})}async refreshMessageList(){try{let e=[];this.chat?e=await this.chat.getMessageList():this.chatId&&this.chatServ.chatMap[this.chatId]&&(e=await this.chatServ.chatMap[this.chatId].getMessageList()),this.cachedMessageList=e,this.lastMessageCount=e.length,setTimeout((()=>{this.scrollToBottom()}),100)}catch(e){console.error("刷新消息列表失败:",e)}}trackByMessageId(e,t){return t.id||t.get("cid")||e}scrollToBottom(){const e=document.querySelector(".message-list");e&&(e.scrollTop=e.scrollHeight)}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:FmChatMesssageArea,deps:[{token:i1.ChatService}],target:i0.ɵɵFactoryTarget.Component})}static{this.ɵcmp=i0.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"17.3.12",type:FmChatMesssageArea,isStandalone:!0,selector:"fm-chat-message-area",inputs:{chatId:"chatId",chat:"chat"},usesOnChanges:!0,ngImport:i0,template:'\n<div class="message-list">\n    <app-comp-role-prompt [chat]="chat" [role]="chat?.role?.id"></app-comp-role-prompt>\n\n    \x3c!-- 主消息列表 --\x3e\n    <ng-container *ngIf="messageList && messageList.length > 0">\n        <ng-container *ngFor="let message of messageList;let index=index;trackBy: trackByMessageId">\n            \x3c!-- 内容格式化区域 --\x3e\n            <fm-chat-message-card [chat]="chat" *ngIf="!message?.hidden" [index]="index" [message]="message" [role]="chat?.role"></fm-chat-message-card>\n        </ng-container>\n    </ng-container>\n\n    \x3c!-- 空状态提示 --\x3e\n    <div *ngIf="!messageList || messageList.length === 0" class="empty-state">\n        <p>暂无消息记录</p>\n        <p *ngIf="chat?.role">开始与 {{chat?.role?.get(\'name\')}} 对话吧！</p>\n    </div>\n\n    \x3c!-- 预览消息 --\x3e\n    @if(!chat?.hideInputPreview && previewMessage){\n        <fm-chat-message-card [chat]="chat" [message]="previewMessage" [role]="chat?.role"></fm-chat-message-card>\n    }\n</div>',styles:[".message-list{padding:5px 20px;display:flex;flex-direction:column;height:100%;overflow-y:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#666}.empty-state p{margin:8px 0;font-size:14px}.empty-state p:first-child{font-weight:500;color:#999}:host-context(body.dark) .message-list{background-color:#000!important}:host-context(body.dark) .empty-state{color:#ccc}:host-context(body.dark) .empty-state p:first-child{color:#888}\n"],dependencies:[{kind:"ngmodule",type:CommonModule},{kind:"directive",type:i2.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{kind:"directive",type:i2.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{kind:"component",type:FmChatMessageCard,selector:"fm-chat-message-card",inputs:["index","message","role","chat"]},{kind:"component",type:CompRolePromptComponent,selector:"app-comp-role-prompt",inputs:["chat","role"]}]})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:FmChatMesssageArea,decorators:[{type:Component,args:[{selector:"fm-chat-message-area",standalone:!0,imports:[CommonModule,FmChatMessageCard,CompRolePromptComponent],template:'\n<div class="message-list">\n    <app-comp-role-prompt [chat]="chat" [role]="chat?.role?.id"></app-comp-role-prompt>\n\n    \x3c!-- 主消息列表 --\x3e\n    <ng-container *ngIf="messageList && messageList.length > 0">\n        <ng-container *ngFor="let message of messageList;let index=index;trackBy: trackByMessageId">\n            \x3c!-- 内容格式化区域 --\x3e\n            <fm-chat-message-card [chat]="chat" *ngIf="!message?.hidden" [index]="index" [message]="message" [role]="chat?.role"></fm-chat-message-card>\n        </ng-container>\n    </ng-container>\n\n    \x3c!-- 空状态提示 --\x3e\n    <div *ngIf="!messageList || messageList.length === 0" class="empty-state">\n        <p>暂无消息记录</p>\n        <p *ngIf="chat?.role">开始与 {{chat?.role?.get(\'name\')}} 对话吧！</p>\n    </div>\n\n    \x3c!-- 预览消息 --\x3e\n    @if(!chat?.hideInputPreview && previewMessage){\n        <fm-chat-message-card [chat]="chat" [message]="previewMessage" [role]="chat?.role"></fm-chat-message-card>\n    }\n</div>',styles:[".message-list{padding:5px 20px;display:flex;flex-direction:column;height:100%;overflow-y:auto}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#666}.empty-state p{margin:8px 0;font-size:14px}.empty-state p:first-child{font-weight:500;color:#999}:host-context(body.dark) .message-list{background-color:#000!important}:host-context(body.dark) .empty-state{color:#ccc}:host-context(body.dark) .empty-state p:first-child{color:#888}\n"]}]}],ctorParameters:()=>[{type:i1.ChatService}],propDecorators:{chatId:[{type:Input}],chat:[{type:Input}]}});
 var MODULE_PATH_NEED = `6K+l5paH5Lu25piv5pys6aG555uu55qE5LiA6YOo5YiGIFRoaXMgZmlsZSBpcyBwYXJ0IG9mIHRoZSBDb21wb25lbnRzIGluIEZtb2RlIEluYy4KICAgIOeJiOadg+aJgOaciSDCqSDmnKrmnaXpo57pqawgwqkg5rGf6KW/6ISR5o6n56eR5oqA5pyJ6ZmQ5YWs5Y+4IENvcHlyaWdodCDCqSBGbW9kZSBUZWNobm9sb2d5IENvLiwgTHRkLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCBSaWdodHMgUmVzZXJ2ZWQuCiAgICDkuKXnpoHlnKjmnKrnu4/mjojmnYPnmoTmg4XlhrXkuIvvvIzpgJrov4fku7vkvZXlqpLku4vlpI3liLbmraTmlofku7YgVW5hdXRob3JpemVkIGNvcHlpbmcgb2YgdGhpcyBmaWxlLCB2aWEgYW55IG1lZGl1bSBpcyBzdHJpY3RseSBwcm9oaWJpdGVkCiAgICDor6Xmlofku7bmmK/kuJPmnInnmoTmnLrlr4bmlofku7YgUHJvcHJpZXRhcnkgYW5kIGNvbmZpZGVudGlhbAogICAKICAgIENvcHlyaWdodCAyMDIxLW5vdyBGbW9kZSBJbmMuIHN1cHBvcnRAZm1vZGUuY24uIDE4NjA3MDA3MDczLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCByaWdodHMgcmVzZXJ2ZWQuCgogICAgUEFUSDovaG9tZS9yeWFuL3dvcmtzcGFjZS9ub3ZhL25vdmEtYWRtaW4vZGlzdC9mbW9kZS1uZy9lc20yMDIyL2xpYi9haWdjL2NoYXQvY2hhdC1tZXNzYWdlLWFyZWEvY29tcC1tZXNzYWdlLWFyZWEuY29tcG9uZW50Lm1qcw==`
     

package/esm2022/lib/aigc/chat/chat-message-card/comp-message-card.component.mjs

@@ -5,6 +5,6 @@
      * 保留所有权利 All Rights Reserved.
      * /home/ryan/workspace/nova/nova-admin/dist/fmode-ng/esm2022/lib/aigc/chat/chat-message-card/comp-message-card.component.mjs
      */
-    import{Component,Input}from"@angular/core";import{ChatContentPipe,FmodeChat,getMessageContentText}from"../../service-fmai/service-chat";import{BehaviorSubject}from"rxjs";import{FmodeParse,FmodeObject}from"../../../core/parse";import{CommonModule}from"@angular/common";import{IonAvatar,IonItem}from"@ionic/angular/standalone";import{CompUserAvatarComponent}from"../../../user/comp-user-avatar/comp-user-avatar.component";import{ClipboardService}from"../../comp-markdown-preview/clipboard.service";import{MarkdownPreviewModule}from"../../comp-markdown-preview/markdown-preview.module";import{NzSanitizerPipe}from"ng-zorro-antd/pipes";import{DurationStrPipe}from"./duration-str.pipe";import{addIcons}from"ionicons";import{wifiOutline,copyOutline}from"ionicons/icons";import*as i0 from"@angular/core";import*as i1 from"../../comp-markdown-preview/clipboard.service";import*as i2 from"@angular/common";import*as i3 from"../../comp-markdown-preview/markdown-preview.component";const Parse=FmodeParse.with("nova");addIcons({wifiOutline:wifiOutline,copyOutline:copyOutline});export class FmChatMessageCard{ngOnChanges(){this.chat?.isTalkMode&&"assistant"===this.message?.role&&!this.message?.complete?(this.isLoadingText=!0,this.messageText$.next("正在加载中...")):(this.isLoadingText=!1,this.messageText$.next(getMessageContentText(this.message?.content)))}constructor(e){this.copyServ=e,this.messageText$=new BehaviorSubject(""),this.isLoadingText=!0,this.user=Parse.User.current()}async toggleVoicePlay(){if(this.message?.voice?.id&&this.chat.VoiceTTSMap[this.message?.voice?.id]&&(this.tts=this.chat.VoiceTTSMap[this.message?.voice?.id]),this.tts?.isPlaying)return void this.tts?.stop();this.chat?.isTalkMode&&"assistant"===this.message?.role&&(this.isLoadingText=!0,this.messageText$.next("正在加载中..."));let e,t=!1;if(this.message?.voice?.id){let t=new Parse.Query("ChatVoice");t.include("voiceFile"),e=await t.get(this.message?.voice?.id)}if(!e?.id){let n=await this.chat.getVoiceByContentText(this.message?.content);e=this.chat.voiceMap[n?.id],this.message.voice={id:e?.id,duration:e?.get("duration")},t=!0}this.message?.voice?.duration||(this.message.voice.duration=e?.get("duration"),t=!0),t&&this.saveSession(),await this.chat.playChatVoice(e,{onStart:t=>{this.chat?.isTalkMode&&"assistant"===this.message?.role&&setTimeout((()=>{this.isLoadingText=!1,this.messageText$.next(getMessageContentText(this.message?.content))}),600),e?.id,t?.id},onLoaded:e=>{this.message.voice.duration=1e3*e.duration,this.updateVoiceDuration(1e3*e.duration)},onResult:e=>{console.log("onResult",e),e?.duration&&(this.message.voice.duration=e?.duration)},onStop:t=>{e?.id,t?.id}}),this.tts=this.chat.VoiceTTSMap[e?.id]}updateVoiceDuration(e){this.message?.voice?.duration||(this.message.voice.duration=e,this.saveSession())}saveSession(){(this.index>=2||void 0===this.index)&&this.chat?.saveChatSession()}async copy(){this.copyServ.copyToClipboard(getMessageContentText(this.message?.content))}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:FmChatMessageCard,deps:[{token:i1.ClipboardService}],target:i0.ɵɵFactoryTarget.Component})}static{this.ɵcmp=i0.ɵɵngDeclareComponent({minVersion:"14.0.0",version:"17.3.12",type:FmChatMessageCard,isStandalone:!0,selector:"fm-chat-message-card",inputs:{index:"index",message:"message",role:"role",chat:"chat"},usesOnChanges:!0,ngImport:i0,template:'<div class="message-card" [class.right]="message?.role==\'user\'" [class.center]="message?.role==\'system\'">\n    \x3c!-- 用户及操作区 --\x3e\n    <div class="item-row user" *ngIf="message?.role!=\'system\'"> \x3c!-- 系统消息不显示头像 --\x3e\n        <div class="avatar-row">\n            <div class="actions">\n                \x3c!-- 刷新 --\x3e\n                \x3c!-- <ion-button fill="outline" slot="start">\n                    <ion-icon name="refresh-outline"></ion-icon> \n                </ion-button> --\x3e\n                \x3c!-- 复制 --\x3e\n                <ion-button size="small" fill="outline" slot="start" (click)="copy()">\n                    <ion-icon name="copy-outline"></ion-icon>\n                </ion-button>\n                \x3c!-- 编辑 --\x3e\n                \x3c!-- <ion-button fill="outline" slot="start">\n                    <ion-icon name="create-outline"></ion-icon>\n                </ion-button> --\x3e\n            </div>\n            \x3c!-- 更新音频消息区域 --\x3e\n            <div *ngIf="((message?.role==\'assistant\' && chat?.role?.get(\'voiceConfig\')?.voice) || (message?.role==\'user\'&&message?.voice))" \n            class="play-voice" \n            (click)="!isLoadingText && toggleVoicePlay()"\n            [class.loading-voice]="chat?.isTalkMode && isLoadingText">\n\n            <div class="voice-button">\n            \x3c!-- 加载时显示spinner，否则显示wifi图标 --\x3e\n            <ion-spinner *ngIf="chat?.isTalkMode && isLoadingText" name="lines" class="loading-spinner"></ion-spinner>\n            <ion-icon *ngIf="!(chat?.isTalkMode && isLoadingText)" name="wifi-outline"\n                [style.transform]="message?.role==\'user\'?\'rotate(-90deg)\':\'rotate(90deg)\'"\n                class="audio-icon" \n                [class.play-voice-playing]="tts?.isPlaying"></ion-icon>\n            </div>\n            <div class="voice-info">\n            <span *ngIf="message?.voice?.duration && !isLoadingText">\n                {{((message?.voice?.duration||0)/1000) | durationStr}}\n            </span>\n            </div>\n            </div>\n            \x3c!-- 头像区域 --\x3e \n            <img class="avatar" *ngIf="message?.role!=\'user\'" [src]="(chat?.role?.get(\'avatar\') || chat?.role?.get(\'thumb\') || \'https://file-cloud.fmode.cn/E4KpGvTEto/20230930/l413e6090731854.png\')+\'?\'+\'x-image-process=image/resize,m_fixed,w_100\'+\'&imageView2/1/w/100/h/100\'" >\n            <app-comp-user-avatar [user]="user" *ngIf="message?.role==\'user\'"></app-comp-user-avatar>\n        </div>\n    </div>\n     \x3c!-- 附件：图片 --\x3e\n     <div class="item-row images" *ngIf="message?.content | chatContent:\'image_url\'">\n        <img [src]="message?.content | chatContent:\'image_url\'" alt="">\n    </div>\n    \x3c!-- 聊天气泡 --\x3e\n    \x3c!-- Replace the bubble section with this: --\x3e\n    <div class="item-row bubble" [style.fontSize]="role?.get(\'uiConfig\')?.message?.bubble?.fontSize || \'0.8rem\'">\n        \x3c!-- 说话模式：展示加载状态 Show loading state for talk mode when message is not complete --\x3e\n       \n        \x3c!-- Show normal content for non-talk mode or when loading is complete --\x3e\n        <ng-container *ngIf="!chat?.isTalkMode || message?.role !== \'assistant\' || !isLoadingText">\n            <fm-markdown-preview *ngIf="!message?.complete" class="content-style" \n                [content]="message?.content | chatContent" [render]="false"></fm-markdown-preview>\n            <fm-markdown-preview *ngIf="message?.complete" \n                [content]="message?.content | chatContent"></fm-markdown-preview>\n        </ng-container>\n    </div>\n    \x3c!-- 时间显示 --\x3e\n    <div class="item-row loading" *ngIf="message?.role!=\'system\' && !message?.complete">\n        正在输入<ion-spinner name="dots"></ion-spinner>\n    </div>\n\n    <div class="item-row created" *ngIf="message?.createdAt">\n        <span>{{message?.createdAt | date:"dd/MM/yy HH:mm"}}</span>\n    </div>\n</div>',styles:['@charset "UTF-8";:host-context(body.dark) .message-card .actions .item-native{background:none!important}:host-context(body.dark) .message-card .bubble{color:#0e101d}:host-context(body.dark) .message-card .bubble .content-style{filter:invert(1)!important}:host-context(body.dark) .message-card .bubble fm-markdown-preview{filter:invert(1)!important}:host-context(body.dark) .message-card .play-voice{background-color:#0e101d}:host-context(body.dark) .message-card .play-voice .voice-info{color:#fff}:host-context(body.dark) .message-card .right .bubble{color:#921f8a!important;background:#921f8a!important}:host-context(body.dark) .message-card .right .play-voice{background:#921f8a!important}:host-context(body.dark) .message-card .created span{color:#fff}@media screen and (max-width: 800px){.message-card:focus .actions{opacity:1!important}}.message-card:hover .actions{opacity:1;transition:opacity .3s ease-in-out}.message-card{display:flex;flex-wrap:wrap;justify-content:start;align-items:flex-start}.message-card .avatar-row{width:300px;height:32px;display:flex;flex-direction:row-reverse;justify-content:start;align-items:center}.message-card .actions{display:flex;opacity:0;padding-left:10px;padding-right:10px}.message-card .item-row{display:flex;flex:100%;justify-content:start;margin-bottom:5px}.message-card .images img{max-width:300px}.message-card .bubble{display:flex;justify-content:center;max-width:100%;padding:.5rem .5rem 0rem;color:#333;flex:none;border-radius:0 1.5em 1.5em/0em 1.5em 1.5em;color:#fff;background-color:currentColor}.message-card .bubble.loading{color:var(--gray-secondary)}.message-card .bubble.loading .content-style{filter:none}.message-card .bubble .content-style{filter:grayscale(1) contrast(999) invert(1)}.message-card .loading{text-align:right;color:#101010}.message-card .created{display:flex}.message-card .created span{font-size:12px;opacity:.4;white-space:nowrap;transition:all .6s ease;color:var(--black);text-align:center;width:100%;box-sizing:border-box;padding-right:10px;pointer-events:none;z-index:1}.right{justify-content:end;align-items:flex-end}.right .avatar-row{flex-direction:row;justify-content:end;width:auto}.right .actions{position:relative;margin-left:0}.right .item-row{justify-content:end}.right .bubble{color:#bbdefb;border-top-left-radius:1.5em;border-top-right-radius:0}.right .play-voice{flex-direction:row-reverse;background-color:#bbdefb}.center{justify-content:center;align-items:center}.center .item-row{justify-content:center}.center .bubble{color:var(--gray-secondary);border-top-left-radius:1.5em;border-top-right-radius:1.5em;font-size:12px;font-weight:100;padding:5px 20px}.play-voice{min-width:100px;height:32px;display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-radius:7px}.play-voice .voice-button{width:32px;height:32px;display:flex;justify-content:center;align-items:center}.play-voice .voice-button span{overflow:hidden;font-size:18px;color:#ff69b4}.play-voice .voice-info{height:32px;display:flex;padding:0 10px;justify-content:end;align-items:center;color:#333}.avatar{border-radius:50%;width:32px;height:32px;object-fit:cover}.audio-icon{color:#ff69b4;font-size:18px}.play-voice-playing{animation:play-voice-animation 1s infinite}@keyframes play-voice-animation{0%{width:0}to{width:32px}}.content-style.loading-text{color:#666;font-style:italic}.play-voice{transition:opacity .3s ease}.play-voice.loading-voice{opacity:.8;cursor:not-allowed}.play-voice.loading-voice .loading-spinner{width:18px;height:18px;color:var(--gray-secondary)}.play-voice.loading-voice .loading-text{font-size:.8em;color:var(--gray-secondary);margin-left:5px}.play-voice .voice-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px}\n'],dependencies:[{kind:"ngmodule",type:CommonModule},{kind:"directive",type:i2.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{kind:"pipe",type:i2.DatePipe,name:"date"},{kind:"component",type:CompUserAvatarComponent,selector:"app-comp-user-avatar",inputs:["user"]},{kind:"ngmodule",type:MarkdownPreviewModule},{kind:"component",type:i3.MarkdownPreviewComponent,selector:"fm-markdown-preview",inputs:["content","render"]},{kind:"pipe",type:ChatContentPipe,name:"chatContent"},{kind:"pipe",type:DurationStrPipe,name:"durationStr"}]})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:FmChatMessageCard,decorators:[{type:Component,args:[{selector:"fm-chat-message-card",standalone:!0,imports:[CommonModule,IonItem,CompUserAvatarComponent,MarkdownPreviewModule,IonAvatar,ChatContentPipe,NzSanitizerPipe,DurationStrPipe],template:'<div class="message-card" [class.right]="message?.role==\'user\'" [class.center]="message?.role==\'system\'">\n    \x3c!-- 用户及操作区 --\x3e\n    <div class="item-row user" *ngIf="message?.role!=\'system\'"> \x3c!-- 系统消息不显示头像 --\x3e\n        <div class="avatar-row">\n            <div class="actions">\n                \x3c!-- 刷新 --\x3e\n                \x3c!-- <ion-button fill="outline" slot="start">\n                    <ion-icon name="refresh-outline"></ion-icon> \n                </ion-button> --\x3e\n                \x3c!-- 复制 --\x3e\n                <ion-button size="small" fill="outline" slot="start" (click)="copy()">\n                    <ion-icon name="copy-outline"></ion-icon>\n                </ion-button>\n                \x3c!-- 编辑 --\x3e\n                \x3c!-- <ion-button fill="outline" slot="start">\n                    <ion-icon name="create-outline"></ion-icon>\n                </ion-button> --\x3e\n            </div>\n            \x3c!-- 更新音频消息区域 --\x3e\n            <div *ngIf="((message?.role==\'assistant\' && chat?.role?.get(\'voiceConfig\')?.voice) || (message?.role==\'user\'&&message?.voice))" \n            class="play-voice" \n            (click)="!isLoadingText && toggleVoicePlay()"\n            [class.loading-voice]="chat?.isTalkMode && isLoadingText">\n\n            <div class="voice-button">\n            \x3c!-- 加载时显示spinner，否则显示wifi图标 --\x3e\n            <ion-spinner *ngIf="chat?.isTalkMode && isLoadingText" name="lines" class="loading-spinner"></ion-spinner>\n            <ion-icon *ngIf="!(chat?.isTalkMode && isLoadingText)" name="wifi-outline"\n                [style.transform]="message?.role==\'user\'?\'rotate(-90deg)\':\'rotate(90deg)\'"\n                class="audio-icon" \n                [class.play-voice-playing]="tts?.isPlaying"></ion-icon>\n            </div>\n            <div class="voice-info">\n            <span *ngIf="message?.voice?.duration && !isLoadingText">\n                {{((message?.voice?.duration||0)/1000) | durationStr}}\n            </span>\n            </div>\n            </div>\n            \x3c!-- 头像区域 --\x3e \n            <img class="avatar" *ngIf="message?.role!=\'user\'" [src]="(chat?.role?.get(\'avatar\') || chat?.role?.get(\'thumb\') || \'https://file-cloud.fmode.cn/E4KpGvTEto/20230930/l413e6090731854.png\')+\'?\'+\'x-image-process=image/resize,m_fixed,w_100\'+\'&imageView2/1/w/100/h/100\'" >\n            <app-comp-user-avatar [user]="user" *ngIf="message?.role==\'user\'"></app-comp-user-avatar>\n        </div>\n    </div>\n     \x3c!-- 附件：图片 --\x3e\n     <div class="item-row images" *ngIf="message?.content | chatContent:\'image_url\'">\n        <img [src]="message?.content | chatContent:\'image_url\'" alt="">\n    </div>\n    \x3c!-- 聊天气泡 --\x3e\n    \x3c!-- Replace the bubble section with this: --\x3e\n    <div class="item-row bubble" [style.fontSize]="role?.get(\'uiConfig\')?.message?.bubble?.fontSize || \'0.8rem\'">\n        \x3c!-- 说话模式：展示加载状态 Show loading state for talk mode when message is not complete --\x3e\n       \n        \x3c!-- Show normal content for non-talk mode or when loading is complete --\x3e\n        <ng-container *ngIf="!chat?.isTalkMode || message?.role !== \'assistant\' || !isLoadingText">\n            <fm-markdown-preview *ngIf="!message?.complete" class="content-style" \n                [content]="message?.content | chatContent" [render]="false"></fm-markdown-preview>\n            <fm-markdown-preview *ngIf="message?.complete" \n                [content]="message?.content | chatContent"></fm-markdown-preview>\n        </ng-container>\n    </div>\n    \x3c!-- 时间显示 --\x3e\n    <div class="item-row loading" *ngIf="message?.role!=\'system\' && !message?.complete">\n        正在输入<ion-spinner name="dots"></ion-spinner>\n    </div>\n\n    <div class="item-row created" *ngIf="message?.createdAt">\n        <span>{{message?.createdAt | date:"dd/MM/yy HH:mm"}}</span>\n    </div>\n</div>',styles:['@charset "UTF-8";:host-context(body.dark) .message-card .actions .item-native{background:none!important}:host-context(body.dark) .message-card .bubble{color:#0e101d}:host-context(body.dark) .message-card .bubble .content-style{filter:invert(1)!important}:host-context(body.dark) .message-card .bubble fm-markdown-preview{filter:invert(1)!important}:host-context(body.dark) .message-card .play-voice{background-color:#0e101d}:host-context(body.dark) .message-card .play-voice .voice-info{color:#fff}:host-context(body.dark) .message-card .right .bubble{color:#921f8a!important;background:#921f8a!important}:host-context(body.dark) .message-card .right .play-voice{background:#921f8a!important}:host-context(body.dark) .message-card .created span{color:#fff}@media screen and (max-width: 800px){.message-card:focus .actions{opacity:1!important}}.message-card:hover .actions{opacity:1;transition:opacity .3s ease-in-out}.message-card{display:flex;flex-wrap:wrap;justify-content:start;align-items:flex-start}.message-card .avatar-row{width:300px;height:32px;display:flex;flex-direction:row-reverse;justify-content:start;align-items:center}.message-card .actions{display:flex;opacity:0;padding-left:10px;padding-right:10px}.message-card .item-row{display:flex;flex:100%;justify-content:start;margin-bottom:5px}.message-card .images img{max-width:300px}.message-card .bubble{display:flex;justify-content:center;max-width:100%;padding:.5rem .5rem 0rem;color:#333;flex:none;border-radius:0 1.5em 1.5em/0em 1.5em 1.5em;color:#fff;background-color:currentColor}.message-card .bubble.loading{color:var(--gray-secondary)}.message-card .bubble.loading .content-style{filter:none}.message-card .bubble .content-style{filter:grayscale(1) contrast(999) invert(1)}.message-card .loading{text-align:right;color:#101010}.message-card .created{display:flex}.message-card .created span{font-size:12px;opacity:.4;white-space:nowrap;transition:all .6s ease;color:var(--black);text-align:center;width:100%;box-sizing:border-box;padding-right:10px;pointer-events:none;z-index:1}.right{justify-content:end;align-items:flex-end}.right .avatar-row{flex-direction:row;justify-content:end;width:auto}.right .actions{position:relative;margin-left:0}.right .item-row{justify-content:end}.right .bubble{color:#bbdefb;border-top-left-radius:1.5em;border-top-right-radius:0}.right .play-voice{flex-direction:row-reverse;background-color:#bbdefb}.center{justify-content:center;align-items:center}.center .item-row{justify-content:center}.center .bubble{color:var(--gray-secondary);border-top-left-radius:1.5em;border-top-right-radius:1.5em;font-size:12px;font-weight:100;padding:5px 20px}.play-voice{min-width:100px;height:32px;display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-radius:7px}.play-voice .voice-button{width:32px;height:32px;display:flex;justify-content:center;align-items:center}.play-voice .voice-button span{overflow:hidden;font-size:18px;color:#ff69b4}.play-voice .voice-info{height:32px;display:flex;padding:0 10px;justify-content:end;align-items:center;color:#333}.avatar{border-radius:50%;width:32px;height:32px;object-fit:cover}.audio-icon{color:#ff69b4;font-size:18px}.play-voice-playing{animation:play-voice-animation 1s infinite}@keyframes play-voice-animation{0%{width:0}to{width:32px}}.content-style.loading-text{color:#666;font-style:italic}.play-voice{transition:opacity .3s ease}.play-voice.loading-voice{opacity:.8;cursor:not-allowed}.play-voice.loading-voice .loading-spinner{width:18px;height:18px;color:var(--gray-secondary)}.play-voice.loading-voice .loading-text{font-size:.8em;color:var(--gray-secondary);margin-left:5px}.play-voice .voice-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px}\n']}]}],ctorParameters:()=>[{type:i1.ClipboardService}],propDecorators:{index:[{type:Input}],message:[{type:Input}],role:[{type:Input}],chat:[{type:Input}]}});
+    import{Component,Input}from"@angular/core";import{ChatContentPipe,FmodeChat,getMessageContentText}from"../../service-fmai/service-chat";import{BehaviorSubject}from"rxjs";import{FmodeParse,FmodeObject}from"../../../core/parse";import{CommonModule}from"@angular/common";import{IonAvatar,IonItem}from"@ionic/angular/standalone";import{CompUserAvatarComponent}from"../../../user/comp-user-avatar/comp-user-avatar.component";import{ClipboardService}from"../../comp-markdown-preview/clipboard.service";import{MarkdownPreviewModule}from"../../comp-markdown-preview/markdown-preview.module";import{NzSanitizerPipe}from"ng-zorro-antd/pipes";import{DurationStrPipe}from"./duration-str.pipe";import{addIcons}from"ionicons";import{wifiOutline,copyOutline}from"ionicons/icons";import*as i0 from"@angular/core";import*as i1 from"../../comp-markdown-preview/clipboard.service";import*as i2 from"@angular/common";import*as i3 from"../../comp-markdown-preview/markdown-preview.component";const Parse=FmodeParse.with("nova");addIcons({wifiOutline:wifiOutline,copyOutline:copyOutline});export class FmChatMessageCard{ngOnChanges(){this.chat?.isTalkMode&&"assistant"===this.message?.get("role")&&!this.message?.get("complete")?(this.isLoadingText=!0,this.messageText$.next("正在加载中...")):(this.isLoadingText=!1,this.messageText$.next(getMessageContentText(this.message?.get("content"))))}constructor(e){this.copyServ=e,this.messageText$=new BehaviorSubject(""),this.isLoadingText=!0,this.user=Parse.User.current()}async toggleVoicePlay(){const e=this.message?.get("voice"),t=this.message?.get("role"),n=this.message?.get("content");if(e?.id&&this.chat.VoiceTTSMap[e?.id]&&(this.tts=this.chat.VoiceTTSMap[e?.id]),this.tts?.isPlaying)return void this.tts?.stop();this.chat?.isTalkMode&&"assistant"===t&&(this.isLoadingText=!0,this.messageText$.next("正在加载中..."));let o,i=!1;if(e?.id){let t=new Parse.Query("ChatVoice");t.include("voiceFile"),o=await t.get(e?.id)}if(!o?.id){let e=await this.chat.getVoiceByContentText(n);o=this.chat.voiceMap[e?.id],this.message?.set("voice",{id:o?.id,duration:o?.get("duration")}),i=!0}if(!e?.duration){const t=e||{};this.message?.set("voice",{...t,duration:o?.get("duration")}),i=!0}i&&this.saveSession(),await this.chat.playChatVoice(o,{onStart:e=>{this.chat?.isTalkMode&&"assistant"===this.message?.get("role")&&setTimeout((()=>{this.isLoadingText=!1,this.messageText$.next(getMessageContentText(this.message?.get("content")))}),600),o?.id,e?.id},onLoaded:e=>{let t=this.message?.get("voice");t&&(t.duration=1e3*e?.duration,this.message?.set("voice",t)),this.updateVoiceDuration(1e3*e.duration)},onResult:e=>{if(console.log("onResult",e),e?.duration){let t=this.message?.get("voice");t&&(t.duration=e?.duration,this.message?.set("voice",t))}},onStop:e=>{o?.id,e?.id}}),this.tts=this.chat.VoiceTTSMap[o?.id]}updateVoiceDuration(e){const t=this.message?.get("voice");if(!t?.duration){const n=t||{};this.message?.set("voice",{...n,duration:e}),this.saveSession()}}saveSession(){(this.index>=2||void 0===this.index)&&this.chat?.saveChatSession()}async copy(){this.copyServ.copyToClipboard(getMessageContentText(this.message?.get("content")))}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:FmChatMessageCard,deps:[{token:i1.ClipboardService}],target:i0.ɵɵFactoryTarget.Component})}static{this.ɵcmp=i0.ɵɵngDeclareComponent({minVersion:"14.0.0",version:"17.3.12",type:FmChatMessageCard,isStandalone:!0,selector:"fm-chat-message-card",inputs:{index:"index",message:"message",role:"role",chat:"chat"},usesOnChanges:!0,ngImport:i0,template:'<div class="message-card" [class.right]="message?.get(\'role\')==\'user\'" [class.center]="message?.get(\'role\')==\'system\'">\n    \x3c!-- 用户及操作区 --\x3e\n    <div class="item-row user" *ngIf="message?.get(\'role\')!=\'system\'"> \x3c!-- 系统消息不显示头像 --\x3e\n        <div class="avatar-row">\n            <div class="actions">\n                \x3c!-- 刷新 --\x3e\n                \x3c!-- <ion-button fill="outline" slot="start">\n                    <ion-icon name="refresh-outline"></ion-icon>\n                </ion-button> --\x3e\n                \x3c!-- 复制 --\x3e\n                <ion-button size="small" fill="outline" slot="start" (click)="copy()">\n                    <ion-icon name="copy-outline"></ion-icon>\n                </ion-button>\n                \x3c!-- 编辑 --\x3e\n                \x3c!-- <ion-button fill="outline" slot="start">\n                    <ion-icon name="create-outline"></ion-icon>\n                </ion-button> --\x3e\n            </div>\n            \x3c!-- 更新音频消息区域 --\x3e\n            <div *ngIf="((message?.get(\'role\')==\'assistant\' && chat?.role?.get(\'voiceConfig\')?.voice) || (message?.get(\'role\')==\'user\'&&message?.get(\'voice\')))"\n            class="play-voice"\n            (click)="!isLoadingText && toggleVoicePlay()"\n            [class.loading-voice]="chat?.isTalkMode && isLoadingText">\n\n            <div class="voice-button">\n            \x3c!-- 加载时显示spinner，否则显示wifi图标 --\x3e\n            <ion-spinner *ngIf="chat?.isTalkMode && isLoadingText" name="lines" class="loading-spinner"></ion-spinner>\n            <ion-icon *ngIf="!(chat?.isTalkMode && isLoadingText)" name="wifi-outline"\n                [style.transform]="message?.get(\'role\')==\'user\'?\'rotate(-90deg)\':\'rotate(90deg)\'"\n                class="audio-icon"\n                [class.play-voice-playing]="tts?.isPlaying"></ion-icon>\n            </div>\n            <div class="voice-info">\n            <span *ngIf="message?.get(\'voice\')?.duration && !isLoadingText">\n                {{((message?.get(\'voice\')?.duration||0)/1000) | durationStr}}\n            </span>\n            </div>\n            </div>\n            \x3c!-- 头像区域 --\x3e\n            <img class="avatar" *ngIf="message?.get(\'role\')!=\'user\'" [src]="(chat?.role?.get(\'avatar\') || chat?.role?.get(\'thumb\') || \'https://file-cloud.fmode.cn/E4KpGvTEto/20230930/l413e6090731854.png\')+\'?\'+\'x-image-process=image/resize,m_fixed,w_100\'+\'&imageView2/1/w/100/h/100\'" >\n            <app-comp-user-avatar [user]="user" *ngIf="message?.get(\'role\')==\'user\'"></app-comp-user-avatar>\n        </div>\n    </div>\n     \x3c!-- 附件：图片 --\x3e\n     <div class="item-row images" *ngIf="message?.get(\'content\') | chatContent:\'image_url\'">\n        <img [src]="message?.get(\'content\') | chatContent:\'image_url\'" alt="">\n    </div>\n    \x3c!-- 聊天气泡 --\x3e\n    \x3c!-- Replace the bubble section with this: --\x3e\n    <div class="item-row bubble" [style.fontSize]="role?.get(\'uiConfig\')?.msg?.bubble?.fontSize || \'0.8rem\'">\n        \x3c!-- 说话模式：展示加载状态 Show loading state for talk mode when message is not complete --\x3e\n\n        \x3c!-- Show normal content for non-talk mode or when loading is complete --\x3e\n        <ng-container *ngIf="!chat?.isTalkMode || message?.get(\'role\') !== \'assistant\' || !isLoadingText">\n            <fm-markdown-preview *ngIf="!message?.get(\'complete\')" class="content-style"\n                [content]="message?.get(\'content\') | chatContent" [render]="false"></fm-markdown-preview>\n            <fm-markdown-preview *ngIf="message?.get(\'complete\')"\n                [content]="message?.get(\'content\') | chatContent"></fm-markdown-preview>\n        </ng-container>\n    </div>\n    \x3c!-- 时间显示 --\x3e\n    <div class="item-row loading" *ngIf="message?.get(\'role\')!=\'system\' && !message?.get(\'complete\')">\n        正在输入<ion-spinner name="dots"></ion-spinner>\n    </div>\n\n    <div class="item-row created" *ngIf="message?.get(\'createdAt\')">\n        <span>{{message?.get(\'createdAt\') | date:"dd/MM/yy HH:mm"}}</span>\n    </div>\n</div>',styles:['@charset "UTF-8";:host-context(body.dark) .message-card .actions .item-native{background:none!important}:host-context(body.dark) .message-card .bubble{color:#0e101d}:host-context(body.dark) .message-card .bubble .content-style{filter:invert(1)!important}:host-context(body.dark) .message-card .bubble fm-markdown-preview{filter:invert(1)!important}:host-context(body.dark) .message-card .play-voice{background-color:#0e101d}:host-context(body.dark) .message-card .play-voice .voice-info{color:#fff}:host-context(body.dark) .message-card .right .bubble{color:#921f8a!important;background:#921f8a!important}:host-context(body.dark) .message-card .right .play-voice{background:#921f8a!important}:host-context(body.dark) .message-card .created span{color:#fff}@media screen and (max-width: 800px){.message-card:focus .actions{opacity:1!important}}.message-card:hover .actions{opacity:1;transition:opacity .3s ease-in-out}.message-card{display:flex;flex-wrap:wrap;justify-content:start;align-items:flex-start}.message-card .avatar-row{width:300px;height:32px;display:flex;flex-direction:row-reverse;justify-content:start;align-items:center}.message-card .actions{display:flex;opacity:0;padding-left:10px;padding-right:10px}.message-card .item-row{display:flex;flex:100%;justify-content:start;margin-bottom:5px}.message-card .images img{max-width:300px}.message-card .bubble{display:flex;justify-content:center;max-width:100%;padding:.5rem .5rem 0rem;color:#333;flex:none;border-radius:0 1.5em 1.5em/0em 1.5em 1.5em;color:#fff;background-color:currentColor}.message-card .bubble.loading{color:var(--gray-secondary)}.message-card .bubble.loading .content-style{filter:none}.message-card .bubble .content-style{filter:grayscale(1) contrast(999) invert(1)}.message-card .loading{text-align:right;color:#101010}.message-card .created{display:flex}.message-card .created span{font-size:12px;opacity:.4;white-space:nowrap;transition:all .6s ease;color:var(--black);text-align:center;width:100%;box-sizing:border-box;padding-right:10px;pointer-events:none;z-index:1}.right{justify-content:end;align-items:flex-end}.right .avatar-row{flex-direction:row;justify-content:end;width:auto}.right .actions{position:relative;margin-left:0}.right .item-row{justify-content:end}.right .bubble{color:#bbdefb;border-top-left-radius:1.5em;border-top-right-radius:0}.right .play-voice{flex-direction:row-reverse;background-color:#bbdefb}.center{justify-content:center;align-items:center}.center .item-row{justify-content:center}.center .bubble{color:var(--gray-secondary);border-top-left-radius:1.5em;border-top-right-radius:1.5em;font-size:12px;font-weight:100;padding:5px 20px}.play-voice{min-width:100px;height:32px;display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-radius:7px}.play-voice .voice-button{width:32px;height:32px;display:flex;justify-content:center;align-items:center}.play-voice .voice-button span{overflow:hidden;font-size:18px;color:#ff69b4}.play-voice .voice-info{height:32px;display:flex;padding:0 10px;justify-content:end;align-items:center;color:#333}.avatar{border-radius:50%;width:32px;height:32px;object-fit:cover}.audio-icon{color:#ff69b4;font-size:18px}.play-voice-playing{animation:play-voice-animation 1s infinite}@keyframes play-voice-animation{0%{width:0}to{width:32px}}.content-style.loading-text{color:#666;font-style:italic}.play-voice{transition:opacity .3s ease}.play-voice.loading-voice{opacity:.8;cursor:not-allowed}.play-voice.loading-voice .loading-spinner{width:18px;height:18px;color:var(--gray-secondary)}.play-voice.loading-voice .loading-text{font-size:.8em;color:var(--gray-secondary);margin-left:5px}.play-voice .voice-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px}\n'],dependencies:[{kind:"ngmodule",type:CommonModule},{kind:"directive",type:i2.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{kind:"pipe",type:i2.DatePipe,name:"date"},{kind:"component",type:CompUserAvatarComponent,selector:"app-comp-user-avatar",inputs:["user"]},{kind:"ngmodule",type:MarkdownPreviewModule},{kind:"component",type:i3.MarkdownPreviewComponent,selector:"fm-markdown-preview",inputs:["content","render"]},{kind:"pipe",type:ChatContentPipe,name:"chatContent"},{kind:"pipe",type:DurationStrPipe,name:"durationStr"}]})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:FmChatMessageCard,decorators:[{type:Component,args:[{selector:"fm-chat-message-card",standalone:!0,imports:[CommonModule,IonItem,CompUserAvatarComponent,MarkdownPreviewModule,IonAvatar,ChatContentPipe,NzSanitizerPipe,DurationStrPipe],template:'<div class="message-card" [class.right]="message?.get(\'role\')==\'user\'" [class.center]="message?.get(\'role\')==\'system\'">\n    \x3c!-- 用户及操作区 --\x3e\n    <div class="item-row user" *ngIf="message?.get(\'role\')!=\'system\'"> \x3c!-- 系统消息不显示头像 --\x3e\n        <div class="avatar-row">\n            <div class="actions">\n                \x3c!-- 刷新 --\x3e\n                \x3c!-- <ion-button fill="outline" slot="start">\n                    <ion-icon name="refresh-outline"></ion-icon>\n                </ion-button> --\x3e\n                \x3c!-- 复制 --\x3e\n                <ion-button size="small" fill="outline" slot="start" (click)="copy()">\n                    <ion-icon name="copy-outline"></ion-icon>\n                </ion-button>\n                \x3c!-- 编辑 --\x3e\n                \x3c!-- <ion-button fill="outline" slot="start">\n                    <ion-icon name="create-outline"></ion-icon>\n                </ion-button> --\x3e\n            </div>\n            \x3c!-- 更新音频消息区域 --\x3e\n            <div *ngIf="((message?.get(\'role\')==\'assistant\' && chat?.role?.get(\'voiceConfig\')?.voice) || (message?.get(\'role\')==\'user\'&&message?.get(\'voice\')))"\n            class="play-voice"\n            (click)="!isLoadingText && toggleVoicePlay()"\n            [class.loading-voice]="chat?.isTalkMode && isLoadingText">\n\n            <div class="voice-button">\n            \x3c!-- 加载时显示spinner，否则显示wifi图标 --\x3e\n            <ion-spinner *ngIf="chat?.isTalkMode && isLoadingText" name="lines" class="loading-spinner"></ion-spinner>\n            <ion-icon *ngIf="!(chat?.isTalkMode && isLoadingText)" name="wifi-outline"\n                [style.transform]="message?.get(\'role\')==\'user\'?\'rotate(-90deg)\':\'rotate(90deg)\'"\n                class="audio-icon"\n                [class.play-voice-playing]="tts?.isPlaying"></ion-icon>\n            </div>\n            <div class="voice-info">\n            <span *ngIf="message?.get(\'voice\')?.duration && !isLoadingText">\n                {{((message?.get(\'voice\')?.duration||0)/1000) | durationStr}}\n            </span>\n            </div>\n            </div>\n            \x3c!-- 头像区域 --\x3e\n            <img class="avatar" *ngIf="message?.get(\'role\')!=\'user\'" [src]="(chat?.role?.get(\'avatar\') || chat?.role?.get(\'thumb\') || \'https://file-cloud.fmode.cn/E4KpGvTEto/20230930/l413e6090731854.png\')+\'?\'+\'x-image-process=image/resize,m_fixed,w_100\'+\'&imageView2/1/w/100/h/100\'" >\n            <app-comp-user-avatar [user]="user" *ngIf="message?.get(\'role\')==\'user\'"></app-comp-user-avatar>\n        </div>\n    </div>\n     \x3c!-- 附件：图片 --\x3e\n     <div class="item-row images" *ngIf="message?.get(\'content\') | chatContent:\'image_url\'">\n        <img [src]="message?.get(\'content\') | chatContent:\'image_url\'" alt="">\n    </div>\n    \x3c!-- 聊天气泡 --\x3e\n    \x3c!-- Replace the bubble section with this: --\x3e\n    <div class="item-row bubble" [style.fontSize]="role?.get(\'uiConfig\')?.msg?.bubble?.fontSize || \'0.8rem\'">\n        \x3c!-- 说话模式：展示加载状态 Show loading state for talk mode when message is not complete --\x3e\n\n        \x3c!-- Show normal content for non-talk mode or when loading is complete --\x3e\n        <ng-container *ngIf="!chat?.isTalkMode || message?.get(\'role\') !== \'assistant\' || !isLoadingText">\n            <fm-markdown-preview *ngIf="!message?.get(\'complete\')" class="content-style"\n                [content]="message?.get(\'content\') | chatContent" [render]="false"></fm-markdown-preview>\n            <fm-markdown-preview *ngIf="message?.get(\'complete\')"\n                [content]="message?.get(\'content\') | chatContent"></fm-markdown-preview>\n        </ng-container>\n    </div>\n    \x3c!-- 时间显示 --\x3e\n    <div class="item-row loading" *ngIf="message?.get(\'role\')!=\'system\' && !message?.get(\'complete\')">\n        正在输入<ion-spinner name="dots"></ion-spinner>\n    </div>\n\n    <div class="item-row created" *ngIf="message?.get(\'createdAt\')">\n        <span>{{message?.get(\'createdAt\') | date:"dd/MM/yy HH:mm"}}</span>\n    </div>\n</div>',styles:['@charset "UTF-8";:host-context(body.dark) .message-card .actions .item-native{background:none!important}:host-context(body.dark) .message-card .bubble{color:#0e101d}:host-context(body.dark) .message-card .bubble .content-style{filter:invert(1)!important}:host-context(body.dark) .message-card .bubble fm-markdown-preview{filter:invert(1)!important}:host-context(body.dark) .message-card .play-voice{background-color:#0e101d}:host-context(body.dark) .message-card .play-voice .voice-info{color:#fff}:host-context(body.dark) .message-card .right .bubble{color:#921f8a!important;background:#921f8a!important}:host-context(body.dark) .message-card .right .play-voice{background:#921f8a!important}:host-context(body.dark) .message-card .created span{color:#fff}@media screen and (max-width: 800px){.message-card:focus .actions{opacity:1!important}}.message-card:hover .actions{opacity:1;transition:opacity .3s ease-in-out}.message-card{display:flex;flex-wrap:wrap;justify-content:start;align-items:flex-start}.message-card .avatar-row{width:300px;height:32px;display:flex;flex-direction:row-reverse;justify-content:start;align-items:center}.message-card .actions{display:flex;opacity:0;padding-left:10px;padding-right:10px}.message-card .item-row{display:flex;flex:100%;justify-content:start;margin-bottom:5px}.message-card .images img{max-width:300px}.message-card .bubble{display:flex;justify-content:center;max-width:100%;padding:.5rem .5rem 0rem;color:#333;flex:none;border-radius:0 1.5em 1.5em/0em 1.5em 1.5em;color:#fff;background-color:currentColor}.message-card .bubble.loading{color:var(--gray-secondary)}.message-card .bubble.loading .content-style{filter:none}.message-card .bubble .content-style{filter:grayscale(1) contrast(999) invert(1)}.message-card .loading{text-align:right;color:#101010}.message-card .created{display:flex}.message-card .created span{font-size:12px;opacity:.4;white-space:nowrap;transition:all .6s ease;color:var(--black);text-align:center;width:100%;box-sizing:border-box;padding-right:10px;pointer-events:none;z-index:1}.right{justify-content:end;align-items:flex-end}.right .avatar-row{flex-direction:row;justify-content:end;width:auto}.right .actions{position:relative;margin-left:0}.right .item-row{justify-content:end}.right .bubble{color:#bbdefb;border-top-left-radius:1.5em;border-top-right-radius:0}.right .play-voice{flex-direction:row-reverse;background-color:#bbdefb}.center{justify-content:center;align-items:center}.center .item-row{justify-content:center}.center .bubble{color:var(--gray-secondary);border-top-left-radius:1.5em;border-top-right-radius:1.5em;font-size:12px;font-weight:100;padding:5px 20px}.play-voice{min-width:100px;height:32px;display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-radius:7px}.play-voice .voice-button{width:32px;height:32px;display:flex;justify-content:center;align-items:center}.play-voice .voice-button span{overflow:hidden;font-size:18px;color:#ff69b4}.play-voice .voice-info{height:32px;display:flex;padding:0 10px;justify-content:end;align-items:center;color:#333}.avatar{border-radius:50%;width:32px;height:32px;object-fit:cover}.audio-icon{color:#ff69b4;font-size:18px}.play-voice-playing{animation:play-voice-animation 1s infinite}@keyframes play-voice-animation{0%{width:0}to{width:32px}}.content-style.loading-text{color:#666;font-style:italic}.play-voice{transition:opacity .3s ease}.play-voice.loading-voice{opacity:.8;cursor:not-allowed}.play-voice.loading-voice .loading-spinner{width:18px;height:18px;color:var(--gray-secondary)}.play-voice.loading-voice .loading-text{font-size:.8em;color:var(--gray-secondary);margin-left:5px}.play-voice .voice-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px}\n']}]}],ctorParameters:()=>[{type:i1.ClipboardService}],propDecorators:{index:[{type:Input}],message:[{type:Input}],role:[{type:Input}],chat:[{type:Input}]}});
 var MODULE_PATH_NEED = `6K+l5paH5Lu25piv5pys6aG555uu55qE5LiA6YOo5YiGIFRoaXMgZmlsZSBpcyBwYXJ0IG9mIHRoZSBDb21wb25lbnRzIGluIEZtb2RlIEluYy4KICAgIOeJiOadg+aJgOaciSDCqSDmnKrmnaXpo57pqawgwqkg5rGf6KW/6ISR5o6n56eR5oqA5pyJ6ZmQ5YWs5Y+4IENvcHlyaWdodCDCqSBGbW9kZSBUZWNobm9sb2d5IENvLiwgTHRkLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCBSaWdodHMgUmVzZXJ2ZWQuCiAgICDkuKXnpoHlnKjmnKrnu4/mjojmnYPnmoTmg4XlhrXkuIvvvIzpgJrov4fku7vkvZXlqpLku4vlpI3liLbmraTmlofku7YgVW5hdXRob3JpemVkIGNvcHlpbmcgb2YgdGhpcyBmaWxlLCB2aWEgYW55IG1lZGl1bSBpcyBzdHJpY3RseSBwcm9oaWJpdGVkCiAgICDor6Xmlofku7bmmK/kuJPmnInnmoTmnLrlr4bmlofku7YgUHJvcHJpZXRhcnkgYW5kIGNvbmZpZGVudGlhbAogICAKICAgIENvcHlyaWdodCAyMDIxLW5vdyBGbW9kZSBJbmMuIHN1cHBvcnRAZm1vZGUuY24uIDE4NjA3MDA3MDczLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCByaWdodHMgcmVzZXJ2ZWQuCgogICAgUEFUSDovaG9tZS9yeWFuL3dvcmtzcGFjZS9ub3ZhL25vdmEtYWRtaW4vZGlzdC9mbW9kZS1uZy9lc20yMDIyL2xpYi9haWdjL2NoYXQvY2hhdC1tZXNzYWdlLWNhcmQvY29tcC1tZXNzYWdlLWNhcmQuY29tcG9uZW50Lm1qcw==`
     

package/esm2022/lib/aigc/chat/chat-modal-input/modal-input.component.mjs

@@ -5,6 +5,6 @@
      * 保留所有权利 All Rights Reserved.
      * /home/ryan/workspace/nova/nova-admin/dist/fmode-ng/esm2022/lib/aigc/chat/chat-modal-input/modal-input.component.mjs
      */
-    import{Component,Input,ViewChild}from"@angular/core";import{Router,RouterModule}from"@angular/router";import{AlertController,ToastController}from"@ionic/angular";import{FmodeChat}from"../../service-fmai/service-chat";import{ChatService}from"../../service-fmai/service-chat";import{FmodeParse,FmodeObject}from"../../../core/parse";import{ImagineService}from"../../service-fmai/service-imagine/imagine.service";import{IonButton,IonContent,IonIcon,IonInput,IonItem,IonList,IonModal,IonPopover,IonTextarea,IonToolbar,ModalController}from"@ionic/angular/standalone";import{CommonModule}from"@angular/common";import{FormsModule,ReactiveFormsModule}from"@angular/forms";import{ModalAudioMessageComponent}from"./modal-audio-message/modal-audio-message.component";import{FmChatMessageCard}from"../chat-message-card/comp-message-card.component";import{addIcons}from"ionicons";import{imageOutline,chevronBackOutline,ellipsisHorizontalOutline,chevronDownOutline,chatboxEllipsesOutline,micOutline,paperPlaneOutline,shareSocialOutline,settingsOutline,alertOutline,colorWandOutline,peopleOutline}from"ionicons/icons";import{AccountService}from"../../../user/account/account.service";import*as i0 from"@angular/core";import*as i1 from"@ionic/angular";import*as i2 from"@ionic/angular/standalone";import*as i3 from"@angular/router";import*as i4 from"../../service-fmai/service-imagine/imagine.service";import*as i5 from"../../service-fmai/service-chat";import*as i6 from"../../../user/account/account.service";import*as i7 from"@angular/common";import*as i8 from"@angular/forms";const Parse=FmodeParse.with("nova");addIcons({colorWandOutline:colorWandOutline,peopleOutline:peopleOutline,alertOutline:alertOutline,imageOutline:imageOutline,chevronBackOutline:chevronBackOutline,ellipsisHorizontalOutline:ellipsisHorizontalOutline,chevronDownOutline:chevronDownOutline,chatboxEllipsesOutline:chatboxEllipsesOutline,micOutline:micOutline,paperPlaneOutline:paperPlaneOutline,shareSocialOutline:shareSocialOutline,settingsOutline:settingsOutline});export class FmChatModalInput{closeAudio(){this.audioComp?.cancel(),this.isAudioModal=!1}async startTalk(){if(this.isSending)return!1;let e,n=document.body.clientHeight||960;this.audioModalHeightPoint=Number((165/n).toFixed(2)),this.chat.stopPlayingVoice(),e=await this.modalCtrl.create({component:ModalAudioMessageComponent,componentProps:{chat:this.chat,modal:e,onBreakPointSet:()=>{e?.setCurrentBreakpoint(this.audioModalHeightPoint)}},breakpoints:[this.audioModalHeightPoint],initialBreakpoint:this.audioModalHeightPoint}),e.present()}constructor(e,n,t,o,i,a,s){this.toastCtrl=e,this.alertCtrl=n,this.modalCtrl=t,this.router=o,this.imagineServ=i,this.chatServ=a,this.account=s,this.errorText="",this.isAudioModal=!1,this.audioModalHeightPoint=.35,this.isSending=!1,this.lastMessageTimestamp=0,this.replyTimeout=15e3,this.isShare=!1,this.user=Parse.User.current()}ngOnInit(){this.loadModel();let e=this;this.chat.focusUserInput=()=>{e.chat.isVoiceInputMode=!1,e.userInputComp?.setFocus()}}async loadModel(){let e=this.chat?.role?.get("model");await this.chat.loadModelList(e)}async setMessageImage(){let e=await this.imagineServ.getimg();this.chat.userImage=e,console.log(this.chat?.userImage)}onInputFocus(){this.chat.isTexting=!0,this.chat.scrollToBottom&&this.chat.scrollToBottom()}onKeyDown(e){e.ctrlKey&&"Enter"===e.key&&(console.log("Ctrl+Enter 被按下"),this.sendMessage())}async sendMessage(){if(this.isSending)return!1;const e=Date.now();if(this.lastMessageTimestamp>0&&e-this.lastMessageTimestamp<this.replyTimeout){return this.errorText="请等待上一条消息的回复或稍后再试",(await this.toastCtrl.create({message:this.errorText,position:"top",icon:"alert",color:"warning",duration:1e3})).present(),!1}if(this.isSending=!0,this.lastMessageTimestamp=Date.now(),!await this.checkBalance())return this.isSending=!1,!1;if(!this.chat.userInput){return this.errorText="内容不能为空",(await this.toastCtrl.create({message:this.errorText,position:"top",icon:"alert",color:"warning-circle",duration:1e3})).present(),void(this.isSending=!1)}this.lastMessageTimeout&&clearTimeout(this.lastMessageTimeout),this.lastMessageTimeout=setTimeout((()=>{this.isSending=!1,this.lastMessageTimestamp=0}),this.replyTimeout),this.chat?.sendMessage(this.chat?.userInput,this.chat?.userImage,(e=>{}),{onMessageStart:e=>{clearTimeout(this.lastMessageTimeout),this.isSending=!1,this.lastMessageTimestamp=0},onSSMLComplete:e=>{console.log(e)}}),this.chat.userInput="",this.chat.userImage=""}async checkBalance(){let e=await this.account.getBilling();if(e?.credit?.balance>=3&&(this.chat.isDirect=!0),!this.chat?.currentModel?.get?.("payLimit"))return!0;if(e?.credit?.balance<3){return(await this.alertCtrl.create({header:"注意",subHeader:"您的余额不足，请充值后解锁高级模型",buttons:[{role:"cancel",text:"取消"},{role:"destructive",text:"充值",handler:()=>{this.router.navigateByUrl("/account/billing")}}]})).present(),!1}return!0}async getChatShare(){this.user=Parse.User.current();let e=new Parse.Query("ChatShare");e.equalTo("user",Parse.User.current().id),e.equalTo("session",this.chat?.sessionId);await e.first()}async toggleChatShare(){let e=new Parse.Query("ChatShare");e.equalTo("user",Parse.User.current().id),e.equalTo("role",this.chat?.role.id),e.equalTo("session",this.chat?.sessionId),e.select("objectId");let n=await e.first();if(n?.id)n.set("messageList",this.chat?.messageList);else{n=new(Parse.Object.extend("ChatShare")),n.set("user",{__type:"Pointer",className:"_User",objectId:Parse.User.current()?.id}),n.set("session",{__type:"Pointer",className:"ChatSession",objectId:this.chat?.sessionId}),n.set("role",{__type:"Pointer",className:"AvatarRole",objectId:this.chat?.role.id}),n.set("company",{__type:"Pointer",className:"Company",objectId:"E4KpGvTEto"}),n.set("messageList",this.chat?.messageList)}await n.save(),this.getChatShare()}async chatShareSuccessMessage(){(await this.toastCtrl.create({duration:1e3,message:"分享成功",color:"primary",icon:"information-circle",position:"top"})).present()}showShare(){this.isShare=!0}handleOkShare(){this.toggleChatShare(),this.chatShareSuccessMessage(),this.isShare=!1}handleCancelShare(){this.isShare=!1}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:FmChatModalInput,deps:[{token:i1.ToastController},{token:i1.AlertController},{token:i2.ModalController},{token:i3.Router},{token:i4.ImagineService},{token:i5.ChatService},{token:i6.AccountService}],target:i0.ɵɵFactoryTarget.Component})}static{this.ɵcmp=i0.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"17.3.12",type:FmChatModalInput,isStandalone:!0,selector:"fm-chat-modal-input",inputs:{chat:"chat",message:"message",role:"role"},viewQueries:[{propertyName:"audioComp",first:!0,predicate:ModalAudioMessageComponent,descendants:!0},{propertyName:"userInputComp",first:!0,predicate:["userInput"],descendants:!0}],ngImport:i0,template:'<ion-toolbar>\n    <ion-item class="button-item" lines="none">\n        \x3c!-- 设置 --\x3e\n        \x3c!-- <ion-button fill="outline" slot="start">\n            <ion-icon name="settings-outline"></ion-icon> \n        </ion-button> --\x3e\n        <ng-container *ngFor="let button of chat?.leftButtons">\n          <ion-button style="--padding-start:10px;--padding-end:10px;"\n           shape="round" *ngIf="button?.show&&button?.show()" fill="outline" [title]="button?.title" slot="start" (click)="button.onClick()">\n            <ion-icon [name]="button?.icon" [slot]="button?.showTitle?\'start\':\'icon-only\'"></ion-icon>\n            {{button?.showTitle&&button?.title}}\n          </ion-button>\n        </ng-container>\n\n        <ng-container *ngFor="let button of chat?.role?.get(\'buttons\')">\n            <ion-button shape="round" (click)="chatServ.doButtonAction(button)" fill="outline"  slot="start">\n                {{button?.name}}\n            </ion-button>\n        </ng-container>\n\n        \x3c!--分享按钮--\x3e\n        @if(!chat?.hideShare){\n          <ion-button shape="round" *ngIf="chat?.messageList?.length>1" (click)="showShare()" fill="outline" title="分享" slot="end">\n            <ion-icon name="share-social-outline"></ion-icon>\n          </ion-button>\n        }\n          <ion-modal [isOpen]="isShare">\n            <ng-template>\n              <ion-header>\n                <ion-toolbar>\n                  <ion-buttons slot="start">\n                    <ion-button (click)="handleCancelShare()">取消</ion-button>\n                  </ion-buttons>\n                  <ion-title>对话分享</ion-title>\n                  <ion-buttons slot="end">\n                    <ion-button (click)="handleOkShare()">分享</ion-button>\n                  </ion-buttons>\n                </ion-toolbar>\n              </ion-header>\n              <ion-content class="ion-padding">\n                <ng-container *ngFor="let message of chat?.messageList;let index=index;">\n                    \x3c!-- 内容格式化区域 --\x3e\n                    <fm-chat-message-card [chat]="chat" *ngIf="!message?.hidden" [index]="index" [message]="message" [role]="chat?.role"></fm-chat-message-card>\n                </ng-container>\n\n                <div *ngIf="false" class="popup-content">\n                  <div *ngFor="let message of chat?.messageList">\n                    \x3c!-- 头像 --\x3e\n                    <div class="item-row user" *ngIf="message?.role!=\'system\'">\n                      <div>\n                        <img class="avatar" *ngIf="message?.role!=\'user\'" [src]="(chat?.role?.get(\'avatar\') || chat?.role?.get(\'thumb\') || \'https://file-cloud.fmode.cn/E4KpGvTEto/20230930/l413e6090731854.png\')+\'?\'+\'x-image-process=image/resize,m_fixed,w_100\'+\'&imageView2/1/w/32/h/32\'" >\n                      </div>\n                      <div class="user-question">\n                        <app-comp-user-avatar [user]="user" *ngIf="message?.role==\'user\'"></app-comp-user-avatar>\n                      </div>\n                    </div>\n                    \x3c!-- 内容 --\x3e\n                    <div class="message-wrapper">\n                      <div class="message-content-user">\n                        <div class="user-message" *ngIf="message?.role === \'user\'">\n                          <div class="item-content">\n                            \x3c!-- <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content" [render]="false"></fm-markdown-preview> --\x3e\n                            <fm-markdown-preview *ngIf="message?.complete" class="content-style" [content]="message?.content"></fm-markdown-preview>\n                          </div>\n                        </div>\n                      </div>\n                      <div class="message-content-role">\n                        <div class="role-message" *ngIf="message?.role !== \'user\' && message?.role !== \'system\'">\n                          <div class="item-content">\n                            \x3c!-- <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content" [render]="false"></fm-markdown-preview> --\x3e\n                            <fm-markdown-preview *ngIf="message?.complete" class="content-style" [content]="message?.content"></fm-markdown-preview>\n                          </div>\n                        </div>\n                      </div>\n                      <div class="message-content-system">\n                        <div class="system-message" *ngIf="message?.role === \'system\'">\n                          <div class="item-content">\n                            \x3c!-- <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content" [render]="false"></fm-markdown-preview> --\x3e\n                            <fm-markdown-preview *ngIf="message?.complete" class="content-style" [content]="message?.content"></fm-markdown-preview>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                    <div class="chat-time" *ngIf="message?.createdAt" [ngClass]="{\'role-time\': message?.role !== \'user\'}">\n                      <span>{{message?.createdAt | date:"dd/MM/yyyy, HH/mm/ss a"}}</span>\n                    </div>\n                  </div>\n                </div>   \n              </ion-content>\n            </ng-template>\n          </ion-modal>\n\n        \x3c!-- 图片 --\x3e\n        <ion-button shape="round" *ngIf="chat?.currentModel?.get?.(\'config\')?.imageEnabled" fill="outline"  slot="end" (click)="setMessageImage()">\n          <ion-icon name="image-outline"></ion-icon>\n        </ion-button>\n        \x3c!-- 模型 --\x3e\n        @if(!chat?.hideModalSelect){\n          <ion-button shape="round" fill="outline" slot="end"  id="model-button">\n              <ion-icon name="chevron-down-outline"></ion-icon>\n              {{chat?.currentModel?.get&&chat?.currentModel?.get?.("name")||"Fmode-C1.0-128k"}}\n          </ion-button>\n          <ion-popover trigger="model-button" [dismissOnSelect]="true">\n              <ng-template>\n                <ion-content>\n                  <ion-list>\n                      <ng-container *ngFor="let model of chat.modelList">\n                          <ion-item (click)="chat.currentModel = model" [button]="true" [detail]="false">\n                            {{model?.get("name")}}\n                            <ion-note slot="end">{{model?.get("credit")}}/k</ion-note>\n                          </ion-item>\n                      </ng-container>\n                  </ion-list>\n                </ion-content>\n              </ng-template>\n            </ion-popover>\n          }\n\n    </ion-item>\n\n    <ion-item class="input-item" lines="none">\n        \x3c!-- 语音消息输入 --\x3e\n        <ng-container *ngIf="chat?.isVoiceInputMode">\n          \x3c!-- 切换文本输入 --\x3e\n          <ion-button class="btn-input-change" color="primary" (click)="chat.isVoiceInputMode=false" shape="round" size="large">\n            <ion-icon name="chatbox-ellipses-outline" slot="icon-only"></ion-icon>\n          </ion-button>\n          \n          <div class="btn-voice-start" (click)="startTalk()" [class.disabled]="isSending">\n            <span>\n              点击讲话\n            </span> \n          </div>\n        </ng-container>\n\n        \x3c!-- 文本消息输入 --\x3e\n        <ng-container *ngIf="!chat?.isVoiceInputMode">\n          \x3c!-- 切换语音输入 --\x3e\n          <ion-button [style.display]="chat.isTexting?\'none\':\'flex\'" class="btn-input-change" color="primary" *ngIf="chat?.role?.get(\'voiceConfig\')" (click)="chat.isVoiceInputMode=true" shape="round" size="large">\n            <ion-icon name="mic-outline" slot="icon-only"></ion-icon>\n          </ion-button>\n\n          \x3c!-- 文本输入区域 --\x3e\n          <ion-textarea\n          #userInput\n          *ngIf="chat" (keydown)="onKeyDown($event)"\n          [errorText]="errorText"\n          [(ngModel)]="chat.userInput"\n          (ionFocus)="onInputFocus()"\n          (ionBlur)="chat.isTexting=false"\n          [autoGrow]="true" shape="round" fill="outline"\n          label="Ctrl + Enter 发送消息" placeholder="请输入您的提示词"\n          labelPlacement="floating"></ion-textarea>\n          \n          \x3c!-- 文本发送按钮 --\x3e\n          <ion-button [disabled]="isSending"\n          color="primary" shape="round" size="large" (click)="sendMessage()">\n            <ion-icon name="paper-plane-outline" slot="icon-only"></ion-icon>\n          </ion-button>\n        </ng-container>\n    </ion-item>\n</ion-toolbar>\n\n\n\x3c!-- 语音消息输入：弹出区域 --\x3e\n\x3c!-- <ion-modal #audioModal [isOpen]="isAudioModal" (willDismiss)="closeAudio()" [initialBreakpoint]="audioModalHeightPoint" [breakpoints]="[0, audioModalHeightPoint]">\n  <ng-template>\n    <fm-modal-audio-message #audioComp *ngIf="isAudioModal" [chat]="chat" [modal]="audioModal"></fm-modal-audio-message>\n  </ng-template>\n</ion-modal> --\x3e',styles:['@charset "UTF-8";:host-context(body.dark) .btn-voice-start{background-color:#222428;color:#fff}:host-context(body.dark) ion-textarea{background-color:#222428;color:#fff}ion-toolbar{--background:none}ion-toolbar .button-item{--inner-padding-start:5px;--inner-padding-end:0px;--padding-start:5px;--padding-end:0px}ion-toolbar ion-item{--background:transparent}.disabled{opacity:.5;pointer-events:none}.avatar{border-radius:50%;width:32px;height:32px;object-fit:cover}ion-textarea.custom{--background: #373737;--color: #fff;--padding-end: 10px;--padding-start: 10px;--placeholder-color: #ddd;--placeholder-opacity: .8}ion-textarea.custom textarea{width:calc(100% - 95px)}ion-textarea.custom ion-button{position:absolute;right:0}.input-item{display:flex;min-height:77px;align-items:center;border:none;--inner-padding-start:0px;--inner-padding-end:0px;--padding-start:0px;--padding-end:0px}.input-item ion-textarea{background-color:#fff;max-height:400px;padding:0 5px;margin:0 5px;border-radius:20px;overflow-y:auto}.input-item .btn-voice-start{display:flex;flex:1;justify-content:center;align-items:center;font-weight:700;background:#fff;border-radius:20px;min-height:50px}ion-textarea{transition:width .5s ease}ion-textarea:hover .btn-input-change,ion-textarea:focus-within .btn-input-change{display:none}.input-item:hover ion-textarea,.input-item:focus-within ion-textarea{border-color:var(--logo-color-primary)}::ng-deep .ant-modal-body{max-height:600px;overflow-y:auto}::ng-deep .ant-modal-footer{display:flex;justify-content:space-around}::ng-deep .ant-btn{width:40%}.popup-content{position:relative}.popup-content .message-content-user{display:flex;justify-content:flex-end}.popup-content .message-content-role{display:flex;justify-content:flex-start}.popup-content .message-content-system{display:flex;justify-content:center}.popup-content .user-message{padding:10px 10px 0;border-radius:10px;width:fit-content;max-width:100%;background-color:#e7f8ff}.popup-content .role-message{padding:10px 10px 0;border-radius:10px;width:fit-content;max-width:100%;background-color:#f6f6f6}.popup-content .user-question{margin-bottom:5px;display:flex;justify-content:flex-end}.popup-content .chat-time{margin-bottom:10px;display:flex;justify-content:flex-end;font-size:14px;color:#a3a3a3}.popup-content .role-time{justify-content:flex-start}\n'],dependencies:[{kind:"ngmodule",type:CommonModule},{kind:"directive",type:i7.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{kind:"directive",type:i7.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{kind:"directive",type:i7.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{kind:"pipe",type:i7.DatePipe,name:"date"},{kind:"ngmodule",type:FormsModule},{kind:"directive",type:i8.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{kind:"directive",type:i8.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{kind:"ngmodule",type:ReactiveFormsModule},{kind:"ngmodule",type:RouterModule},{kind:"component",type:IonToolbar,selector:"ion-toolbar",inputs:["color","mode"]},{kind:"component",type:IonItem,selector:"ion-item",inputs:["button","color","detail","detailIcon","disabled","download","href","lines","mode","rel","routerAnimation","routerDirection","target","type"]},{kind:"component",type:IonButton,selector:"ion-button",inputs:["buttonType","color","disabled","download","expand","fill","form","href","mode","rel","routerAnimation","routerDirection","shape","size","strong","target","type"]},{kind:"component",type:IonList,selector:"ion-list",inputs:["inset","lines","mode"]},{kind:"component",type:IonModal,selector:"ion-modal"},{kind:"component",type:IonIcon,selector:"ion-icon",inputs:["color","flipRtl","icon","ios","lazy","md","mode","name","sanitize","size","src"]},{kind:"component",type:IonTextarea,selector:"ion-textarea",inputs:["autoGrow","autocapitalize","autofocus","clearOnEdit","color","cols","counter","counterFormatter","debounce","disabled","enterkeyhint","errorText","fill","helperText","inputmode","label","labelPlacement","maxlength","minlength","mode","name","placeholder","readonly","required","rows","shape","spellcheck","value","wrap"]},{kind:"component",type:IonPopover,selector:"ion-popover"},{kind:"component",type:IonContent,selector:"ion-content",inputs:["color","fixedSlotPlacement","forceOverscroll","fullscreen","scrollEvents","scrollX","scrollY"]},{kind:"component",type:FmChatMessageCard,selector:"fm-chat-message-card",inputs:["index","message","role","chat"]}]})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:FmChatModalInput,decorators:[{type:Component,args:[{selector:"fm-chat-modal-input",standalone:!0,imports:[CommonModule,FormsModule,ReactiveFormsModule,RouterModule,IonToolbar,IonItem,IonButton,IonList,IonModal,IonInput,IonIcon,IonTextarea,IonPopover,IonContent,FmChatMessageCard,ModalAudioMessageComponent],template:'<ion-toolbar>\n    <ion-item class="button-item" lines="none">\n        \x3c!-- 设置 --\x3e\n        \x3c!-- <ion-button fill="outline" slot="start">\n            <ion-icon name="settings-outline"></ion-icon> \n        </ion-button> --\x3e\n        <ng-container *ngFor="let button of chat?.leftButtons">\n          <ion-button style="--padding-start:10px;--padding-end:10px;"\n           shape="round" *ngIf="button?.show&&button?.show()" fill="outline" [title]="button?.title" slot="start" (click)="button.onClick()">\n            <ion-icon [name]="button?.icon" [slot]="button?.showTitle?\'start\':\'icon-only\'"></ion-icon>\n            {{button?.showTitle&&button?.title}}\n          </ion-button>\n        </ng-container>\n\n        <ng-container *ngFor="let button of chat?.role?.get(\'buttons\')">\n            <ion-button shape="round" (click)="chatServ.doButtonAction(button)" fill="outline"  slot="start">\n                {{button?.name}}\n            </ion-button>\n        </ng-container>\n\n        \x3c!--分享按钮--\x3e\n        @if(!chat?.hideShare){\n          <ion-button shape="round" *ngIf="chat?.messageList?.length>1" (click)="showShare()" fill="outline" title="分享" slot="end">\n            <ion-icon name="share-social-outline"></ion-icon>\n          </ion-button>\n        }\n          <ion-modal [isOpen]="isShare">\n            <ng-template>\n              <ion-header>\n                <ion-toolbar>\n                  <ion-buttons slot="start">\n                    <ion-button (click)="handleCancelShare()">取消</ion-button>\n                  </ion-buttons>\n                  <ion-title>对话分享</ion-title>\n                  <ion-buttons slot="end">\n                    <ion-button (click)="handleOkShare()">分享</ion-button>\n                  </ion-buttons>\n                </ion-toolbar>\n              </ion-header>\n              <ion-content class="ion-padding">\n                <ng-container *ngFor="let message of chat?.messageList;let index=index;">\n                    \x3c!-- 内容格式化区域 --\x3e\n                    <fm-chat-message-card [chat]="chat" *ngIf="!message?.hidden" [index]="index" [message]="message" [role]="chat?.role"></fm-chat-message-card>\n                </ng-container>\n\n                <div *ngIf="false" class="popup-content">\n                  <div *ngFor="let message of chat?.messageList">\n                    \x3c!-- 头像 --\x3e\n                    <div class="item-row user" *ngIf="message?.role!=\'system\'">\n                      <div>\n                        <img class="avatar" *ngIf="message?.role!=\'user\'" [src]="(chat?.role?.get(\'avatar\') || chat?.role?.get(\'thumb\') || \'https://file-cloud.fmode.cn/E4KpGvTEto/20230930/l413e6090731854.png\')+\'?\'+\'x-image-process=image/resize,m_fixed,w_100\'+\'&imageView2/1/w/32/h/32\'" >\n                      </div>\n                      <div class="user-question">\n                        <app-comp-user-avatar [user]="user" *ngIf="message?.role==\'user\'"></app-comp-user-avatar>\n                      </div>\n                    </div>\n                    \x3c!-- 内容 --\x3e\n                    <div class="message-wrapper">\n                      <div class="message-content-user">\n                        <div class="user-message" *ngIf="message?.role === \'user\'">\n                          <div class="item-content">\n                            \x3c!-- <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content" [render]="false"></fm-markdown-preview> --\x3e\n                            <fm-markdown-preview *ngIf="message?.complete" class="content-style" [content]="message?.content"></fm-markdown-preview>\n                          </div>\n                        </div>\n                      </div>\n                      <div class="message-content-role">\n                        <div class="role-message" *ngIf="message?.role !== \'user\' && message?.role !== \'system\'">\n                          <div class="item-content">\n                            \x3c!-- <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content" [render]="false"></fm-markdown-preview> --\x3e\n                            <fm-markdown-preview *ngIf="message?.complete" class="content-style" [content]="message?.content"></fm-markdown-preview>\n                          </div>\n                        </div>\n                      </div>\n                      <div class="message-content-system">\n                        <div class="system-message" *ngIf="message?.role === \'system\'">\n                          <div class="item-content">\n                            \x3c!-- <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content" [render]="false"></fm-markdown-preview> --\x3e\n                            <fm-markdown-preview *ngIf="message?.complete" class="content-style" [content]="message?.content"></fm-markdown-preview>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                    <div class="chat-time" *ngIf="message?.createdAt" [ngClass]="{\'role-time\': message?.role !== \'user\'}">\n                      <span>{{message?.createdAt | date:"dd/MM/yyyy, HH/mm/ss a"}}</span>\n                    </div>\n                  </div>\n                </div>   \n              </ion-content>\n            </ng-template>\n          </ion-modal>\n\n        \x3c!-- 图片 --\x3e\n        <ion-button shape="round" *ngIf="chat?.currentModel?.get?.(\'config\')?.imageEnabled" fill="outline"  slot="end" (click)="setMessageImage()">\n          <ion-icon name="image-outline"></ion-icon>\n        </ion-button>\n        \x3c!-- 模型 --\x3e\n        @if(!chat?.hideModalSelect){\n          <ion-button shape="round" fill="outline" slot="end"  id="model-button">\n              <ion-icon name="chevron-down-outline"></ion-icon>\n              {{chat?.currentModel?.get&&chat?.currentModel?.get?.("name")||"Fmode-C1.0-128k"}}\n          </ion-button>\n          <ion-popover trigger="model-button" [dismissOnSelect]="true">\n              <ng-template>\n                <ion-content>\n                  <ion-list>\n                      <ng-container *ngFor="let model of chat.modelList">\n                          <ion-item (click)="chat.currentModel = model" [button]="true" [detail]="false">\n                            {{model?.get("name")}}\n                            <ion-note slot="end">{{model?.get("credit")}}/k</ion-note>\n                          </ion-item>\n                      </ng-container>\n                  </ion-list>\n                </ion-content>\n              </ng-template>\n            </ion-popover>\n          }\n\n    </ion-item>\n\n    <ion-item class="input-item" lines="none">\n        \x3c!-- 语音消息输入 --\x3e\n        <ng-container *ngIf="chat?.isVoiceInputMode">\n          \x3c!-- 切换文本输入 --\x3e\n          <ion-button class="btn-input-change" color="primary" (click)="chat.isVoiceInputMode=false" shape="round" size="large">\n            <ion-icon name="chatbox-ellipses-outline" slot="icon-only"></ion-icon>\n          </ion-button>\n          \n          <div class="btn-voice-start" (click)="startTalk()" [class.disabled]="isSending">\n            <span>\n              点击讲话\n            </span> \n          </div>\n        </ng-container>\n\n        \x3c!-- 文本消息输入 --\x3e\n        <ng-container *ngIf="!chat?.isVoiceInputMode">\n          \x3c!-- 切换语音输入 --\x3e\n          <ion-button [style.display]="chat.isTexting?\'none\':\'flex\'" class="btn-input-change" color="primary" *ngIf="chat?.role?.get(\'voiceConfig\')" (click)="chat.isVoiceInputMode=true" shape="round" size="large">\n            <ion-icon name="mic-outline" slot="icon-only"></ion-icon>\n          </ion-button>\n\n          \x3c!-- 文本输入区域 --\x3e\n          <ion-textarea\n          #userInput\n          *ngIf="chat" (keydown)="onKeyDown($event)"\n          [errorText]="errorText"\n          [(ngModel)]="chat.userInput"\n          (ionFocus)="onInputFocus()"\n          (ionBlur)="chat.isTexting=false"\n          [autoGrow]="true" shape="round" fill="outline"\n          label="Ctrl + Enter 发送消息" placeholder="请输入您的提示词"\n          labelPlacement="floating"></ion-textarea>\n          \n          \x3c!-- 文本发送按钮 --\x3e\n          <ion-button [disabled]="isSending"\n          color="primary" shape="round" size="large" (click)="sendMessage()">\n            <ion-icon name="paper-plane-outline" slot="icon-only"></ion-icon>\n          </ion-button>\n        </ng-container>\n    </ion-item>\n</ion-toolbar>\n\n\n\x3c!-- 语音消息输入：弹出区域 --\x3e\n\x3c!-- <ion-modal #audioModal [isOpen]="isAudioModal" (willDismiss)="closeAudio()" [initialBreakpoint]="audioModalHeightPoint" [breakpoints]="[0, audioModalHeightPoint]">\n  <ng-template>\n    <fm-modal-audio-message #audioComp *ngIf="isAudioModal" [chat]="chat" [modal]="audioModal"></fm-modal-audio-message>\n  </ng-template>\n</ion-modal> --\x3e',styles:['@charset "UTF-8";:host-context(body.dark) .btn-voice-start{background-color:#222428;color:#fff}:host-context(body.dark) ion-textarea{background-color:#222428;color:#fff}ion-toolbar{--background:none}ion-toolbar .button-item{--inner-padding-start:5px;--inner-padding-end:0px;--padding-start:5px;--padding-end:0px}ion-toolbar ion-item{--background:transparent}.disabled{opacity:.5;pointer-events:none}.avatar{border-radius:50%;width:32px;height:32px;object-fit:cover}ion-textarea.custom{--background: #373737;--color: #fff;--padding-end: 10px;--padding-start: 10px;--placeholder-color: #ddd;--placeholder-opacity: .8}ion-textarea.custom textarea{width:calc(100% - 95px)}ion-textarea.custom ion-button{position:absolute;right:0}.input-item{display:flex;min-height:77px;align-items:center;border:none;--inner-padding-start:0px;--inner-padding-end:0px;--padding-start:0px;--padding-end:0px}.input-item ion-textarea{background-color:#fff;max-height:400px;padding:0 5px;margin:0 5px;border-radius:20px;overflow-y:auto}.input-item .btn-voice-start{display:flex;flex:1;justify-content:center;align-items:center;font-weight:700;background:#fff;border-radius:20px;min-height:50px}ion-textarea{transition:width .5s ease}ion-textarea:hover .btn-input-change,ion-textarea:focus-within .btn-input-change{display:none}.input-item:hover ion-textarea,.input-item:focus-within ion-textarea{border-color:var(--logo-color-primary)}::ng-deep .ant-modal-body{max-height:600px;overflow-y:auto}::ng-deep .ant-modal-footer{display:flex;justify-content:space-around}::ng-deep .ant-btn{width:40%}.popup-content{position:relative}.popup-content .message-content-user{display:flex;justify-content:flex-end}.popup-content .message-content-role{display:flex;justify-content:flex-start}.popup-content .message-content-system{display:flex;justify-content:center}.popup-content .user-message{padding:10px 10px 0;border-radius:10px;width:fit-content;max-width:100%;background-color:#e7f8ff}.popup-content .role-message{padding:10px 10px 0;border-radius:10px;width:fit-content;max-width:100%;background-color:#f6f6f6}.popup-content .user-question{margin-bottom:5px;display:flex;justify-content:flex-end}.popup-content .chat-time{margin-bottom:10px;display:flex;justify-content:flex-end;font-size:14px;color:#a3a3a3}.popup-content .role-time{justify-content:flex-start}\n']}]}],ctorParameters:()=>[{type:i1.ToastController},{type:i1.AlertController},{type:i2.ModalController},{type:i3.Router},{type:i4.ImagineService},{type:i5.ChatService},{type:i6.AccountService}],propDecorators:{audioComp:[{type:ViewChild,args:[ModalAudioMessageComponent]}],userInputComp:[{type:ViewChild,args:["userInput"]}],chat:[{type:Input}],message:[{type:Input}],role:[{type:Input}]}});
+    import{Component,Input,ViewChild}from"@angular/core";import{Router,RouterModule}from"@angular/router";import{AlertController,ToastController}from"@ionic/angular";import{FmodeChat}from"../../service-fmai/service-chat";import{ChatService}from"../../service-fmai/service-chat";import{FmodeParse,FmodeObject}from"../../../core/parse";import{ImagineService}from"../../service-fmai/service-imagine/imagine.service";import{IonButton,IonContent,IonIcon,IonInput,IonItem,IonList,IonModal,IonPopover,IonTextarea,IonToolbar,ModalController}from"@ionic/angular/standalone";import{CommonModule}from"@angular/common";import{FormsModule,ReactiveFormsModule}from"@angular/forms";import{ModalAudioMessageComponent}from"./modal-audio-message/modal-audio-message.component";import{FmChatMessageCard}from"../chat-message-card/comp-message-card.component";import{addIcons}from"ionicons";import{imageOutline,chevronBackOutline,ellipsisHorizontalOutline,chevronDownOutline,chatboxEllipsesOutline,micOutline,paperPlaneOutline,shareSocialOutline,settingsOutline,alertOutline,colorWandOutline,peopleOutline,callOutline}from"ionicons/icons";import{AccountService}from"../../../user/account/account.service";import*as i0 from"@angular/core";import*as i1 from"@ionic/angular";import*as i2 from"@ionic/angular/standalone";import*as i3 from"@angular/router";import*as i4 from"../../service-fmai/service-imagine/imagine.service";import*as i5 from"../../service-fmai/service-chat";import*as i6 from"../../../user/account/account.service";import*as i7 from"@angular/common";import*as i8 from"@angular/forms";const Parse=FmodeParse.with("nova");addIcons({callOutline:callOutline,colorWandOutline:colorWandOutline,peopleOutline:peopleOutline,alertOutline:alertOutline,imageOutline:imageOutline,chevronBackOutline:chevronBackOutline,ellipsisHorizontalOutline:ellipsisHorizontalOutline,chevronDownOutline:chevronDownOutline,chatboxEllipsesOutline:chatboxEllipsesOutline,micOutline:micOutline,paperPlaneOutline:paperPlaneOutline,shareSocialOutline:shareSocialOutline,settingsOutline:settingsOutline});export class FmChatModalInput{get previewMessage(){if(!this.chat?.userInput)return null;if(this.chat?.userImage){const e=[{type:"text",text:this.chat.userInput},{type:"image_url",image_url:{url:this.chat.userImage}}];return this.chat.createPreviewMessage("user",e)}return this.chat.createPreviewMessage("user",this.chat.userInput)}closeAudio(){this.audioComp?.cancel(),this.isAudioModal=!1}async startTalk(){if(this.isSending)return!1;let e,n=document.body.clientHeight||960;this.audioModalHeightPoint=Number((165/n).toFixed(2)),this.chat.stopPlayingVoice(),e=await this.modalCtrl.create({component:ModalAudioMessageComponent,componentProps:{chat:this.chat,modal:e,onBreakPointSet:()=>{e?.setCurrentBreakpoint(this.audioModalHeightPoint)}},breakpoints:[this.audioModalHeightPoint],initialBreakpoint:this.audioModalHeightPoint}),e.present()}constructor(e,n,t,o,i,a,s){this.toastCtrl=e,this.alertCtrl=n,this.modalCtrl=t,this.router=o,this.imagineServ=i,this.chatServ=a,this.account=s,this.errorText="",this.isAudioModal=!1,this.audioModalHeightPoint=.35,this.isSending=!1,this.lastMessageTimestamp=0,this.replyTimeout=15e3,this.isShare=!1,this.user=Parse.User.current()}ngOnInit(){this.loadModel();let e=this;this.chat.focusUserInput=()=>{e.chat.isVoiceInputMode=!1,e.userInputComp?.setFocus()}}async loadModel(){let e=this.chat?.role?.get("model");await this.chat.loadModelList(e)}async setMessageImage(){let e=await this.imagineServ.getimg();this.chat.userImage=e,console.log(this.chat?.userImage)}onInputFocus(){this.chat.isTexting=!0,this.chat.scrollToBottom&&this.chat.scrollToBottom()}onKeyDown(e){e.ctrlKey&&"Enter"===e.key&&(console.log("Ctrl+Enter 被按下"),this.sendMessage())}async sendMessage(){if(this.isSending)return!1;const e=Date.now();if(this.lastMessageTimestamp>0&&e-this.lastMessageTimestamp<this.replyTimeout){return this.errorText="请等待上一条消息的回复或稍后再试",(await this.toastCtrl.create({message:this.errorText,position:"top",icon:"alert",color:"warning",duration:1e3})).present(),!1}if(this.isSending=!0,this.lastMessageTimestamp=Date.now(),!await this.checkBalance())return this.isSending=!1,!1;if(!this.chat.userInput){return this.errorText="内容不能为空",(await this.toastCtrl.create({message:this.errorText,position:"top",icon:"alert",color:"warning-circle",duration:1e3})).present(),void(this.isSending=!1)}this.lastMessageTimeout&&clearTimeout(this.lastMessageTimeout),this.lastMessageTimeout=setTimeout((()=>{this.isSending=!1,this.lastMessageTimestamp=0}),this.replyTimeout),this.chat?.sendMessage(this.chat?.userInput,this.chat?.userImage,(e=>{}),{onMessageStart:e=>{clearTimeout(this.lastMessageTimeout),this.isSending=!1,this.lastMessageTimestamp=0},onSSMLComplete:e=>{console.log(e)}}),this.chat.userInput="",this.chat.userImage=""}async checkBalance(){let e=await this.account.getBilling();if(e?.credit?.balance>=3&&(this.chat.isDirect=!0),!this.chat?.currentModel?.get?.("payLimit"))return!0;if(e?.credit?.balance<3){return(await this.alertCtrl.create({header:"注意",subHeader:"您的余额不足，请充值后解锁高级模型",buttons:[{role:"cancel",text:"取消"},{role:"destructive",text:"充值",handler:()=>{this.router.navigateByUrl("/account/billing")}}]})).present(),!1}return!0}async getChatShare(){this.user=Parse.User.current();let e=new Parse.Query("ChatShare");e.equalTo("user",Parse.User.current().id),e.equalTo("session",this.chat?.sessionId);await e.first()}async toggleChatShare(){let e=new Parse.Query("ChatShare");e.equalTo("user",Parse.User.current().id),e.equalTo("role",this.chat?.role.id),e.equalTo("session",this.chat?.sessionId),e.select("objectId");let n=await e.first();if(n?.id)n.set("messageList",this.chat?.messageList);else{n=new(Parse.Object.extend("ChatShare")),n.set("user",{__type:"Pointer",className:"_User",objectId:Parse.User.current()?.id}),n.set("session",{__type:"Pointer",className:"ChatSession",objectId:this.chat?.sessionId}),n.set("role",{__type:"Pointer",className:"AvatarRole",objectId:this.chat?.role.id}),n.set("company",{__type:"Pointer",className:"Company",objectId:"E4KpGvTEto"}),n.set("messageList",this.chat?.messageList)}await n.save(),this.getChatShare()}async chatShareSuccessMessage(){(await this.toastCtrl.create({duration:1e3,message:"分享成功",color:"primary",icon:"information-circle",position:"top"})).present()}showShare(){this.isShare=!0}handleOkShare(){this.toggleChatShare(),this.chatShareSuccessMessage(),this.isShare=!1}handleCancelShare(){this.isShare=!1}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:FmChatModalInput,deps:[{token:i1.ToastController},{token:i1.AlertController},{token:i2.ModalController},{token:i3.Router},{token:i4.ImagineService},{token:i5.ChatService},{token:i6.AccountService}],target:i0.ɵɵFactoryTarget.Component})}static{this.ɵcmp=i0.ɵɵngDeclareComponent({minVersion:"17.0.0",version:"17.3.12",type:FmChatModalInput,isStandalone:!0,selector:"fm-chat-modal-input",inputs:{chat:"chat",message:"message",role:"role"},viewQueries:[{propertyName:"audioComp",first:!0,predicate:ModalAudioMessageComponent,descendants:!0},{propertyName:"userInputComp",first:!0,predicate:["userInput"],descendants:!0}],ngImport:i0,template:'<ion-toolbar>\n    <ion-item class="button-item" lines="none">\n        \x3c!-- 设置 --\x3e\n        \x3c!-- <ion-button fill="outline" slot="start">\n            <ion-icon name="settings-outline"></ion-icon> \n        </ion-button> --\x3e\n        <ng-container *ngFor="let button of chat?.leftButtons">\n          <ion-button style="--padding-start:10px;--padding-end:10px;"\n           shape="round" *ngIf="button?.show&&button?.show()" fill="outline" [title]="button?.title" slot="start" (click)="button.onClick()">\n            <ion-icon [name]="button?.icon" [slot]="button?.showTitle?\'start\':\'icon-only\'"></ion-icon>\n            {{button?.showTitle&&button?.title}}\n          </ion-button>\n        </ng-container>\n\n        <ng-container *ngFor="let button of chat?.role?.get(\'buttons\')">\n            <ion-button shape="round" (click)="chatServ.doButtonAction(button)" fill="outline"  slot="start">\n                {{button?.name}}\n            </ion-button>\n        </ng-container>\n\n        \x3c!--分享按钮--\x3e\n        @if(!chat?.hideShare){\n          <ion-button shape="round" *ngIf="chat?.messageList?.length>1" (click)="showShare()" fill="outline" title="分享" slot="end">\n            <ion-icon name="share-social-outline"></ion-icon>\n          </ion-button>\n        }\n          <ion-modal [isOpen]="isShare">\n            <ng-template>\n              <ion-header>\n                <ion-toolbar>\n                  <ion-buttons slot="start">\n                    <ion-button (click)="handleCancelShare()">取消</ion-button>\n                  </ion-buttons>\n                  <ion-title>对话分享</ion-title>\n                  <ion-buttons slot="end">\n                    <ion-button (click)="handleOkShare()">分享</ion-button>\n                  </ion-buttons>\n                </ion-toolbar>\n              </ion-header>\n              <ion-content class="ion-padding">\n                <ng-container *ngFor="let message of chat?.messageList;let index=index;">\n                    \x3c!-- 内容格式化区域 --\x3e\n                    <fm-chat-message-card [chat]="chat" *ngIf="!message?.hidden" [index]="index" [message]="message" [role]="chat?.role"></fm-chat-message-card>\n                </ng-container>\n\n                <div *ngIf="false" class="popup-content">\n                  <div *ngFor="let message of chat?.messageList">\n                    \x3c!-- 头像 --\x3e\n                    <div class="item-row user" *ngIf="message?.role!=\'system\'">\n                      <div>\n                        <img class="avatar" *ngIf="message?.role!=\'user\'" [src]="(chat?.role?.get(\'avatar\') || chat?.role?.get(\'thumb\') || \'https://file-cloud.fmode.cn/E4KpGvTEto/20230930/l413e6090731854.png\')+\'?\'+\'x-image-process=image/resize,m_fixed,w_100\'+\'&imageView2/1/w/32/h/32\'" >\n                      </div>\n                      <div class="user-question">\n                        <app-comp-user-avatar [user]="user" *ngIf="message?.role==\'user\'"></app-comp-user-avatar>\n                      </div>\n                    </div>\n                    \x3c!-- 内容 --\x3e\n                    <div class="message-wrapper">\n                      <div class="message-content-user">\n                        <div class="user-message" *ngIf="message?.role === \'user\'">\n                          <div class="item-content">\n                            \x3c!-- <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content" [render]="false"></fm-markdown-preview> --\x3e\n                            <fm-markdown-preview *ngIf="message?.complete" class="content-style" [content]="message?.content"></fm-markdown-preview>\n                          </div>\n                        </div>\n                      </div>\n                      <div class="message-content-role">\n                        <div class="role-message" *ngIf="message?.role !== \'user\' && message?.role !== \'system\'">\n                          <div class="item-content">\n                            \x3c!-- <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content" [render]="false"></fm-markdown-preview> --\x3e\n                            <fm-markdown-preview *ngIf="message?.complete" class="content-style" [content]="message?.content"></fm-markdown-preview>\n                          </div>\n                        </div>\n                      </div>\n                      <div class="message-content-system">\n                        <div class="system-message" *ngIf="message?.role === \'system\'">\n                          <div class="item-content">\n                            \x3c!-- <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content" [render]="false"></fm-markdown-preview> --\x3e\n                            <fm-markdown-preview *ngIf="message?.complete" class="content-style" [content]="message?.content"></fm-markdown-preview>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                    <div class="chat-time" *ngIf="message?.createdAt" [ngClass]="{\'role-time\': message?.role !== \'user\'}">\n                      <span>{{message?.createdAt | date:"dd/MM/yyyy, HH/mm/ss a"}}</span>\n                    </div>\n                  </div>\n                </div>   \n              </ion-content>\n            </ng-template>\n          </ion-modal>\n\n        \x3c!-- 图片 --\x3e\n        <ion-button shape="round" *ngIf="chat?.currentModel?.get?.(\'config\')?.imageEnabled" fill="outline"  slot="end" (click)="setMessageImage()">\n          <ion-icon name="image-outline"></ion-icon>\n        </ion-button>\n        \x3c!-- 模型 --\x3e\n        @if(!chat?.hideModalSelect){\n          <ion-button shape="round" fill="outline" slot="end"  id="model-button">\n              <ion-icon name="chevron-down-outline"></ion-icon>\n              {{chat?.currentModel?.get&&chat?.currentModel?.get?.("name")||"Fmode-C1.0-128k"}}\n          </ion-button>\n          <ion-popover trigger="model-button" [dismissOnSelect]="true">\n              <ng-template>\n                <ion-content>\n                  <ion-list>\n                      <ng-container *ngFor="let model of chat.modelList">\n                          <ion-item (click)="chat.currentModel = model" [button]="true" [detail]="false">\n                            {{model?.get("name")}}\n                            <ion-note slot="end">{{model?.get("credit")}}/k</ion-note>\n                          </ion-item>\n                      </ng-container>\n                  </ion-list>\n                </ion-content>\n              </ng-template>\n            </ion-popover>\n          }\n\n    </ion-item>\n\n    <ion-item class="input-item" lines="none">\n        \x3c!-- 语音消息输入 --\x3e\n        <ng-container *ngIf="chat?.isVoiceInputMode">\n          \x3c!-- 切换文本输入 --\x3e\n          <ion-button class="btn-input-change" color="primary" (click)="chat.isVoiceInputMode=false" shape="round" size="large">\n            <ion-icon name="chatbox-ellipses-outline" slot="icon-only"></ion-icon>\n          </ion-button>\n          \n          <div class="btn-voice-start" (click)="startTalk()" [class.disabled]="isSending">\n            <span>\n              点击讲话\n            </span> \n          </div>\n        </ng-container>\n\n        \x3c!-- 文本消息输入 --\x3e\n        <ng-container *ngIf="!chat?.isVoiceInputMode">\n          \x3c!-- 切换语音输入 --\x3e\n          <ion-button [style.display]="chat.isTexting?\'none\':\'flex\'" class="btn-input-change" color="primary" *ngIf="chat?.role?.get(\'voiceConfig\')" (click)="chat.isVoiceInputMode=true" shape="round" size="large">\n            <ion-icon name="mic-outline" slot="icon-only"></ion-icon>\n          </ion-button>\n\n          \x3c!-- 文本输入区域 --\x3e\n          <ion-textarea\n          #userInput\n          *ngIf="chat" (keydown)="onKeyDown($event)"\n          [errorText]="errorText"\n          [(ngModel)]="chat.userInput"\n          (ionFocus)="onInputFocus()"\n          (ionBlur)="chat.isTexting=false"\n          [autoGrow]="true" shape="round" fill="outline"\n          label="Ctrl + Enter 发送消息" placeholder="请输入您的提示词"\n          labelPlacement="floating"></ion-textarea>\n          \n          \x3c!-- 文本发送按钮 --\x3e\n          <ion-button [disabled]="isSending"\n          color="primary" shape="round" size="large" (click)="sendMessage()">\n            <ion-icon name="paper-plane-outline" slot="icon-only"></ion-icon>\n          </ion-button>\n        </ng-container>\n    </ion-item>\n</ion-toolbar>\n\n\n\x3c!-- 语音消息输入：弹出区域 --\x3e\n\x3c!-- <ion-modal #audioModal [isOpen]="isAudioModal" (willDismiss)="closeAudio()" [initialBreakpoint]="audioModalHeightPoint" [breakpoints]="[0, audioModalHeightPoint]">\n  <ng-template>\n    <fm-modal-audio-message #audioComp *ngIf="isAudioModal" [chat]="chat" [modal]="audioModal"></fm-modal-audio-message>\n  </ng-template>\n</ion-modal> --\x3e',styles:['@charset "UTF-8";:host-context(body.dark) .btn-voice-start{background-color:#222428;color:#fff}:host-context(body.dark) ion-textarea{background-color:#222428;color:#fff}ion-toolbar{--background:none}ion-toolbar .button-item{--inner-padding-start:5px;--inner-padding-end:0px;--padding-start:5px;--padding-end:0px}ion-toolbar ion-item{--background:transparent}.disabled{opacity:.5;pointer-events:none}.avatar{border-radius:50%;width:32px;height:32px;object-fit:cover}ion-textarea.custom{--background: #373737;--color: #fff;--padding-end: 10px;--padding-start: 10px;--placeholder-color: #ddd;--placeholder-opacity: .8}ion-textarea.custom textarea{width:calc(100% - 95px)}ion-textarea.custom ion-button{position:absolute;right:0}.input-item{display:flex;min-height:77px;align-items:center;border:none;--inner-padding-start:0px;--inner-padding-end:0px;--padding-start:0px;--padding-end:0px}.input-item ion-textarea{background-color:#fff;max-height:400px;padding:0 5px;margin:0 5px;border-radius:20px;overflow-y:auto}.input-item .btn-voice-start{display:flex;flex:1;justify-content:center;align-items:center;font-weight:700;background:#fff;border-radius:20px;min-height:50px}ion-textarea{transition:width .5s ease}ion-textarea:hover .btn-input-change,ion-textarea:focus-within .btn-input-change{display:none}.input-item:hover ion-textarea,.input-item:focus-within ion-textarea{border-color:var(--logo-color-primary)}::ng-deep .ant-modal-body{max-height:600px;overflow-y:auto}::ng-deep .ant-modal-footer{display:flex;justify-content:space-around}::ng-deep .ant-btn{width:40%}.popup-content{position:relative}.popup-content .message-content-user{display:flex;justify-content:flex-end}.popup-content .message-content-role{display:flex;justify-content:flex-start}.popup-content .message-content-system{display:flex;justify-content:center}.popup-content .user-message{padding:10px 10px 0;border-radius:10px;width:fit-content;max-width:100%;background-color:#e7f8ff}.popup-content .role-message{padding:10px 10px 0;border-radius:10px;width:fit-content;max-width:100%;background-color:#f6f6f6}.popup-content .user-question{margin-bottom:5px;display:flex;justify-content:flex-end}.popup-content .chat-time{margin-bottom:10px;display:flex;justify-content:flex-end;font-size:14px;color:#a3a3a3}.popup-content .role-time{justify-content:flex-start}\n'],dependencies:[{kind:"ngmodule",type:CommonModule},{kind:"directive",type:i7.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{kind:"directive",type:i7.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{kind:"directive",type:i7.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{kind:"pipe",type:i7.DatePipe,name:"date"},{kind:"ngmodule",type:FormsModule},{kind:"directive",type:i8.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{kind:"directive",type:i8.NgModel,selector:"[ngModel]:not([formControlName]):not([formControl])",inputs:["name","disabled","ngModel","ngModelOptions"],outputs:["ngModelChange"],exportAs:["ngModel"]},{kind:"ngmodule",type:ReactiveFormsModule},{kind:"ngmodule",type:RouterModule},{kind:"component",type:IonToolbar,selector:"ion-toolbar",inputs:["color","mode"]},{kind:"component",type:IonItem,selector:"ion-item",inputs:["button","color","detail","detailIcon","disabled","download","href","lines","mode","rel","routerAnimation","routerDirection","target","type"]},{kind:"component",type:IonButton,selector:"ion-button",inputs:["buttonType","color","disabled","download","expand","fill","form","href","mode","rel","routerAnimation","routerDirection","shape","size","strong","target","type"]},{kind:"component",type:IonList,selector:"ion-list",inputs:["inset","lines","mode"]},{kind:"component",type:IonModal,selector:"ion-modal"},{kind:"component",type:IonIcon,selector:"ion-icon",inputs:["color","flipRtl","icon","ios","lazy","md","mode","name","sanitize","size","src"]},{kind:"component",type:IonTextarea,selector:"ion-textarea",inputs:["autoGrow","autocapitalize","autofocus","clearOnEdit","color","cols","counter","counterFormatter","debounce","disabled","enterkeyhint","errorText","fill","helperText","inputmode","label","labelPlacement","maxlength","minlength","mode","name","placeholder","readonly","required","rows","shape","spellcheck","value","wrap"]},{kind:"component",type:IonPopover,selector:"ion-popover"},{kind:"component",type:IonContent,selector:"ion-content",inputs:["color","fixedSlotPlacement","forceOverscroll","fullscreen","scrollEvents","scrollX","scrollY"]},{kind:"component",type:FmChatMessageCard,selector:"fm-chat-message-card",inputs:["index","message","role","chat"]}]})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:FmChatModalInput,decorators:[{type:Component,args:[{selector:"fm-chat-modal-input",standalone:!0,imports:[CommonModule,FormsModule,ReactiveFormsModule,RouterModule,IonToolbar,IonItem,IonButton,IonList,IonModal,IonInput,IonIcon,IonTextarea,IonPopover,IonContent,FmChatMessageCard,ModalAudioMessageComponent],template:'<ion-toolbar>\n    <ion-item class="button-item" lines="none">\n        \x3c!-- 设置 --\x3e\n        \x3c!-- <ion-button fill="outline" slot="start">\n            <ion-icon name="settings-outline"></ion-icon> \n        </ion-button> --\x3e\n        <ng-container *ngFor="let button of chat?.leftButtons">\n          <ion-button style="--padding-start:10px;--padding-end:10px;"\n           shape="round" *ngIf="button?.show&&button?.show()" fill="outline" [title]="button?.title" slot="start" (click)="button.onClick()">\n            <ion-icon [name]="button?.icon" [slot]="button?.showTitle?\'start\':\'icon-only\'"></ion-icon>\n            {{button?.showTitle&&button?.title}}\n          </ion-button>\n        </ng-container>\n\n        <ng-container *ngFor="let button of chat?.role?.get(\'buttons\')">\n            <ion-button shape="round" (click)="chatServ.doButtonAction(button)" fill="outline"  slot="start">\n                {{button?.name}}\n            </ion-button>\n        </ng-container>\n\n        \x3c!--分享按钮--\x3e\n        @if(!chat?.hideShare){\n          <ion-button shape="round" *ngIf="chat?.messageList?.length>1" (click)="showShare()" fill="outline" title="分享" slot="end">\n            <ion-icon name="share-social-outline"></ion-icon>\n          </ion-button>\n        }\n          <ion-modal [isOpen]="isShare">\n            <ng-template>\n              <ion-header>\n                <ion-toolbar>\n                  <ion-buttons slot="start">\n                    <ion-button (click)="handleCancelShare()">取消</ion-button>\n                  </ion-buttons>\n                  <ion-title>对话分享</ion-title>\n                  <ion-buttons slot="end">\n                    <ion-button (click)="handleOkShare()">分享</ion-button>\n                  </ion-buttons>\n                </ion-toolbar>\n              </ion-header>\n              <ion-content class="ion-padding">\n                <ng-container *ngFor="let message of chat?.messageList;let index=index;">\n                    \x3c!-- 内容格式化区域 --\x3e\n                    <fm-chat-message-card [chat]="chat" *ngIf="!message?.hidden" [index]="index" [message]="message" [role]="chat?.role"></fm-chat-message-card>\n                </ng-container>\n\n                <div *ngIf="false" class="popup-content">\n                  <div *ngFor="let message of chat?.messageList">\n                    \x3c!-- 头像 --\x3e\n                    <div class="item-row user" *ngIf="message?.role!=\'system\'">\n                      <div>\n                        <img class="avatar" *ngIf="message?.role!=\'user\'" [src]="(chat?.role?.get(\'avatar\') || chat?.role?.get(\'thumb\') || \'https://file-cloud.fmode.cn/E4KpGvTEto/20230930/l413e6090731854.png\')+\'?\'+\'x-image-process=image/resize,m_fixed,w_100\'+\'&imageView2/1/w/32/h/32\'" >\n                      </div>\n                      <div class="user-question">\n                        <app-comp-user-avatar [user]="user" *ngIf="message?.role==\'user\'"></app-comp-user-avatar>\n                      </div>\n                    </div>\n                    \x3c!-- 内容 --\x3e\n                    <div class="message-wrapper">\n                      <div class="message-content-user">\n                        <div class="user-message" *ngIf="message?.role === \'user\'">\n                          <div class="item-content">\n                            \x3c!-- <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content" [render]="false"></fm-markdown-preview> --\x3e\n                            <fm-markdown-preview *ngIf="message?.complete" class="content-style" [content]="message?.content"></fm-markdown-preview>\n                          </div>\n                        </div>\n                      </div>\n                      <div class="message-content-role">\n                        <div class="role-message" *ngIf="message?.role !== \'user\' && message?.role !== \'system\'">\n                          <div class="item-content">\n                            \x3c!-- <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content" [render]="false"></fm-markdown-preview> --\x3e\n                            <fm-markdown-preview *ngIf="message?.complete" class="content-style" [content]="message?.content"></fm-markdown-preview>\n                          </div>\n                        </div>\n                      </div>\n                      <div class="message-content-system">\n                        <div class="system-message" *ngIf="message?.role === \'system\'">\n                          <div class="item-content">\n                            \x3c!-- <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content" [render]="false"></fm-markdown-preview> --\x3e\n                            <fm-markdown-preview *ngIf="message?.complete" class="content-style" [content]="message?.content"></fm-markdown-preview>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                    <div class="chat-time" *ngIf="message?.createdAt" [ngClass]="{\'role-time\': message?.role !== \'user\'}">\n                      <span>{{message?.createdAt | date:"dd/MM/yyyy, HH/mm/ss a"}}</span>\n                    </div>\n                  </div>\n                </div>   \n              </ion-content>\n            </ng-template>\n          </ion-modal>\n\n        \x3c!-- 图片 --\x3e\n        <ion-button shape="round" *ngIf="chat?.currentModel?.get?.(\'config\')?.imageEnabled" fill="outline"  slot="end" (click)="setMessageImage()">\n          <ion-icon name="image-outline"></ion-icon>\n        </ion-button>\n        \x3c!-- 模型 --\x3e\n        @if(!chat?.hideModalSelect){\n          <ion-button shape="round" fill="outline" slot="end"  id="model-button">\n              <ion-icon name="chevron-down-outline"></ion-icon>\n              {{chat?.currentModel?.get&&chat?.currentModel?.get?.("name")||"Fmode-C1.0-128k"}}\n          </ion-button>\n          <ion-popover trigger="model-button" [dismissOnSelect]="true">\n              <ng-template>\n                <ion-content>\n                  <ion-list>\n                      <ng-container *ngFor="let model of chat.modelList">\n                          <ion-item (click)="chat.currentModel = model" [button]="true" [detail]="false">\n                            {{model?.get("name")}}\n                            <ion-note slot="end">{{model?.get("credit")}}/k</ion-note>\n                          </ion-item>\n                      </ng-container>\n                  </ion-list>\n                </ion-content>\n              </ng-template>\n            </ion-popover>\n          }\n\n    </ion-item>\n\n    <ion-item class="input-item" lines="none">\n        \x3c!-- 语音消息输入 --\x3e\n        <ng-container *ngIf="chat?.isVoiceInputMode">\n          \x3c!-- 切换文本输入 --\x3e\n          <ion-button class="btn-input-change" color="primary" (click)="chat.isVoiceInputMode=false" shape="round" size="large">\n            <ion-icon name="chatbox-ellipses-outline" slot="icon-only"></ion-icon>\n          </ion-button>\n          \n          <div class="btn-voice-start" (click)="startTalk()" [class.disabled]="isSending">\n            <span>\n              点击讲话\n            </span> \n          </div>\n        </ng-container>\n\n        \x3c!-- 文本消息输入 --\x3e\n        <ng-container *ngIf="!chat?.isVoiceInputMode">\n          \x3c!-- 切换语音输入 --\x3e\n          <ion-button [style.display]="chat.isTexting?\'none\':\'flex\'" class="btn-input-change" color="primary" *ngIf="chat?.role?.get(\'voiceConfig\')" (click)="chat.isVoiceInputMode=true" shape="round" size="large">\n            <ion-icon name="mic-outline" slot="icon-only"></ion-icon>\n          </ion-button>\n\n          \x3c!-- 文本输入区域 --\x3e\n          <ion-textarea\n          #userInput\n          *ngIf="chat" (keydown)="onKeyDown($event)"\n          [errorText]="errorText"\n          [(ngModel)]="chat.userInput"\n          (ionFocus)="onInputFocus()"\n          (ionBlur)="chat.isTexting=false"\n          [autoGrow]="true" shape="round" fill="outline"\n          label="Ctrl + Enter 发送消息" placeholder="请输入您的提示词"\n          labelPlacement="floating"></ion-textarea>\n          \n          \x3c!-- 文本发送按钮 --\x3e\n          <ion-button [disabled]="isSending"\n          color="primary" shape="round" size="large" (click)="sendMessage()">\n            <ion-icon name="paper-plane-outline" slot="icon-only"></ion-icon>\n          </ion-button>\n        </ng-container>\n    </ion-item>\n</ion-toolbar>\n\n\n\x3c!-- 语音消息输入：弹出区域 --\x3e\n\x3c!-- <ion-modal #audioModal [isOpen]="isAudioModal" (willDismiss)="closeAudio()" [initialBreakpoint]="audioModalHeightPoint" [breakpoints]="[0, audioModalHeightPoint]">\n  <ng-template>\n    <fm-modal-audio-message #audioComp *ngIf="isAudioModal" [chat]="chat" [modal]="audioModal"></fm-modal-audio-message>\n  </ng-template>\n</ion-modal> --\x3e',styles:['@charset "UTF-8";:host-context(body.dark) .btn-voice-start{background-color:#222428;color:#fff}:host-context(body.dark) ion-textarea{background-color:#222428;color:#fff}ion-toolbar{--background:none}ion-toolbar .button-item{--inner-padding-start:5px;--inner-padding-end:0px;--padding-start:5px;--padding-end:0px}ion-toolbar ion-item{--background:transparent}.disabled{opacity:.5;pointer-events:none}.avatar{border-radius:50%;width:32px;height:32px;object-fit:cover}ion-textarea.custom{--background: #373737;--color: #fff;--padding-end: 10px;--padding-start: 10px;--placeholder-color: #ddd;--placeholder-opacity: .8}ion-textarea.custom textarea{width:calc(100% - 95px)}ion-textarea.custom ion-button{position:absolute;right:0}.input-item{display:flex;min-height:77px;align-items:center;border:none;--inner-padding-start:0px;--inner-padding-end:0px;--padding-start:0px;--padding-end:0px}.input-item ion-textarea{background-color:#fff;max-height:400px;padding:0 5px;margin:0 5px;border-radius:20px;overflow-y:auto}.input-item .btn-voice-start{display:flex;flex:1;justify-content:center;align-items:center;font-weight:700;background:#fff;border-radius:20px;min-height:50px}ion-textarea{transition:width .5s ease}ion-textarea:hover .btn-input-change,ion-textarea:focus-within .btn-input-change{display:none}.input-item:hover ion-textarea,.input-item:focus-within ion-textarea{border-color:var(--logo-color-primary)}::ng-deep .ant-modal-body{max-height:600px;overflow-y:auto}::ng-deep .ant-modal-footer{display:flex;justify-content:space-around}::ng-deep .ant-btn{width:40%}.popup-content{position:relative}.popup-content .message-content-user{display:flex;justify-content:flex-end}.popup-content .message-content-role{display:flex;justify-content:flex-start}.popup-content .message-content-system{display:flex;justify-content:center}.popup-content .user-message{padding:10px 10px 0;border-radius:10px;width:fit-content;max-width:100%;background-color:#e7f8ff}.popup-content .role-message{padding:10px 10px 0;border-radius:10px;width:fit-content;max-width:100%;background-color:#f6f6f6}.popup-content .user-question{margin-bottom:5px;display:flex;justify-content:flex-end}.popup-content .chat-time{margin-bottom:10px;display:flex;justify-content:flex-end;font-size:14px;color:#a3a3a3}.popup-content .role-time{justify-content:flex-start}\n']}]}],ctorParameters:()=>[{type:i1.ToastController},{type:i1.AlertController},{type:i2.ModalController},{type:i3.Router},{type:i4.ImagineService},{type:i5.ChatService},{type:i6.AccountService}],propDecorators:{audioComp:[{type:ViewChild,args:[ModalAudioMessageComponent]}],userInputComp:[{type:ViewChild,args:["userInput"]}],chat:[{type:Input}],message:[{type:Input}],role:[{type:Input}]}});
 var MODULE_PATH_NEED = `6K+l5paH5Lu25piv5pys6aG555uu55qE5LiA6YOo5YiGIFRoaXMgZmlsZSBpcyBwYXJ0IG9mIHRoZSBDb21wb25lbnRzIGluIEZtb2RlIEluYy4KICAgIOeJiOadg+aJgOaciSDCqSDmnKrmnaXpo57pqawgwqkg5rGf6KW/6ISR5o6n56eR5oqA5pyJ6ZmQ5YWs5Y+4IENvcHlyaWdodCDCqSBGbW9kZSBUZWNobm9sb2d5IENvLiwgTHRkLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCBSaWdodHMgUmVzZXJ2ZWQuCiAgICDkuKXnpoHlnKjmnKrnu4/mjojmnYPnmoTmg4XlhrXkuIvvvIzpgJrov4fku7vkvZXlqpLku4vlpI3liLbmraTmlofku7YgVW5hdXRob3JpemVkIGNvcHlpbmcgb2YgdGhpcyBmaWxlLCB2aWEgYW55IG1lZGl1bSBpcyBzdHJpY3RseSBwcm9oaWJpdGVkCiAgICDor6Xmlofku7bmmK/kuJPmnInnmoTmnLrlr4bmlofku7YgUHJvcHJpZXRhcnkgYW5kIGNvbmZpZGVudGlhbAogICAKICAgIENvcHlyaWdodCAyMDIxLW5vdyBGbW9kZSBJbmMuIHN1cHBvcnRAZm1vZGUuY24uIDE4NjA3MDA3MDczLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCByaWdodHMgcmVzZXJ2ZWQuCgogICAgUEFUSDovaG9tZS9yeWFuL3dvcmtzcGFjZS9ub3ZhL25vdmEtYWRtaW4vZGlzdC9mbW9kZS1uZy9lc20yMDIyL2xpYi9haWdjL2NoYXQvY2hhdC1tb2RhbC1pbnB1dC9tb2RhbC1pbnB1dC5jb21wb25lbnQubWpz`
     

package/esm2022/lib/aigc/service-fmai/service-chat/chat.service.mjs

@@ -5,6 +5,6 @@
      * 保留所有权利 All Rights Reserved.
      * /home/ryan/workspace/nova/nova-admin/dist/fmode-ng/esm2022/lib/aigc/service-fmai/service-chat/chat.service.mjs
      */
-    import{Injectable}from"@angular/core";import{Router}from"@angular/router";import{FmodeChat}from"./chat-class";import{FmodeParse}from"../../../core/parse";import{NovaCloudService}from"../../../nova-cloud";import{AlertController,NavController,Platform}from"@ionic/angular";import{CrossService}from"../../../platform";import{NovaUploadService}from"../../../storage/service-upload/nova-upload.service";import*as i0 from"@angular/core";import*as i1 from"@angular/router";import*as i2 from"../../../nova-cloud";import*as i3 from"@ionic/angular";import*as i4 from"../../../platform";import*as i5 from"../../../storage/service-upload/nova-upload.service";const Parse=FmodeParse.with("nova");export class ChatService{constructor(e,t,r,a,o,i,s){this.router=e,this.ncloud=t,this.platform=r,this.alertCtrl=a,this.navCtrl=o,this.cross=i,this.uploadServ=s,this.chatMap={},this.isCapacitor=!1,this.platformMap={pc:"电脑端",mobile:"移动端"},this.isCapacitor=this.platform.is("capacitor")}async doButtonAction(e){let t=this.cross.navMenuType,r=e?.platform?.map((e=>this.platformMap[e])).join("、");if(e?.platform?.length>0&&-1==e?.platform?.indexOf(t)){(await this.alertCtrl.create({header:"注意",subHeader:"终端不符",message:`请您使用${r}开启本功能。`,buttons:[{role:"ok",text:"知道了"}]})).present()}else e?.path&&this.navCtrl.navigateRoot(e?.path)}async initChatMap(e){if(this.chatMap[e])return this.chatMap[e];let t=new Parse.Query("ChatSession");t.include("user","role","role.model","story","story.person","person","person.userVerify");let r=await t.get(e),a=new FmodeChat(r?.id,r?.get("role"),r,this,this.navCtrl,this.ncloud,this.uploadServ);return this.chatMap[e]=a,this.chatMap[e]}async getChatSession(e){if(!Parse?.User?.current()?.id)return;let t=new Parse.Query("ChatSession");e&&(t=Parse.Query.fromJSON("ChatSession",e)),t.include("user","role","role.model","story","story.person","story.person.userVerify","person","person.userVerify"),t.addDescending("updatedAt"),t.equalTo("user",Parse.User.current().toPointer()),t.notEqualTo("isDeleted",!0),t.limit(30);let r=await t.find();this.chatList=r.map((e=>(this.chatMap[e?.id]=new FmodeChat(e?.id,e?.get("role"),e,this,this.navCtrl,this.ncloud,this.uploadServ),{session:e,sid:e?.id,isHidden:!1,rid:e?.get("role")?.id,name:e?.get("role")?.get("name"),thumb:e?.get("role")?.get("thumb"),title:e?.get("title")||e?.get("role")?.get("name"),message:e?.get("messageList")?.[e?.get("messageList")?.length-1]?.content?.slice(0,20),latest:e?.createdAt})))}async getChatSessionDistinct(){let e=await this.ncloud.novaql('SELECT t1."objectId" as sid , "AvatarRole"."objectId" as rid, * FROM (\n      SELECT *,ROW_NUMBER() OVER (PARTITION BY "user", "role" ORDER BY "createdAt" DESC) AS rn\n       FROM "ChatSession" WHERE "user"=$1\n      ) as t1\n      LEFT JOIN "AvatarRole" ON "AvatarRole"."objectId" = t1."role"\n    WHERE t1.rn=1\n    LIMIT $2\n    ;',[Parse.User.current()?.id,10]),t=e?.map((e=>({sid:e?.sid,rid:e?.rid,name:e?.name,message:e?.messageList?.[e?.messageList?.length-1]?.content?.slice(0,20),latest:e?.createdAt})));return this.chatList=t,this.chatList}createChatPanel(e,t){let r=t?.id||"new";t=new FmodeChat(r,e,t,this,this.navCtrl,this.ncloud,this.uploadServ),this.chatMap[r]=t,this.router.navigate(["/chat/pro/chat/"+r])}async createNewRoleChat(e){console.log("createNewRoleChat",e);let t=new Parse.Query("AvatarRole");t.include("model");let r=await t.get(e);return console.log("role",r),new FmodeChat("new",r,null,this,this.navCtrl,this.ncloud,this.uploadServ)}async restoreChatPanel(e){let t=new Parse.Query("AvatarRole"),r=new Parse.Query("ChatSession"),a=await t.get(e?.rid),o=await r.get(e?.sid),i=new FmodeChat(e?.sid,a,o,this,this.navCtrl,this.ncloud,this.uploadServ);this.chatMap[e?.sid]=i,this.router.navigate(["/chat/pro/chat/"+e?.sid])}async callRole(e){document.body.classList.add("dark"),this.router.navigate([`/avatar/role/${e.id}`,{type:"phone"}])}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ChatService,deps:[{token:i1.Router},{token:i2.NovaCloudService},{token:i3.Platform},{token:i3.AlertController},{token:i3.NavController},{token:i4.CrossService},{token:i5.NovaUploadService}],target:i0.ɵɵFactoryTarget.Injectable})}static{this.ɵprov=i0.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ChatService,providedIn:"root"})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ChatService,decorators:[{type:Injectable,args:[{providedIn:"root"}]}],ctorParameters:()=>[{type:i1.Router},{type:i2.NovaCloudService},{type:i3.Platform},{type:i3.AlertController},{type:i3.NavController},{type:i4.CrossService},{type:i5.NovaUploadService}]});
+    import{Injectable}from"@angular/core";import{Router}from"@angular/router";import{FmodeChat}from"./chat-class";import{FmodeParse}from"../../../core/parse";import{NovaCloudService}from"../../../nova-cloud";import{AlertController,NavController,Platform}from"@ionic/angular";import{CrossService}from"../../../platform";import{NovaStorage}from"../../../core/storage";import*as i0 from"@angular/core";import*as i1 from"@angular/router";import*as i2 from"../../../nova-cloud";import*as i3 from"@ionic/angular";import*as i4 from"../../../platform";import*as i5 from"../../../core/storage";const Parse=FmodeParse.with("nova");export class ChatService{constructor(t,e,r,a,o,s,i){this.router=t,this.ncloud=e,this.platform=r,this.alertCtrl=a,this.navCtrl=o,this.cross=s,this.storage=i,this.chatMap={},this.isCapacitor=!1,this.platformMap={pc:"电脑端",mobile:"移动端"},this.isCapacitor=this.platform.is("capacitor")}async doButtonAction(t){let e=this.cross.navMenuType,r=t?.platform?.map((t=>this.platformMap[t])).join("、");if(t?.platform?.length>0&&-1==t?.platform?.indexOf(e)){(await this.alertCtrl.create({header:"注意",subHeader:"终端不符",message:`请您使用${r}开启本功能。`,buttons:[{role:"ok",text:"知道了"}]})).present()}else t?.path&&this.navCtrl.navigateRoot(t?.path)}async initChatMap(t){if(this.chatMap[t])return this.chatMap[t];let e=new Parse.Query("ChatSession");e.include("user","role","role.model","story","story.person","person","person.userVerify");let r=await e.get(t),a=new FmodeChat(r?.id,r?.get("role"),r,this,this.navCtrl,this.ncloud,this.storage);return this.chatMap[t]=a,this.chatMap[t]}async getChatSession(t){if(!Parse?.User?.current()?.id)return;let e=new Parse.Query("ChatSession");t&&(e=Parse.Query.fromJSON("ChatSession",t)),e.include("user","role","role.model","story","story.person","story.person.userVerify","person","person.userVerify"),e.addDescending("updatedAt"),e.equalTo("user",Parse.User.current().toPointer()),e.notEqualTo("isDeleted",!0),e.limit(30);let r=await e.find();this.chatList=r.map((t=>(this.chatMap[t?.id]=new FmodeChat(t?.id,t?.get("role"),t,this,this.navCtrl,this.ncloud,this.storage),{session:t,sid:t?.id,isHidden:!1,rid:t?.get("role")?.id,name:t?.get("role")?.get("name"),thumb:t?.get("role")?.get("thumb"),title:t?.get("title")||t?.get("role")?.get("name"),message:t?.get("messageList")?.[t?.get("messageList")?.length-1]?.content?.slice(0,20),latest:t?.createdAt})))}async getChatSessionDistinct(){let t=await this.ncloud.novaql('SELECT t1."objectId" as sid , "AvatarRole"."objectId" as rid, * FROM (\n      SELECT *,ROW_NUMBER() OVER (PARTITION BY "user", "role" ORDER BY "createdAt" DESC) AS rn\n       FROM "ChatSession" WHERE "user"=$1\n      ) as t1\n      LEFT JOIN "AvatarRole" ON "AvatarRole"."objectId" = t1."role"\n    WHERE t1.rn=1\n    LIMIT $2\n    ;',[Parse.User.current()?.id,10]),e=t?.map((t=>({sid:t?.sid,rid:t?.rid,name:t?.name,message:t?.messageList?.[t?.messageList?.length-1]?.content?.slice(0,20),latest:t?.createdAt})));return this.chatList=e,this.chatList}createChatPanel(t,e){let r=e?.id||"new";e=new FmodeChat(r,t,e,this,this.navCtrl,this.ncloud,this.storage),this.chatMap[r]=e,this.router.navigate(["/chat/pro/chat/"+r])}async createNewRoleChat(t){console.log("createNewRoleChat",t);let e=new Parse.Query("AvatarRole");e.include("model");let r=await e.get(t);return console.log("role",r),new FmodeChat("new",r,null,this,this.navCtrl,this.ncloud,this.storage)}async restoreChatPanel(t){let e=new Parse.Query("AvatarRole"),r=new Parse.Query("ChatSession"),a=await e.get(t?.rid),o=await r.get(t?.sid),s=new FmodeChat(t?.sid,a,o,this,this.navCtrl,this.ncloud,this.storage);this.chatMap[t?.sid]=s,this.router.navigate(["/chat/pro/chat/"+t?.sid])}async callRole(t){document.body.classList.add("dark"),this.router.navigate([`/avatar/role/${t.id}`,{type:"phone"}])}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ChatService,deps:[{token:i1.Router},{token:i2.NovaCloudService},{token:i3.Platform},{token:i3.AlertController},{token:i3.NavController},{token:i4.CrossService},{token:i5.NovaStorage}],target:i0.ɵɵFactoryTarget.Injectable})}static{this.ɵprov=i0.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ChatService,providedIn:"root"})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ChatService,decorators:[{type:Injectable,args:[{providedIn:"root"}]}],ctorParameters:()=>[{type:i1.Router},{type:i2.NovaCloudService},{type:i3.Platform},{type:i3.AlertController},{type:i3.NavController},{type:i4.CrossService},{type:i5.NovaStorage}]});
 var MODULE_PATH_NEED = `6K+l5paH5Lu25piv5pys6aG555uu55qE5LiA6YOo5YiGIFRoaXMgZmlsZSBpcyBwYXJ0IG9mIHRoZSBDb21wb25lbnRzIGluIEZtb2RlIEluYy4KICAgIOeJiOadg+aJgOaciSDCqSDmnKrmnaXpo57pqawgwqkg5rGf6KW/6ISR5o6n56eR5oqA5pyJ6ZmQ5YWs5Y+4IENvcHlyaWdodCDCqSBGbW9kZSBUZWNobm9sb2d5IENvLiwgTHRkLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCBSaWdodHMgUmVzZXJ2ZWQuCiAgICDkuKXnpoHlnKjmnKrnu4/mjojmnYPnmoTmg4XlhrXkuIvvvIzpgJrov4fku7vkvZXlqpLku4vlpI3liLbmraTmlofku7YgVW5hdXRob3JpemVkIGNvcHlpbmcgb2YgdGhpcyBmaWxlLCB2aWEgYW55IG1lZGl1bSBpcyBzdHJpY3RseSBwcm9oaWJpdGVkCiAgICDor6Xmlofku7bmmK/kuJPmnInnmoTmnLrlr4bmlofku7YgUHJvcHJpZXRhcnkgYW5kIGNvbmZpZGVudGlhbAogICAKICAgIENvcHlyaWdodCAyMDIxLW5vdyBGbW9kZSBJbmMuIHN1cHBvcnRAZm1vZGUuY24uIDE4NjA3MDA3MDczLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCByaWdodHMgcmVzZXJ2ZWQuCgogICAgUEFUSDovaG9tZS9yeWFuL3dvcmtzcGFjZS9ub3ZhL25vdmEtYWRtaW4vZGlzdC9mbW9kZS1uZy9lc20yMDIyL2xpYi9haWdjL3NlcnZpY2UtZm1haS9zZXJ2aWNlLWNoYXQvY2hhdC5zZXJ2aWNlLm1qcw==`
     

package/esm2022/lib/aigc/service-fmai/service-imagine/imagine-func.mjs

@@ -5,6 +5,6 @@
      * 保留所有权利 All Rights Reserved.
      * /home/ryan/workspace/nova/nova-admin/dist/fmode-ng/esm2022/lib/aigc/service-fmai/service-imagine/imagine-func.mjs
      */
-    import{FmodeParse}from"../../../core/parse";const Parse=FmodeParse.with("nova");import{apig}from"../../../nova-cloud/ncloud-api-func";export async function drawDalle(e){e.size=e?.size||"1024x1024",e.style=e?.style||"natural",e.quality=e?.quality||null;let t={model:"dall-e-3",prompt:e.prompt,n:1,quality:e.quality,response_format:"url",size:e.size,style:e.style};if(e.prompt?.length>3e3)throw"prompt maximum < 4000 characters";let a,n=await apig("aigc/gpt/v1/images/generations",t);if(console.log(n),n?.id){let e=new Parse.Query("ImagineWork");e.get(n?.id),a=await e.first(),console.log(a)}return a}async function myFetchFun(e,t){let a=Parse.User.current(),n=await fetch(e,{headers:{authorization:`Bearer ${a?.getSessionToken()}`,"Content-Type":"application/json"},mode:"cors",credentials:"omit",method:"POST",body:JSON.stringify(t)});return await n.json()}export async function getJimengImg(e){let t,a,n=await myFetchFun("https://server.fmode.cn/api/volcengine/jimeng/getImg",e);t=n?.data?.workId;let r=new Parse.Query("ImagineWork");return a=await r.get(t),a}export async function getJimengT_v(e){let t,a=await myFetchFun("https://server.fmode.cn/api/volcengine/jimeng/getVideoByText",e);if(console.log("获取的taskId：",a),t=a?.data?.workId,t){let e,a=new Parse.Query("ImagineWork");return e=await a.get(t),e}return a}export async function getJimengI_v(e){let t,a=await myFetchFun("https://server.fmode.cn/api/volcengine/jimeng/getVideoByImg",e);if(console.log("获取的taskId：",a),t=a?.data?.workId,t){let e,a=new Parse.Query("ImagineWork");return e=await a.get(t),e}return a}export async function getJimengV_data(e){let t,a,n=await myFetchFun("https://server.fmode.cn/api/volcengine/jimeng/getDataByTask",e);if(console.log("根据taskId请求出来的结果：",n),n?.error)return n;t=n?.data?.workId;let r=new Parse.Query("ImagineWork");return a=await r.get(t),a}
+    import{FmodeParse}from"../../../core/parse";const Parse=FmodeParse.with("nova");import{apig}from"../../../nova-cloud/ncloud-api-func";export async function drawDalle(e){e.size=e?.size||"1024x1024",e.style=e?.style||"natural",e.quality=e?.quality||null;let t={model:"dall-e-3",prompt:e.prompt,n:1,quality:e.quality,response_format:"url",size:e.size,style:e.style};if(e.prompt?.length>3e3)throw"prompt maximum < 4000 characters";let r,a=await apig("aigc/gpt/v1/images/generations",t);if(console.log(a),a?.id){let e=new Parse.Query("ImagineWork");e.get(a?.id),r=await e.first(),console.log(r)}return r}async function myFetchFun(e,t){let r=Parse.User.current(),a=await fetch(e,{headers:{authorization:`Bearer ${r?.getSessionToken()}`,"Content-Type":"application/json"},mode:"cors",credentials:"omit",method:"POST",body:JSON.stringify(t)});return await a.json()}export async function getJimengImg(e){let t,r,a=await myFetchFun("https://server.fmode.cn/api/volcengine/jimeng/getImg",e);t=a?.data?.workId;let i=new Parse.Query("ImagineWork");return r=await i.get(t),r}export async function getJimengT_v(e){let t,r=await myFetchFun("https://server.fmode.cn/api/volcengine/jimeng/getVideoByText",e);if(console.log("获取的taskId：",r),t=r?.data?.workId,t){let e,r=new Parse.Query("ImagineWork");return e=await r.get(t),e}return r}export async function getJimengI_v(e){let t,r=await myFetchFun("https://server.fmode.cn/api/volcengine/jimeng/getVideoByImg",e);if(console.log("获取的taskId：",r),t=r?.data?.workId,t){let e,r=new Parse.Query("ImagineWork");return e=await r.get(t),e}return r}export async function getJimengV_data(e){let t,r,a=await myFetchFun("https://server.fmode.cn/api/volcengine/jimeng/getDataByTask",e);if(console.log("根据taskId请求出来的结果：",a),a?.error)return a;t=a?.data?.workId;let i=new Parse.Query("ImagineWork");return r=await i.get(t),r}async function fetchFun(e,t){let r=Parse.User.current();if(!r){let e=new Parse.Query("_User");if(e.equalTo("company","Q0DryNYA8g"),r=await e.first(),!r)throw"用户不存在"}try{let a=await fetch(e,{headers:{"Content-Type":"application/json"},mode:"cors",credentials:"omit",method:"POST",body:JSON.stringify({...t,token:`Bearer ${r?.get("sessionToken")}`})});return await a.json()}catch(e){throw e}}export async function getDataByTask(e){let{taskId:t,workId:r,routerName:a}=e;if(!t&&!r)throw"taskId与workId不能同时为空";let i=await fetchFun("http://127.0.0.1:7337/api/volcengine/jimeng/getDataByTask02",e);return console.log(i),i}export async function getClothesV2(e){let{model:t,upper:r,bottom:a,inference_config:i}=e;if(!t)throw"model不能为空";if(!r&&!a)throw"upper与bottom不能同时为空";if(i){const{num_steps:e,p_bbox_iou_ratio:t,p_bbox_expand_ratio:r,max_process_side_length:a}=i;if("number"==typeof e&&(e<8||e>50))throw"num_steps 范围需在 8-50";if("number"==typeof t&&(t<0||t>1))throw"p_bbox_iou_ratio 范围需在 0-1.0";if("number"==typeof r&&(r<1||r>1.5))throw"p_bbox_expand_ratio 范围需在 1.0-1.5";if("number"==typeof a&&(a<1080||a>4096))throw"max_process_side_length 范围需在 1080-4096"}let o=await fetchFun("http://127.0.0.1:7337/api/volcengine/jimeng/getClothesV2",e);return console.log(o),o}export async function getImgV4(e){let{image_urls:t,prompt:r,sizeDate:a,scale:i,force_single:o}=e;if(!r)throw"prompt不能为空";if(void 0!==t){if(!Array.isArray(t))throw"image_urls需为数组";if(t.length>10)throw"image_urls长度需在0-10"}if("number"==typeof i&&(i<0||i>1))throw"scale 范围需在 0-1";if(void 0!==a&&a){const e=a,t=e?.size,r=e?.width,i=e?.height,o=e?.min_ratio,n=e?.max_ratio;if("number"==typeof t){if(t<1048576||t>16777216)throw"size 范围需在 1024*1024 到 4096*4096"}if("number"==typeof r&&"number"==typeof i){const e=r*i;if(e<1048576||e>16777216)throw"width*height 范围需在 1024*1024 到 4096*4096";const t=r/i;if("number"==typeof o){if(o<1/16||o>=16)throw"min_ratio 范围需在 [1/16,16)";if(t<o)throw"宽高比需 ≥ min_ratio"}if("number"==typeof n){if(n<1/16||n>=16)throw"max_ratio 范围需在 [1/16,16)";if(t>n)throw"宽高比需 ≤ max_ratio"}if("number"==typeof o&&"number"==typeof n&&o>n)throw"min_ratio 不能大于 max_ratio"}else{if("number"==typeof o&&(o<1/16||o>=16))throw"min_ratio 范围需在 [1/16,16)";if("number"==typeof n&&(n<1/16||n>=16))throw"max_ratio 范围需在 [1/16,16)";if("number"==typeof o&&"number"==typeof n&&o>n)throw"min_ratio 不能大于 max_ratio"}}let n=await fetchFun("http://127.0.0.1:7337/api/volcengine/jimeng/getImgV4",e);return console.log(n),n}export async function getVideoV3_720p(e){let{prompt:t,frames:r,method:a}=e;if(!t||"string"!=typeof t||""===t.trim())throw"prompt不能为空";if(null==r||""===r)r=121;else if(r=Number(r),Number.isNaN(r))throw"frames 应为数字";if(r<121||r>241)throw"frames 取值范围为[121,241]";const i=String(a);if(!["1","2","3","4"].includes(i))throw"method 取值仅支持 1|2|3|4";const o=e?.config??{};if("object"!=typeof o)throw"config 应为对象";const hasAny=(e,t)=>{for(let r of t){const t=e?.[r];if(null!=t&&""!==t)return!0}return!1};switch(i){case"1":{const e=o?.aspect_ratio;if(void 0!==e&&-1===["16:9","9:16","1:1","4:3","3:4","21:9"].indexOf(e))throw"aspect_ratio 仅支持 '16:9','9:16','1:1','4:3','3:4','21:9'";break}case"2":{const e=o?.image_urls,t=o?.binary_data_base64;if(Array.isArray(e)&&1!==e.length)throw"image_urls 仅支持输入 1 张图片";if(Array.isArray(t)&&1!==t.length)throw"binary_data_base64 仅支持输入 1 张图片";if(!hasAny(o,["image_urls","binary_data_base64"]))throw"首帧图片缺失，请提供 image_urls 或 binary_data_base64";break}case"3":{const e=o?.image_urls,t=o?.binary_data_base64;if(Array.isArray(e)&&2!==e.length)throw"image_urls 需输入 2 张图片";if(Array.isArray(t)&&2!==t.length)throw"binary_data_base64 需输入 2 张图片";if(!hasAny(o,["image_urls","binary_data_base64"]))throw"首尾帧图片缺失，请提供 2 张图片";break}case"4":{const e=o?.image_urls,t=o?.binary_data_base64;if(Array.isArray(e)&&1!==e.length)throw"image_urls 仅支持输入 1 张图片";if(Array.isArray(t)&&1!==t.length)throw"binary_data_base64 仅支持输入 1 张图片";if(!hasAny(o,["image_urls","binary_data_base64"]))throw"首帧图片缺失，请提供 image_urls 或 binary_data_base64";const r=["hitchcock_dolly_in","hitchcock_dolly_out","robo_arm","dynamic_orbit","central_orbit","crane_push","quick_pull_back","counterclockwise_swivel","clockwise_swivel","handheld","rapid_push_pull"];if(!o?.template_id||-1===r.indexOf(o.template_id))throw"template_id 缺失或不合法";const a=["weak","medium","strong"];if(!o?.camera_strength||-1===a.indexOf(o.camera_strength))throw"camera_strength 缺失或不合法";break}}const n=await fetchFun("http://127.0.0.1:7337/api/volcengine/jimeng/getVideoV3_720p",{prompt:t,frames:r,method:i,config:o});return console.log(n),n}export async function getVideoV3_1080p(e){let{prompt:t,frames:r,method:a}=e;if(!t||"string"!=typeof t||""===t.trim())throw"prompt不能为空";if(null==r||""===r)r=121;else if(r=Number(r),Number.isNaN(r))throw"frames 应为数字";if(r<121||r>241)throw"frames 取值范围为[121,241]";const i=String(a);if(!["1","2","3"].includes(i))throw"method 取值仅支持 1|2|3";const o=e?.config??{};if("object"!=typeof o)throw"config 应为对象";const hasAny=(e,t)=>{for(let r of t){const t=e?.[r];if(null!=t&&""!==t)return!0}return!1};switch(i){case"1":{const e=o?.aspect_ratio;if(void 0!==e&&-1===["16:9","9:16","1:1","4:3","3:4","21:9"].indexOf(e))throw"aspect_ratio 仅支持 '16:9','9:16','1:1','4:3','3:4','21:9'";break}case"2":{const e=o?.image_urls,t=o?.binary_data_base64;if(Array.isArray(e)&&1!==e.length)throw"image_urls 仅支持输入 1 张图片";if(Array.isArray(t)&&1!==t.length)throw"binary_data_base64 仅支持输入 1 张图片";if(!hasAny(o,["image_urls","binary_data_base64"]))throw"首帧图片缺失，请提供 image_urls 或 binary_data_base64";break}case"3":{const e=o?.image_urls,t=o?.binary_data_base64;if(Array.isArray(e)&&2!==e.length)throw"image_urls 需输入 2 张图片";if(Array.isArray(t)&&2!==t.length)throw"binary_data_base64 需输入 2 张图片";if(!hasAny(o,["image_urls","binary_data_base64"]))throw"首尾帧图片缺失，请提供 2 张图片";break}}const n=await fetchFun("http://127.0.0.1:7337/api/volcengine/jimeng/getVideoV3_1080p",{prompt:t,frames:r,method:i,config:o});return console.log(n),n}
 var MODULE_PATH_NEED = `6K+l5paH5Lu25piv5pys6aG555uu55qE5LiA6YOo5YiGIFRoaXMgZmlsZSBpcyBwYXJ0IG9mIHRoZSBDb21wb25lbnRzIGluIEZtb2RlIEluYy4KICAgIOeJiOadg+aJgOaciSDCqSDmnKrmnaXpo57pqawgwqkg5rGf6KW/6ISR5o6n56eR5oqA5pyJ6ZmQ5YWs5Y+4IENvcHlyaWdodCDCqSBGbW9kZSBUZWNobm9sb2d5IENvLiwgTHRkLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCBSaWdodHMgUmVzZXJ2ZWQuCiAgICDkuKXnpoHlnKjmnKrnu4/mjojmnYPnmoTmg4XlhrXkuIvvvIzpgJrov4fku7vkvZXlqpLku4vlpI3liLbmraTmlofku7YgVW5hdXRob3JpemVkIGNvcHlpbmcgb2YgdGhpcyBmaWxlLCB2aWEgYW55IG1lZGl1bSBpcyBzdHJpY3RseSBwcm9oaWJpdGVkCiAgICDor6Xmlofku7bmmK/kuJPmnInnmoTmnLrlr4bmlofku7YgUHJvcHJpZXRhcnkgYW5kIGNvbmZpZGVudGlhbAogICAKICAgIENvcHlyaWdodCAyMDIxLW5vdyBGbW9kZSBJbmMuIHN1cHBvcnRAZm1vZGUuY24uIDE4NjA3MDA3MDczLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCByaWdodHMgcmVzZXJ2ZWQuCgogICAgUEFUSDovaG9tZS9yeWFuL3dvcmtzcGFjZS9ub3ZhL25vdmEtYWRtaW4vZGlzdC9mbW9kZS1uZy9lc20yMDIyL2xpYi9haWdjL3NlcnZpY2UtZm1haS9zZXJ2aWNlLWltYWdpbmUvaW1hZ2luZS1mdW5jLm1qcw==`
     

package/esm2022/lib/aigc/service-fmai/service-imagine/imagine.service.mjs

@@ -5,6 +5,6 @@
      * 保留所有权利 All Rights Reserved.
      * /home/ryan/workspace/nova/nova-admin/dist/fmode-ng/esm2022/lib/aigc/service-fmai/service-imagine/imagine.service.mjs
      */
-    import{HttpClient}from"@angular/common/http";import{Injectable}from"@angular/core";import{NovaCloudService}from"../../../nova-cloud/nova-cloud.service";import{FmodeParse}from"../../../core/parse";import{NovaUploadService}from"../../../storage/service-upload/nova-upload.service";import{drawDalle,getJimengImg,getJimengT_v,getJimengV_data,getJimengI_v}from"./imagine-func";import{ToastController}from"@ionic/angular";import*as i0 from"@angular/core";import*as i1 from"@angular/common/http";import*as i2 from"../../../nova-cloud/nova-cloud.service";import*as i3 from"../../../storage/service-upload/nova-upload.service";import*as i4 from"@ionic/angular";const Parse=FmodeParse.with("nova");export class ImagineService{constructor(e,t,i,r){this.http=e,this.ncloud=t,this.uploadServ=i,this.toastCtrl=r,this.taskDetailMap={},this.newWorkList=[],this.myWorkList=[]}async drawDalle(e){let t=await drawDalle(e);return t?.id&&this.newWorkList.unshift(t),t}priceDalle(e){let t=[{model:"dall-e-3",quality:null,size:"1024x1024",credit:6.4},{model:"dall-e-3",quality:null,size:"1024x1792",credit:12.8},{model:"dall-e-3",quality:null,size:"1792x1024",credit:12.8},{model:"dall-e-3",quality:"hd",size:"1024x1024",credit:12.8},{model:"dall-e-3",quality:"hd",size:"1024x1792",credit:19.2},{model:"dall-e-3",quality:"hd",size:"1792x1024",credit:19.2},{model:"dall-e-2",quality:null,size:"1024x1024",credit:3.2},{model:"dall-e-2",quality:null,size:"512x512",credit:2.88},{model:"dall-e-2",quality:null,size:"256x256",credit:2.56}].find((t=>t.model==e.model&&t.quality==e.quality&&t.size==e.size));return t?.credit||19.2}priceStableDiffusion(e){let t=e.width*e.height,i=763e-9*t*e.steps+2278e-8*t*(e?.upscale||0)+(e?.hrSteps||0)*t*(e?.hrScale||0)*(e?.hrScale||0)*763e-9+(e?.faceFix?2:0)+(e?.imgOptions?.removeBackground?2:0)+(e?.imgOptions?.redrawBackground?2:0)+(e?.imgOptions?.facePreservation?2:0)+(e?.imgOptions?.genderDetect?1:0)+2*(e?.controlnet?.units?.length||0);return i=.3*i*e.batchSize,i}b64DataToBase64Image(e){let t=atob(e),i=new Blob([t],{type:"image/webp"});new Promise((e=>{let t=new FileReader;t.onloadend=function(){let i=t.result;console.log(i),e(i)},t.readAsDataURL(i)}))}async draw(e){let t=await this.ncloud.apig("aigc/sdapi/v1/draw",e),i=t?.paintingSign;return i&&setTimeout((async()=>{let e=new Parse.Query("ImagineWork");e.equalTo("taskId",i);let t=await e.first();console.log(t),t?.id&&this.newWorkList.unshift(t)}),1e3),t}async taskDetail(e){let t=await this.ncloud.apig("aigc/sdapi/v1/task/detail",{taskId:e});return console.log(t),this.taskDetailMap[e]=t,t}getMyWorkQuery(){let e=Parse.User.current();if(!e?.id)return;let t=this.getWorkQuery();return t.include("model","module","user"),t.equalTo("user",e.toPointer()),t}getWorkQuery(){new Date((new Date).getTime()-6e4);let e=Parse.Query.fromJSON("ImagineWork",{where:{}});return e.include("model","module","user"),e.notEqualTo("isDeleted",!0),e.notEqualTo("isFailed",!0),e.doesNotExist("respData.error"),e.doesNotExist("respData.data.taskLimitCount"),e.addDescending("createdAt"),e}getimg(){return new Promise(((e,t)=>{let i=document.createElement("input");i.type="file",i.click();let handleChange=async()=>{if(i.removeEventListener("change",handleChange),i.files&&i.files.length>0){let t=i.files[0],r=await this.uploadServ.upload(t,(e=>{console.log(e),e.total.percent.toFixed(2)}));e(r.url)}else t("未选择文件")};i.addEventListener("change",handleChange)}))}async getJimengImg(e){let t=new Parse.Object("ImagineWork");t.set("__pending",!0),t.set("__id",Symbol()),t.set("images",[""]),this.newWorkList.unshift(t);try{let i=await getJimengImg(e),r=this.newWorkList?.findIndex((e=>e?.get("__id")===t?.get("__id")));if(-1==r)return;if(!i?.id)return void this.newWorkList.splice(r,1);this.newWorkList.splice(r,1,i)}catch(e){let i=this.newWorkList?.findIndex((e=>e?.get("__id")===t?.get("__id")));if(-1==i)return;this.newWorkList.splice(i,1)}}async getJimengVideo(e,t){let i=new Parse.Object("ImagineWork");i.set("__pending",!0),i.set("__id",Symbol()),i.set("provider","volcengine"),i.set("taskId","1"),this.newWorkList.unshift(i);try{let r;r="i_v"==t?await getJimengI_v(e):await getJimengT_v(e);let o=this.newWorkList?.findIndex((e=>e?.get("__id")===i?.get("__id")));if(-1==o)return;if(!r?.id)return this.newWorkList.splice(o,1),void this.setToast("创建有误，请稍后再试");this.newWorkList.splice(o,1,r)}catch(e){let t=this.newWorkList?.findIndex((e=>e?.get("__id")===i?.get("__id")));if(-1==t)return;this.newWorkList.splice(t,1)}}async getJimengVideoData(e,t){try{let i=await getJimengV_data({video_by:e,workId:t});if(console.log("请求结果",i),i?.error)return void this.setToast(i?.error?.message||i?.error?.msg||i?.err?.message||i?.err?.msg||"请求错误");if(1!==i?.get("progress")||i?.get("videos")?.length<=0)return;let r=this.newWorkList?.findIndex((e=>e?.id===t));if(-1==r)return;return i?.id?(this.newWorkList.splice(r,1,i),i):void this.newWorkList.splice(r,1)}catch(e){let i=this.newWorkList?.findIndex((e=>e?.id===t));if(-1==i)return;this.newWorkList.splice(i,1)}}async setToast(e){(await this.toastCtrl.create({duration:1e3,message:e||"请求错误",color:"primary",icon:"information-circle",position:"top"})).present()}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ImagineService,deps:[{token:i1.HttpClient},{token:i2.NovaCloudService},{token:i3.NovaUploadService},{token:i4.ToastController}],target:i0.ɵɵFactoryTarget.Injectable})}static{this.ɵprov=i0.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ImagineService,providedIn:"root"})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ImagineService,decorators:[{type:Injectable,args:[{providedIn:"root"}]}],ctorParameters:()=>[{type:i1.HttpClient},{type:i2.NovaCloudService},{type:i3.NovaUploadService},{type:i4.ToastController}]});
+    import{HttpClient}from"@angular/common/http";import{Injectable}from"@angular/core";import{NovaCloudService}from"../../../nova-cloud/nova-cloud.service";import{FmodeParse}from"../../../core/parse";import{NovaUploadService}from"../../../storage/service-upload/nova-upload.service";import{drawDalle,getJimengImg,getJimengT_v,getJimengV_data,getJimengI_v,getDataByTask,getClothesV2,getImgV4,getVideoV3_720p,getVideoV3_1080p}from"./imagine-func";import{ToastController}from"@ionic/angular";import*as i0 from"@angular/core";import*as i1 from"@angular/common/http";import*as i2 from"../../../nova-cloud/nova-cloud.service";import*as i3 from"../../../storage/service-upload/nova-upload.service";import*as i4 from"@ionic/angular";const Parse=FmodeParse.with("nova");export class ImagineService{constructor(e,t,i,r){this.http=e,this.ncloud=t,this.uploadServ=i,this.toastCtrl=r,this.taskDetailMap={},this.newWorkList=[],this.myWorkList=[]}async drawDalle(e){let t=await drawDalle(e);return t?.id&&this.newWorkList.unshift(t),t}priceDalle(e){let t=[{model:"dall-e-3",quality:null,size:"1024x1024",credit:6.4},{model:"dall-e-3",quality:null,size:"1024x1792",credit:12.8},{model:"dall-e-3",quality:null,size:"1792x1024",credit:12.8},{model:"dall-e-3",quality:"hd",size:"1024x1024",credit:12.8},{model:"dall-e-3",quality:"hd",size:"1024x1792",credit:19.2},{model:"dall-e-3",quality:"hd",size:"1792x1024",credit:19.2},{model:"dall-e-2",quality:null,size:"1024x1024",credit:3.2},{model:"dall-e-2",quality:null,size:"512x512",credit:2.88},{model:"dall-e-2",quality:null,size:"256x256",credit:2.56}].find((t=>t.model==e.model&&t.quality==e.quality&&t.size==e.size));return t?.credit||19.2}priceStableDiffusion(e){let t=e.width*e.height,i=763e-9*t*e.steps+2278e-8*t*(e?.upscale||0)+(e?.hrSteps||0)*t*(e?.hrScale||0)*(e?.hrScale||0)*763e-9+(e?.faceFix?2:0)+(e?.imgOptions?.removeBackground?2:0)+(e?.imgOptions?.redrawBackground?2:0)+(e?.imgOptions?.facePreservation?2:0)+(e?.imgOptions?.genderDetect?1:0)+2*(e?.controlnet?.units?.length||0);return i=.3*i*e.batchSize,i}b64DataToBase64Image(e){let t=atob(e),i=new Blob([t],{type:"image/webp"});new Promise((e=>{let t=new FileReader;t.onloadend=function(){let i=t.result;console.log(i),e(i)},t.readAsDataURL(i)}))}async draw(e){let t=await this.ncloud.apig("aigc/sdapi/v1/draw",e),i=t?.paintingSign;return i&&setTimeout((async()=>{let e=new Parse.Query("ImagineWork");e.equalTo("taskId",i);let t=await e.first();console.log(t),t?.id&&this.newWorkList.unshift(t)}),1e3),t}async taskDetail(e){let t=await this.ncloud.apig("aigc/sdapi/v1/task/detail",{taskId:e});return console.log(t),this.taskDetailMap[e]=t,t}getMyWorkQuery(){let e=Parse.User.current();if(!e?.id)return;let t=this.getWorkQuery();return t.include("model","module","user"),t.equalTo("user",e.toPointer()),t}getWorkQuery(){new Date((new Date).getTime()-6e4);let e=Parse.Query.fromJSON("ImagineWork",{where:{}});return e.include("model","module","user"),e.notEqualTo("isDeleted",!0),e.notEqualTo("isFailed",!0),e.doesNotExist("respData.error"),e.doesNotExist("respData.data.taskLimitCount"),e.addDescending("createdAt"),e}getimg(){return new Promise(((e,t)=>{let i=document.createElement("input");i.type="file",i.click();let handleChange=async()=>{if(i.removeEventListener("change",handleChange),i.files&&i.files.length>0){let t=i.files[0],r=await this.uploadServ.upload(t,(e=>{console.log(e),e.total.percent.toFixed(2)}));e(r.url)}else t("未选择文件")};i.addEventListener("change",handleChange)}))}async getJimengImg(e){let t=new Parse.Object("ImagineWork");t.set("__pending",!0),t.set("__id",Symbol()),t.set("images",[""]),this.newWorkList.unshift(t);try{let i=await getJimengImg(e),r=this.newWorkList?.findIndex((e=>e?.get("__id")===t?.get("__id")));if(-1==r)return;if(!i?.id)return void this.newWorkList.splice(r,1);this.newWorkList.splice(r,1,i)}catch(e){let i=this.newWorkList?.findIndex((e=>e?.get("__id")===t?.get("__id")));if(-1==i)return;this.newWorkList.splice(i,1)}}async getJimengVideo(e,t){let i=new Parse.Object("ImagineWork");i.set("__pending",!0),i.set("__id",Symbol()),i.set("provider","volcengine"),i.set("taskId","1"),this.newWorkList.unshift(i);try{let r;r="i_v"==t?await getJimengI_v(e):await getJimengT_v(e);let a=this.newWorkList?.findIndex((e=>e?.get("__id")===i?.get("__id")));if(-1==a)return;if(!r?.id)return this.newWorkList.splice(a,1),void this.setToast("创建有误，请稍后再试");this.newWorkList.splice(a,1,r)}catch(e){let t=this.newWorkList?.findIndex((e=>e?.get("__id")===i?.get("__id")));if(-1==t)return;this.newWorkList.splice(t,1)}}async getJimengVideoData(e,t){try{let i=await getJimengV_data({video_by:e,workId:t});if(console.log("请求结果",i),i?.error)return void this.setToast(i?.error?.message||i?.error?.msg||i?.err?.message||i?.err?.msg||"请求错误");if(1!==i?.get("progress")||i?.get("videos")?.length<=0)return;let r=this.newWorkList?.findIndex((e=>e?.id===t));if(-1==r)return;return i?.id?(this.newWorkList.splice(r,1,i),i):void this.newWorkList.splice(r,1)}catch(e){let i=this.newWorkList?.findIndex((e=>e?.id===t));if(-1==i)return;this.newWorkList.splice(i,1)}}async setToast(e){(await this.toastCtrl.create({duration:1e3,message:e||"请求错误",color:"primary",icon:"information-circle",position:"top"})).present()}async getDataByTask(e){try{return await getDataByTask(e)}catch(e){this.setToast(e?.message||e)}}async getClothesV2(e){try{return await getClothesV2(e)}catch(e){this.setToast(e?.message||e)}}async getImgV4(e){try{return await getImgV4(e)}catch(e){this.setToast(e?.message||e)}}async getVideoV3_720p(e){try{return await getVideoV3_720p(e)}catch(e){this.setToast(e?.message||e)}}async getVideoV3_1080p(e){try{return await getVideoV3_1080p(e)}catch(e){this.setToast(e?.message||e)}}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ImagineService,deps:[{token:i1.HttpClient},{token:i2.NovaCloudService},{token:i3.NovaUploadService},{token:i4.ToastController}],target:i0.ɵɵFactoryTarget.Injectable})}static{this.ɵprov=i0.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ImagineService,providedIn:"root"})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ImagineService,decorators:[{type:Injectable,args:[{providedIn:"root"}]}],ctorParameters:()=>[{type:i1.HttpClient},{type:i2.NovaCloudService},{type:i3.NovaUploadService},{type:i4.ToastController}]});
 var MODULE_PATH_NEED = `6K+l5paH5Lu25piv5pys6aG555uu55qE5LiA6YOo5YiGIFRoaXMgZmlsZSBpcyBwYXJ0IG9mIHRoZSBDb21wb25lbnRzIGluIEZtb2RlIEluYy4KICAgIOeJiOadg+aJgOaciSDCqSDmnKrmnaXpo57pqawgwqkg5rGf6KW/6ISR5o6n56eR5oqA5pyJ6ZmQ5YWs5Y+4IENvcHlyaWdodCDCqSBGbW9kZSBUZWNobm9sb2d5IENvLiwgTHRkLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCBSaWdodHMgUmVzZXJ2ZWQuCiAgICDkuKXnpoHlnKjmnKrnu4/mjojmnYPnmoTmg4XlhrXkuIvvvIzpgJrov4fku7vkvZXlqpLku4vlpI3liLbmraTmlofku7YgVW5hdXRob3JpemVkIGNvcHlpbmcgb2YgdGhpcyBmaWxlLCB2aWEgYW55IG1lZGl1bSBpcyBzdHJpY3RseSBwcm9oaWJpdGVkCiAgICDor6Xmlofku7bmmK/kuJPmnInnmoTmnLrlr4bmlofku7YgUHJvcHJpZXRhcnkgYW5kIGNvbmZpZGVudGlhbAogICAKICAgIENvcHlyaWdodCAyMDIxLW5vdyBGbW9kZSBJbmMuIHN1cHBvcnRAZm1vZGUuY24uIDE4NjA3MDA3MDczLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCByaWdodHMgcmVzZXJ2ZWQuCgogICAgUEFUSDovaG9tZS9yeWFuL3dvcmtzcGFjZS9ub3ZhL25vdmEtYWRtaW4vZGlzdC9mbW9kZS1uZy9lc20yMDIyL2xpYi9haWdjL3NlcnZpY2UtZm1haS9zZXJ2aWNlLWltYWdpbmUvaW1hZ2luZS5zZXJ2aWNlLm1qcw==`
     

package/esm2022/lib/core/agent/chat/completion/fmode-completion.mjs

@@ -5,6 +5,6 @@
      * 保留所有权利 All Rights Reserved.
      * /home/ryan/workspace/nova/nova-admin/dist/fmode-ng/esm2022/lib/core/agent/chat/completion/fmode-completion.mjs
      */
-    import{bufferTime,concatMap,delay,Observable}from"rxjs";const API_BASE="https://server.fmode.cn/api/apig/aigc/gpt";import{FmodeParse}from"../../../../core/parse";const Parse=FmodeParse.with("nova");export class FmodeChatCompletion{constructor(e,t){this.content="",this.contentBuffer=[],this.isCompleted=!1,this.indexOfList=Number(e.length),this.messages=e,this.model=t?.model||"fmode-1.6-cn",this.max_tokens=t?.max_tokens||32768}sendCompletion(e={messages:[]}){e.intTime=e?.intTime||50,e.isDirect=e?.isDirect||!1,e?.isDirect&&(e.intTime=1);const t={messages:this.messages,stream:!0,model:this.model,temperature:e?.temperature||.5,presence_penalty:e?.presence_penalty||0,frequency_penalty:e?.frequency_penalty||0};return this.model.indexOf("1.6")>-1&&(t.thinking=t.thinking||{type:"disabled"}),e?.max_tokens&&(t.max_tokens=e?.max_tokens||this.max_tokens),new Observable((n=>{let r=RequestFmodeChatApi("/v1/chat/completions",t).subscribe((t=>{let o,s=String(t);try{o=chunkToJson(s)}catch(e){}if(("data: [DONE]"==s||o?.created&&o?.choices?.[0]?.finish_reason)&&(this.isCompleted=!0,e?.isDirect&&this.isCompleted&&(n.next({role:"assistant",content:this.content,complete:!0,createdAt:new Date}),r.unsubscribe(),e?.onComplete&&e.onComplete({role:"assistant",content:this.content,complete:!0,createdAt:new Date}),n.complete())),s.indexOf("data: {")>-1){let t=o?.choices?.[0]?.delta?.content||"";this.contentBuffer.push(t),e?.isDirect&&(this.content+=t||"",this.isCompleted||n.next({role:"assistant",cid:o?.id,content:this.content,createdAt:new Date})),e?.isDirect||this.contentPusher||(this.contentPusher=setInterval((()=>{this.isCompleted&&0==this.contentBuffer?.length&&(n.next({role:"assistant",cid:o?.id,content:this.content,complete:!0,createdAt:new Date}),r.unsubscribe(),clearInterval(this.contentPusher),n.complete()),this.contentBuffer?.length>=0&&(this.contentBuffer?.length>0&&(this.content+=this.contentBuffer.shift()),n.next({role:"assistant",cid:o?.id,content:this.content,createdAt:new Date}))}),e?.intTime))}}))})).pipe(bufferTime(100),concatMap((e=>e)),delay(200))}}function chunkToJson(e){let t;try{t=JSON.parse(e.replaceAll("data: ",""))}catch(e){}return t||{}}function RequestFmodeChatApi(e,t,n="POST"){return new Observable((r=>{let o=API_BASE+e,s=`Bearer ${localStorage.getItem("FMODE_AI_TOKEN")||Parse.User.current()?.getSessionToken()}`;return t.token=s,t&&(t=JSON.stringify(t)),fetch(o,{headers:{"Content-Type":"text/plain; charset=utf-8","Cache-Control":"no-cache"},body:t||null,method:n,credentials:"omit",mode:"cors"}).then((e=>{let t="";{const n=e.body?.getReader();if(!n)return void r.error(new Error("Response body reader is null"));const o=new TextDecoder;let s=new ReadableStream({start(e){!function read(){try{e&&n.read().then((({done:t,value:n})=>{if(t)return e?.close(),void r.complete();e?.enqueue(n),read()})).catch((e=>{}))}catch(e){console.log("err2",e)}}()}}).getReader();s.read().then((function processStream(e){let{done:n,value:a}=e;n||(!function processData(e){let n=(t+e).split("\n");if(n?.length>1){for(let e=0;e<n.length-1;e++){let t=n[e];r.next(t)}t=n[n.length-1]}}(o.decode(a)),s.read().then(processStream))}))}})).catch((e=>r.error(e))),()=>{}}))}function JsonToFormData(e){const t=new FormData;return function appendFormData(e,n=""){Array.isArray(e)?e.forEach(((e,t)=>{appendFormData(e,`${n}[${t}]`)})):"object"==typeof e&&null!==e?Object.keys(e).forEach((t=>{const r=n?`${n}.${t}`:t;appendFormData(e[t],r)})):t.append(n,e)}(e),t}export async function completionJSON(e,t,n,r=1,o){o=o||{};let s=0;const attemptCompletion=async()=>{const r=`请严格按照以下要求生成JSON数据：\n- 数据结构要求：${t}\n- 返回一个完整的JSON对象，请确保JSON格式完整，不要遗漏任何标点符号\n- 注意返回的JSON格式每个KEY都有""包裹和Value之间都有:\n- 注意""字符串内再出现"符号需要用\\"转义\n`;let a;if(Array.isArray(e))a=e;else if(o.vision&&o.images&&o.images.length>0){a=[{role:"user",content:[...o.images.map((e=>({type:"image_url",image_url:{url:e}}))),{type:"text",text:e+r}]}]}else a=[{role:"user",content:e+r}];o.response_format={type:"json_object"};const c=new FmodeChatCompletion(a,o);let i="";return new Promise(((e,t)=>{const r=c.sendCompletion({isDirect:!0,max_tokens:32768}).subscribe({next:o=>{if("string"==typeof o?.content&&(i=o.content,n&&n(i)),o.complete){try{const t=extractJSON(i);if(!t)throw new Error("未能从响应中提取有效的JSON对象");e(t)}catch(e){console.error(`JSON解析失败 (第${s+1}次尝试):`,e),t(new Error(`生成的响应不符合JSON格式: ${e.message}`))}r.unsubscribe()}},error:e=>{console.error("Completion请求失败:",e),r.unsubscribe(),t(e)}})}))};for(;s<=r;)try{const e=await attemptCompletion();return s>0&&console.log(`JSON生成成功，重试了 ${s} 次`),e}catch(e){if(s++,!(s<=r))throw console.error(`JSON生成失败，已重试 ${r} 次，最终错误:`,e),new Error(`经过 ${r} 次重试后仍无法生成有效JSON: ${e.message}`);console.warn(`第 ${s} 次尝试失败，正在重试... 错误信息:`,e.message),await new Promise((e=>setTimeout(e,1e3)))}}export function extractJSON(e){try{return JSON.parse(e.trim())}catch(e){}let t=0,n=-1,r=null;for(let o=0;o<e.length;o++)if("{"===e[o])0===t&&(n=o),t++;else if("}"===e[o]&&(t--,0===t&&-1!==n))try{const t=e.slice(n,o+1);r=JSON.parse(t);break}catch(e){n=-1}return r||(r=tryFixAndParseJSON(e)),r}function tryFixAndParseJSON(e){const t=e.match(/\{[\s\S]*\}/);if(!t)return null;let n=t[0];const r=[e=>e.replace(/,(\s*[}\]])/g,"$1"),e=>e.replace(/([{,]\s*)([a-zA-Z_$][a-zA-Z0-9_$]*)\s*:/g,'$1"$2":'),e=>e.replace(/'/g,'"'),e=>e.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\/\/.*$/gm,"")];for(const e of r)try{const t=e(n);return JSON.parse(t)}catch(e){}return null}
+    import{bufferTime,concatMap,delay,Observable}from"rxjs";const API_BASE="https://server.fmode.cn/api/apig/aigc/gpt";import{FmodeParse}from"../../../../core/parse";const Parse=FmodeParse.with("nova");export class FmodeChatCompletion{constructor(e,t){this.content="",this.contentBuffer=[],this.isCompleted=!1,this.indexOfList=Number(e.length),this.messages=e,this.model=t?.model||"fmode-1.6-cn",this.max_tokens=t?.max_tokens||32768,this.tools=t?.tools}sendCompletion(e={messages:[]}){e.intTime=e?.intTime||50,e.isDirect=e?.isDirect||!1,e?.isDirect&&(e.intTime=1);const t={messages:this.messages,stream:!0,model:this.model,temperature:e?.temperature||.5,presence_penalty:e?.presence_penalty||0,frequency_penalty:e?.frequency_penalty||0};return this.model.indexOf("1.6")>-1&&(t.thinking=t.thinking||{type:"disabled"}),e?.max_tokens&&(t.max_tokens=e?.max_tokens||this.max_tokens),e?.tools?.length&&(t.tools=e?.tools||this.tools),new Observable((n=>{let o=RequestFmodeChatApi("/v1/chat/completions",t).subscribe((t=>{let r,s=String(t);try{r=chunkToJson(s)}catch(e){}if(("data: [DONE]"==s||r?.created&&r?.choices?.[0]?.finish_reason)&&(this.isCompleted=!0,e?.isDirect&&this.isCompleted&&(n.next({role:"assistant",content:this.content,complete:!0,createdAt:new Date}),o.unsubscribe(),e?.onComplete&&e.onComplete({role:"assistant",content:this.content,complete:!0,createdAt:new Date}),n.complete())),s.indexOf("data: {")>-1){let t=r?.choices?.[0]?.delta?.content||"";this.contentBuffer.push(t),e?.isDirect&&(this.content+=t||"",this.isCompleted||n.next({role:"assistant",cid:r?.id,content:this.content,createdAt:new Date})),e?.isDirect||this.contentPusher||(this.contentPusher=setInterval((()=>{this.isCompleted&&0==this.contentBuffer?.length&&(n.next({role:"assistant",cid:r?.id,content:this.content,complete:!0,createdAt:new Date}),o.unsubscribe(),clearInterval(this.contentPusher),n.complete()),this.contentBuffer?.length>=0&&(this.contentBuffer?.length>0&&(this.content+=this.contentBuffer.shift()),n.next({role:"assistant",cid:r?.id,content:this.content,createdAt:new Date}))}),e?.intTime))}}))})).pipe(bufferTime(100),concatMap((e=>e)),delay(200))}}function chunkToJson(e){let t;try{t=JSON.parse(e.replaceAll("data: ",""))}catch(e){}return t||{}}function RequestFmodeChatApi(e,t,n="POST"){return new Observable((o=>{let r=API_BASE+e,s=`Bearer ${localStorage.getItem("FMODE_AI_TOKEN")||Parse.User.current()?.getSessionToken()}`;return t.token=s,t&&(t=JSON.stringify(t)),fetch(r,{headers:{"Content-Type":"text/plain; charset=utf-8","Cache-Control":"no-cache"},body:t||null,method:n,credentials:"omit",mode:"cors"}).then((e=>{let t="";{const n=e.body?.getReader();if(!n)return void o.error(new Error("Response body reader is null"));const r=new TextDecoder;let s=new ReadableStream({start(e){!function read(){try{e&&n.read().then((({done:t,value:n})=>{if(t)return e?.close(),void o.complete();e?.enqueue(n),read()})).catch((e=>{}))}catch(e){console.log("err2",e)}}()}}).getReader();s.read().then((function processStream(e){let{done:n,value:a}=e;n||(!function processData(e){let n=(t+e).split("\n");if(n?.length>1){for(let e=0;e<n.length-1;e++){let t=n[e];o.next(t)}t=n[n.length-1]}}(r.decode(a)),s.read().then(processStream))}))}})).catch((e=>o.error(e))),()=>{}}))}function JsonToFormData(e){const t=new FormData;return function appendFormData(e,n=""){Array.isArray(e)?e.forEach(((e,t)=>{appendFormData(e,`${n}[${t}]`)})):"object"==typeof e&&null!==e?Object.keys(e).forEach((t=>{const o=n?`${n}.${t}`:t;appendFormData(e[t],o)})):t.append(n,e)}(e),t}export async function completionJSON(e,t,n,o=1,r){r=r||{};let s=0;const attemptCompletion=async()=>{const o=`请严格按照以下要求生成JSON数据：\n- 数据结构要求：${t}\n- 返回一个完整的JSON对象，请确保JSON格式完整，不要遗漏任何标点符号\n- 注意返回的JSON格式每个KEY都有""包裹和Value之间都有:\n- 注意""字符串内再出现"符号需要用\\"转义\n`;let a;if(Array.isArray(e))a=e;else if(r.vision&&r.images&&r.images.length>0){a=[{role:"user",content:[...r.images.map((e=>({type:"image_url",image_url:{url:e}}))),{type:"text",text:e+o}]}]}else a=[{role:"user",content:e+o}];r.response_format={type:"json_object"};const c=new FmodeChatCompletion(a,r);let i="";return new Promise(((e,t)=>{const o=c.sendCompletion({isDirect:!0,max_tokens:32768}).subscribe({next:r=>{if("string"==typeof r?.content&&(i=r.content,n&&n(i)),r.complete){try{const t=extractJSON(i);if(!t)throw new Error("未能从响应中提取有效的JSON对象");e(t)}catch(e){console.error(`JSON解析失败 (第${s+1}次尝试):`,e),t(new Error(`生成的响应不符合JSON格式: ${e.message}`))}o.unsubscribe()}},error:e=>{console.error("Completion请求失败:",e),o.unsubscribe(),t(e)}})}))};for(;s<=o;)try{const e=await attemptCompletion();return s>0&&console.log(`JSON生成成功，重试了 ${s} 次`),e}catch(e){if(s++,!(s<=o))throw console.error(`JSON生成失败，已重试 ${o} 次，最终错误:`,e),new Error(`经过 ${o} 次重试后仍无法生成有效JSON: ${e.message}`);console.warn(`第 ${s} 次尝试失败，正在重试... 错误信息:`,e.message),await new Promise((e=>setTimeout(e,1e3)))}}export function extractJSON(e){try{return JSON.parse(e.trim())}catch(e){}let t=0,n=-1,o=null;for(let r=0;r<e.length;r++)if("{"===e[r])0===t&&(n=r),t++;else if("}"===e[r]&&(t--,0===t&&-1!==n))try{const t=e.slice(n,r+1);o=JSON.parse(t);break}catch(e){n=-1}return o||(o=tryFixAndParseJSON(e)),o}function tryFixAndParseJSON(e){const t=e.match(/\{[\s\S]*\}/);if(!t)return null;let n=t[0];const o=[e=>e.replace(/,(\s*[}\]])/g,"$1"),e=>e.replace(/([{,]\s*)([a-zA-Z_$][a-zA-Z0-9_$]*)\s*:/g,'$1"$2":'),e=>e.replace(/'/g,'"'),e=>e.replace(/\/\*[\s\S]*?\*\//g,"").replace(/\/\/.*$/gm,"")];for(const e of o)try{const t=e(n);return JSON.parse(t)}catch(e){}return null}
 var MODULE_PATH_NEED = `6K+l5paH5Lu25piv5pys6aG555uu55qE5LiA6YOo5YiGIFRoaXMgZmlsZSBpcyBwYXJ0IG9mIHRoZSBDb21wb25lbnRzIGluIEZtb2RlIEluYy4KICAgIOeJiOadg+aJgOaciSDCqSDmnKrmnaXpo57pqawgwqkg5rGf6KW/6ISR5o6n56eR5oqA5pyJ6ZmQ5YWs5Y+4IENvcHlyaWdodCDCqSBGbW9kZSBUZWNobm9sb2d5IENvLiwgTHRkLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCBSaWdodHMgUmVzZXJ2ZWQuCiAgICDkuKXnpoHlnKjmnKrnu4/mjojmnYPnmoTmg4XlhrXkuIvvvIzpgJrov4fku7vkvZXlqpLku4vlpI3liLbmraTmlofku7YgVW5hdXRob3JpemVkIGNvcHlpbmcgb2YgdGhpcyBmaWxlLCB2aWEgYW55IG1lZGl1bSBpcyBzdHJpY3RseSBwcm9oaWJpdGVkCiAgICDor6Xmlofku7bmmK/kuJPmnInnmoTmnLrlr4bmlofku7YgUHJvcHJpZXRhcnkgYW5kIGNvbmZpZGVudGlhbAogICAKICAgIENvcHlyaWdodCAyMDIxLW5vdyBGbW9kZSBJbmMuIHN1cHBvcnRAZm1vZGUuY24uIDE4NjA3MDA3MDczLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCByaWdodHMgcmVzZXJ2ZWQuCgogICAgUEFUSDovaG9tZS9yeWFuL3dvcmtzcGFjZS9ub3ZhL25vdmEtYWRtaW4vZGlzdC9mbW9kZS1uZy9lc20yMDIyL2xpYi9jb3JlL2FnZW50L2NoYXQvY29tcGxldGlvbi9mbW9kZS1jb21wbGV0aW9uLm1qcw==`