fmode-ng 0.0.32 → 0.0.34

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

@@ -5,6 +5,6 @@
      * 保留所有权利 All Rights Reserved.
      * /home/ryan/workspace/nova/nova-admin/dist/fmode-ng/esm2022/lib/aigc/avatar/modal-chat-voice-input/modal-chat-voice-input.component.mjs
      */
-    import{Component,Input}from"@angular/core";import{CommonModule}from"@angular/common";import{ToastController}from"@ionic/angular";import{Router,RouterModule}from"@angular/router";import{IonicModule,Platform}from"@ionic/angular";import{FmodeVoiceService}from"../../voice";import{FmodeChat,ChatService}from"../../service-fmai/service-chat";import{NovaCloudService}from"../../../nova-cloud/nova-cloud.service";import*as i0 from"@angular/core";import*as i1 from"@ionic/angular";import*as i2 from"@angular/router";import*as i3 from"../../voice";import*as i4 from"../../../nova-cloud/nova-cloud.service";import*as i5 from"../../service-fmai/service-chat";import*as i6 from"@angular/common";export class ModalChatVoiceInputComponent{constructor(t,e,o,n,i,a){this.platform=t,this.router=e,this.voiceServ=o,this.toastCtrl=n,this.ncloud=i,this.chatServ=a,this.talkMode="click",this.talkTips="点击话筒开始讲话",this.errorText="",this.player=new Audio}ngOnInit(){"press"==this.talkMode&&(this.talkTips="轻触底部开始讲话"),setTimeout((()=>{this.initVoiceSevice(),this.initVoiceASR()}),500)}async initVoiceASR(){this.voiceServ.requestPermission().then((()=>{this.voiceServ.openWithPriviledge(),this.startASRAwake()}))}async startASRAwake(){await this.voiceServ.openWithPriviledge(),new this.voiceServ.webSpeech(this.platform).startRecognition("Nihao | Hello")}playMusic(t){this.player.src=`/assets/avatar/voice/${t}.mp3`,this.player.play()}initVoiceSevice(){this.fmodeChat.userInput=this.voiceServ.resultText,this.voiceServ.requestPermission().then((()=>{this.voiceServ.openWithPriviledge()})),this.voiceServ.onBeforeStartTalk=()=>{this.fmodeChat.playAnimation("listening"),this.playMusic("start-talk")},this.voiceServ.onBeforeCancelTalk=()=>{this.playMusic("interupt-talk"),this.fmodeChat.playAnimation("waiting")},this.voiceServ.onAfterCancelTalk=()=>{this.startASRAwake()},this.voiceServ.onBeforeFinishTalk=()=>{this.fmodeChat.playAnimation("thinking"),this.playMusic("stop-talk")},this.voiceServ.onAfterFinishTalk=()=>{console.log("onAfterFinishTalk"),this.fmodeChat.userInput=this.voiceServ?.resultText,this.sendMessage(),this.startASRAwake()}}async sendMessage(){if(!this.fmodeChat.userInput){return this.errorText="内容不能为空",void(await this.toastCtrl.create({message:this.errorText,position:"top",icon:"alert",color:"warning-circle",duration:1e3})).present()}this.fmodeChat?.sendMessage(this.voiceServ.resultText,null,(t=>{}),{onSSMLComplete:t=>{console.log(t);t.ssml;this.fmodeChat.playTTS(t),this.fmodeChat.playAnimation("talking"),setTimeout((()=>{this.fmodeChat.playAnimation("waiting")}),6e3)}}),this.fmodeChat.userInput="",this.fmodeChat.userImage=""}testTTS(t){console.log(t),t=t||"你好呀，我是飞马小智！很高兴为您介绍脑控科技的发展历程。我们成立于2019年",new this.voiceServ.webSpeech(this.platform).speak(t)}testXunfeiTTS(){}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ModalChatVoiceInputComponent,deps:[{token:i1.Platform},{token:i2.Router},{token:i3.FmodeVoiceService},{token:i1.ToastController},{token:i4.NovaCloudService},{token:i5.ChatService}],target:i0.ɵɵFactoryTarget.Component})}static{this.ɵcmp=i0.ɵɵngDeclareComponent({minVersion:"14.0.0",version:"17.3.12",type:ModalChatVoiceInputComponent,isStandalone:!0,selector:"fm-modal-chat-voice-input",inputs:{fmodeChat:"fmodeChat",talkMode:"talkMode"},providers:[FmodeVoiceService],ngImport:i0,template:'    \n    <ng-container *ngIf="fmodeChat">\n\n    \x3c!-- 用户输入 提示区域 --\x3e\n    <div class="user-asr-input" style="text-align: center;" *ngIf="!fmodeChat?.userInput && voiceServ.btnStatus!=\'OPEN\'">{{talkTips}}</div>\n    <div class="user-asr-input">{{fmodeChat?.userInput}}</div>\n    \n    \x3c!-- 测试按钮 --\x3e\n    <div class="test-button-group" *ngIf="false">\n        <button class="button-record" (click)="voiceServ.toggleRecord()">开始录制 {{voiceServ.connStatus}} {{voiceServ.btnStatus}}</button>\n        <br>\n        <button class="button-record" (click)="voiceServ.playRecord()">播放录制结果</button>\n        <br>\n        <button class="button-record" (click)="voiceServ.playBuffers()">播放Buffers结果</button>\n        <button (click)="testTTS()">测试TTS纯WEB</button>\n        <button (click)="startASR()">测试ASR</button> \n        <button (click)="testXunfeiTTS()">测试合成</button> \n    </div>\n\n    \n    \n    \x3c!-- 交互按钮 --\x3e\n    <ion-fab slot="fixed" horizontal="center" vertical="bottom">\n        <ng-container *ngIf="talkMode==\'click\'">\n          \x3c!-- 默认按钮：开始讲话 --\x3e\n          <ion-fab-button color="primary" closeIcon="checkmark" (click)="voiceServ.toggleRecord()">\n            <ion-icon name="mic-outline"></ion-icon>\n          </ion-fab-button>\n\n          \x3c!-- 讲话中：取消发送 --\x3e\n          <ion-fab-list side="end">\n            <ion-fab-button [class]="\'loading\'" (click)="voiceServ.cancelTalk()">\n              <ion-icon name="pause-outline"></ion-icon>\n            </ion-fab-button>\n          </ion-fab-list>\n        </ng-container>\n        \n        <ng-container *ngIf="talkMode==\'press\'">\n          <ion-fab-button color="primary" closeIcon="mic-outline" (touchstart)="voiceServ.toggleRecord()"  (touchend)="voiceServ.cancelTalk()">\n            <ion-icon name="mic-outline"></ion-icon>\n          </ion-fab-button>\n        </ng-container>\n    </ion-fab>\n\n\n    \x3c!-- 音频波动 --\x3e\n    <div class="record-wave">\n    </div>\n</ng-container>\n',styles:['ion-fab{margin-bottom:10vh}.fab-button-close-active:before{content:"";position:absolute;top:-5px;left:-5px;width:66px;height:66px;border-radius:50%;border:5px solid #fff;border-top-color:transparent;animation:spin 2s ease-in-out infinite;animation-fill-mode:both;animation-play-state:running}.record-wave{position:fixed;bottom:0;width:100vw;height:6vh}\n'],dependencies:[{kind:"ngmodule",type:CommonModule},{kind:"directive",type:i6.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{kind:"ngmodule",type:IonicModule},{kind:"component",type:i1.IonFab,selector:"ion-fab",inputs:["activated","edge","horizontal","vertical"]},{kind:"component",type:i1.IonFabButton,selector:"ion-fab-button",inputs:["activated","closeIcon","color","disabled","download","href","mode","rel","routerAnimation","routerDirection","show","size","target","translucent","type"]},{kind:"component",type:i1.IonFabList,selector:"ion-fab-list",inputs:["activated","side"]},{kind:"component",type:i1.IonIcon,selector:"ion-icon",inputs:["color","flipRtl","icon","ios","lazy","md","mode","name","sanitize","size","src"]},{kind:"ngmodule",type:RouterModule}]})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ModalChatVoiceInputComponent,decorators:[{type:Component,args:[{selector:"fm-modal-chat-voice-input",standalone:!0,imports:[CommonModule,IonicModule,RouterModule],providers:[FmodeVoiceService],template:'    \n    <ng-container *ngIf="fmodeChat">\n\n    \x3c!-- 用户输入 提示区域 --\x3e\n    <div class="user-asr-input" style="text-align: center;" *ngIf="!fmodeChat?.userInput && voiceServ.btnStatus!=\'OPEN\'">{{talkTips}}</div>\n    <div class="user-asr-input">{{fmodeChat?.userInput}}</div>\n    \n    \x3c!-- 测试按钮 --\x3e\n    <div class="test-button-group" *ngIf="false">\n        <button class="button-record" (click)="voiceServ.toggleRecord()">开始录制 {{voiceServ.connStatus}} {{voiceServ.btnStatus}}</button>\n        <br>\n        <button class="button-record" (click)="voiceServ.playRecord()">播放录制结果</button>\n        <br>\n        <button class="button-record" (click)="voiceServ.playBuffers()">播放Buffers结果</button>\n        <button (click)="testTTS()">测试TTS纯WEB</button>\n        <button (click)="startASR()">测试ASR</button> \n        <button (click)="testXunfeiTTS()">测试合成</button> \n    </div>\n\n    \n    \n    \x3c!-- 交互按钮 --\x3e\n    <ion-fab slot="fixed" horizontal="center" vertical="bottom">\n        <ng-container *ngIf="talkMode==\'click\'">\n          \x3c!-- 默认按钮：开始讲话 --\x3e\n          <ion-fab-button color="primary" closeIcon="checkmark" (click)="voiceServ.toggleRecord()">\n            <ion-icon name="mic-outline"></ion-icon>\n          </ion-fab-button>\n\n          \x3c!-- 讲话中：取消发送 --\x3e\n          <ion-fab-list side="end">\n            <ion-fab-button [class]="\'loading\'" (click)="voiceServ.cancelTalk()">\n              <ion-icon name="pause-outline"></ion-icon>\n            </ion-fab-button>\n          </ion-fab-list>\n        </ng-container>\n        \n        <ng-container *ngIf="talkMode==\'press\'">\n          <ion-fab-button color="primary" closeIcon="mic-outline" (touchstart)="voiceServ.toggleRecord()"  (touchend)="voiceServ.cancelTalk()">\n            <ion-icon name="mic-outline"></ion-icon>\n          </ion-fab-button>\n        </ng-container>\n    </ion-fab>\n\n\n    \x3c!-- 音频波动 --\x3e\n    <div class="record-wave">\n    </div>\n</ng-container>\n',styles:['ion-fab{margin-bottom:10vh}.fab-button-close-active:before{content:"";position:absolute;top:-5px;left:-5px;width:66px;height:66px;border-radius:50%;border:5px solid #fff;border-top-color:transparent;animation:spin 2s ease-in-out infinite;animation-fill-mode:both;animation-play-state:running}.record-wave{position:fixed;bottom:0;width:100vw;height:6vh}\n']}]}],ctorParameters:()=>[{type:i1.Platform},{type:i2.Router},{type:i3.FmodeVoiceService},{type:i1.ToastController},{type:i4.NovaCloudService},{type:i5.ChatService}],propDecorators:{fmodeChat:[{type:Input}],talkMode:[{type:Input}]}});
+    import{Component,Input}from"@angular/core";import{CommonModule}from"@angular/common";import{ToastController}from"@ionic/angular";import{Router,RouterModule}from"@angular/router";import{IonicModule,Platform}from"@ionic/angular";import{FmodeVoiceService}from"../../voice";import{FmodeChat,ChatService}from"../../service-fmai/service-chat";import{NovaCloudService}from"../../../nova-cloud/nova-cloud.service";import*as i0 from"@angular/core";import*as i1 from"@ionic/angular";import*as i2 from"@angular/router";import*as i3 from"../../voice";import*as i4 from"../../../nova-cloud/nova-cloud.service";import*as i5 from"../../service-fmai/service-chat";import*as i6 from"@angular/common";export class ModalChatVoiceInputComponent{constructor(t,e,o,n,i,r){this.platform=t,this.router=e,this.voiceServ=o,this.toastCtrl=n,this.ncloud=i,this.chatServ=r,this.talkMode="click",this.talkTips="点击话筒开始讲话",this.errorText="",this.player=new Audio}ngOnInit(){"press"==this.talkMode&&(this.talkTips="轻触底部开始讲话"),setTimeout((()=>{this.initVoiceSevice(),this.initVoiceASR()}),500)}async initVoiceASR(){this.voiceServ.requestPermission().then((()=>{this.voiceServ.openWithPriviledge(),this.startASRAwake()}))}async startASRAwake(){await this.voiceServ.openWithPriviledge(),new this.voiceServ.webSpeech(this.platform).startRecognition("Nihao | Hello")}playMusic(t){this.player.src=`/assets/avatar/voice/${t}.mp3`,this.player.play()}initVoiceSevice(){this.fmodeChat.userInput=this.voiceServ.resultText,this.voiceServ.requestPermission().then((()=>{this.voiceServ.openWithPriviledge()})),this.voiceServ.onBeforeStartTalk=()=>{this.fmodeChat.playAnimation("listening"),this.playMusic("start-talk")},this.voiceServ.onBeforeCancelTalk=()=>{this.playMusic("interupt-talk"),this.fmodeChat.playAnimation("waiting")},this.voiceServ.onAfterCancelTalk=()=>{this.startASRAwake()},this.voiceServ.onBeforeFinishTalk=()=>{this.fmodeChat.playAnimation("thinking"),this.playMusic("stop-talk")},this.voiceServ.onAfterFinishTalk=()=>{console.log("onAfterFinishTalk"),this.fmodeChat.userInput=this.voiceServ?.resultText,this.sendMessage(),this.startASRAwake()}}async sendMessage(){if(!this.fmodeChat.userInput){return this.errorText="内容不能为空",void(await this.toastCtrl.create({message:this.errorText,position:"top",icon:"alert",color:"warning-circle",duration:1e3})).present()}this.fmodeChat?.sendMessage(this.voiceServ.resultText,null,(t=>{}),{onSSMLComplete:t=>{console.log(t)}}),this.fmodeChat.userInput="",this.fmodeChat.userImage=""}testTTS(t){console.log(t),t=t||"你好呀，我是飞马小智！很高兴为您介绍脑控科技的发展历程。我们成立于2019年",new this.voiceServ.webSpeech(this.platform).speak(t)}testXunfeiTTS(){}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ModalChatVoiceInputComponent,deps:[{token:i1.Platform},{token:i2.Router},{token:i3.FmodeVoiceService},{token:i1.ToastController},{token:i4.NovaCloudService},{token:i5.ChatService}],target:i0.ɵɵFactoryTarget.Component})}static{this.ɵcmp=i0.ɵɵngDeclareComponent({minVersion:"14.0.0",version:"17.3.12",type:ModalChatVoiceInputComponent,isStandalone:!0,selector:"fm-modal-chat-voice-input",inputs:{fmodeChat:"fmodeChat",talkMode:"talkMode"},providers:[FmodeVoiceService],ngImport:i0,template:'    \n    <ng-container *ngIf="fmodeChat">\n\n    \x3c!-- 用户输入 提示区域 --\x3e\n    <div class="user-asr-input" style="text-align: center;" *ngIf="!fmodeChat?.userInput && voiceServ.btnStatus!=\'OPEN\'">{{talkTips}}</div>\n    <div class="user-asr-input">{{fmodeChat?.userInput}}</div>\n    \n    \x3c!-- 测试按钮 --\x3e\n    <div class="test-button-group" *ngIf="false">\n        <button class="button-record" (click)="voiceServ.toggleRecord()">开始录制 {{voiceServ.connStatus}} {{voiceServ.btnStatus}}</button>\n        <br>\n        <button class="button-record" (click)="voiceServ.playRecord()">播放录制结果</button>\n        <br>\n        <button class="button-record" (click)="voiceServ.playBuffers()">播放Buffers结果</button>\n        <button (click)="testTTS()">测试TTS纯WEB</button>\n        <button (click)="startASR()">测试ASR</button> \n        <button (click)="testXunfeiTTS()">测试合成</button> \n    </div>\n\n    \n    \n    \x3c!-- 交互按钮 --\x3e\n    <ion-fab slot="fixed" horizontal="center" vertical="bottom">\n        <ng-container *ngIf="talkMode==\'click\'">\n          \x3c!-- 默认按钮：开始讲话 --\x3e\n          <ion-fab-button color="primary" closeIcon="checkmark" (click)="voiceServ.toggleRecord()">\n            <ion-icon name="mic-outline"></ion-icon>\n          </ion-fab-button>\n\n          \x3c!-- 讲话中：取消发送 --\x3e\n          <ion-fab-list side="end">\n            <ion-fab-button [class]="\'loading\'" (click)="voiceServ.cancelTalk()">\n              <ion-icon name="pause-outline"></ion-icon>\n            </ion-fab-button>\n          </ion-fab-list>\n        </ng-container>\n        \n        <ng-container *ngIf="talkMode==\'press\'">\n          <ion-fab-button color="primary" closeIcon="mic-outline" (touchstart)="voiceServ.toggleRecord()"  (touchend)="voiceServ.cancelTalk()">\n            <ion-icon name="mic-outline"></ion-icon>\n          </ion-fab-button>\n        </ng-container>\n    </ion-fab>\n\n\n    \x3c!-- 音频波动 --\x3e\n    <div class="record-wave">\n    </div>\n</ng-container>\n',styles:['ion-fab{margin-bottom:10vh}.fab-button-close-active:before{content:"";position:absolute;top:-5px;left:-5px;width:66px;height:66px;border-radius:50%;border:5px solid #fff;border-top-color:transparent;animation:spin 2s ease-in-out infinite;animation-fill-mode:both;animation-play-state:running}.record-wave{position:fixed;bottom:0;width:100vw;height:6vh}\n'],dependencies:[{kind:"ngmodule",type:CommonModule},{kind:"directive",type:i6.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{kind:"ngmodule",type:IonicModule},{kind:"component",type:i1.IonFab,selector:"ion-fab",inputs:["activated","edge","horizontal","vertical"]},{kind:"component",type:i1.IonFabButton,selector:"ion-fab-button",inputs:["activated","closeIcon","color","disabled","download","href","mode","rel","routerAnimation","routerDirection","show","size","target","translucent","type"]},{kind:"component",type:i1.IonFabList,selector:"ion-fab-list",inputs:["activated","side"]},{kind:"component",type:i1.IonIcon,selector:"ion-icon",inputs:["color","flipRtl","icon","ios","lazy","md","mode","name","sanitize","size","src"]},{kind:"ngmodule",type:RouterModule}]})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ModalChatVoiceInputComponent,decorators:[{type:Component,args:[{selector:"fm-modal-chat-voice-input",standalone:!0,imports:[CommonModule,IonicModule,RouterModule],providers:[FmodeVoiceService],template:'    \n    <ng-container *ngIf="fmodeChat">\n\n    \x3c!-- 用户输入 提示区域 --\x3e\n    <div class="user-asr-input" style="text-align: center;" *ngIf="!fmodeChat?.userInput && voiceServ.btnStatus!=\'OPEN\'">{{talkTips}}</div>\n    <div class="user-asr-input">{{fmodeChat?.userInput}}</div>\n    \n    \x3c!-- 测试按钮 --\x3e\n    <div class="test-button-group" *ngIf="false">\n        <button class="button-record" (click)="voiceServ.toggleRecord()">开始录制 {{voiceServ.connStatus}} {{voiceServ.btnStatus}}</button>\n        <br>\n        <button class="button-record" (click)="voiceServ.playRecord()">播放录制结果</button>\n        <br>\n        <button class="button-record" (click)="voiceServ.playBuffers()">播放Buffers结果</button>\n        <button (click)="testTTS()">测试TTS纯WEB</button>\n        <button (click)="startASR()">测试ASR</button> \n        <button (click)="testXunfeiTTS()">测试合成</button> \n    </div>\n\n    \n    \n    \x3c!-- 交互按钮 --\x3e\n    <ion-fab slot="fixed" horizontal="center" vertical="bottom">\n        <ng-container *ngIf="talkMode==\'click\'">\n          \x3c!-- 默认按钮：开始讲话 --\x3e\n          <ion-fab-button color="primary" closeIcon="checkmark" (click)="voiceServ.toggleRecord()">\n            <ion-icon name="mic-outline"></ion-icon>\n          </ion-fab-button>\n\n          \x3c!-- 讲话中：取消发送 --\x3e\n          <ion-fab-list side="end">\n            <ion-fab-button [class]="\'loading\'" (click)="voiceServ.cancelTalk()">\n              <ion-icon name="pause-outline"></ion-icon>\n            </ion-fab-button>\n          </ion-fab-list>\n        </ng-container>\n        \n        <ng-container *ngIf="talkMode==\'press\'">\n          <ion-fab-button color="primary" closeIcon="mic-outline" (touchstart)="voiceServ.toggleRecord()"  (touchend)="voiceServ.cancelTalk()">\n            <ion-icon name="mic-outline"></ion-icon>\n          </ion-fab-button>\n        </ng-container>\n    </ion-fab>\n\n\n    \x3c!-- 音频波动 --\x3e\n    <div class="record-wave">\n    </div>\n</ng-container>\n',styles:['ion-fab{margin-bottom:10vh}.fab-button-close-active:before{content:"";position:absolute;top:-5px;left:-5px;width:66px;height:66px;border-radius:50%;border:5px solid #fff;border-top-color:transparent;animation:spin 2s ease-in-out infinite;animation-fill-mode:both;animation-play-state:running}.record-wave{position:fixed;bottom:0;width:100vw;height:6vh}\n']}]}],ctorParameters:()=>[{type:i1.Platform},{type:i2.Router},{type:i3.FmodeVoiceService},{type:i1.ToastController},{type:i4.NovaCloudService},{type:i5.ChatService}],propDecorators:{fmodeChat:[{type:Input}],talkMode:[{type:Input}]}});
 var MODULE_PATH_NEED = `6K+l5paH5Lu25piv5pys6aG555uu55qE5LiA6YOo5YiGIFRoaXMgZmlsZSBpcyBwYXJ0IG9mIHRoZSBDb21wb25lbnRzIGluIEZtb2RlIEluYy4KICAgIOeJiOadg+aJgOaciSDCqSDmnKrmnaXpo57pqawgwqkg5rGf6KW/6ISR5o6n56eR5oqA5pyJ6ZmQ5YWs5Y+4IENvcHlyaWdodCDCqSBGbW9kZSBUZWNobm9sb2d5IENvLiwgTHRkLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCBSaWdodHMgUmVzZXJ2ZWQuCiAgICDkuKXnpoHlnKjmnKrnu4/mjojmnYPnmoTmg4XlhrXkuIvvvIzpgJrov4fku7vkvZXlqpLku4vlpI3liLbmraTmlofku7YgVW5hdXRob3JpemVkIGNvcHlpbmcgb2YgdGhpcyBmaWxlLCB2aWEgYW55IG1lZGl1bSBpcyBzdHJpY3RseSBwcm9oaWJpdGVkCiAgICDor6Xmlofku7bmmK/kuJPmnInnmoTmnLrlr4bmlofku7YgUHJvcHJpZXRhcnkgYW5kIGNvbmZpZGVudGlhbAogICAKICAgIENvcHlyaWdodCAyMDIxLW5vdyBGbW9kZSBJbmMuIHN1cHBvcnRAZm1vZGUuY24uIDE4NjA3MDA3MDczLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCByaWdodHMgcmVzZXJ2ZWQuCgogICAgUEFUSDovaG9tZS9yeWFuL3dvcmtzcGFjZS9ub3ZhL25vdmEtYWRtaW4vZGlzdC9mbW9kZS1uZy9lc20yMDIyL2xpYi9haWdjL2F2YXRhci9tb2RhbC1jaGF0LXZvaWNlLWlucHV0L21vZGFsLWNoYXQtdm9pY2UtaW5wdXQuY29tcG9uZW50Lm1qcw==`
     

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:"14.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 *ngIf="chat?.messageList?.length<=1 && !chat?.userInput" [chat]="chat" [role]="chat?.role?.id"></app-comp-role-prompt>\n    <ng-container *ngFor="let message of chat?.messageList">\n        \x3c!-- 内容格式化区域 --\x3e\n        <fm-chat-message-card [chat]="chat" *ngIf="!message?.hidden" [message]="message" [role]="chat?.role"></fm-chat-message-card>\n    </ng-container>\n\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 10px}: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:["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 *ngIf="chat?.messageList?.length<=1 && !chat?.userInput" [chat]="chat" [role]="chat?.role?.id"></app-comp-role-prompt>\n    <ng-container *ngFor="let message of chat?.messageList">\n        \x3c!-- 内容格式化区域 --\x3e\n        <fm-chat-message-card [chat]="chat" *ngIf="!message?.hidden" [message]="message" [role]="chat?.role"></fm-chat-message-card>\n    </ng-container>\n\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 10px}: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.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:"14.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">\n        \x3c!-- 内容格式化区域 --\x3e\n        <fm-chat-message-card [chat]="chat" *ngIf="!message?.hidden" [message]="message" [role]="chat?.role"></fm-chat-message-card>\n    </ng-container>\n\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:["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">\n        \x3c!-- 内容格式化区域 --\x3e\n        <fm-chat-message-card [chat]="chat" *ngIf="!message?.hidden" [message]="message" [role]="chat?.role"></fm-chat-message-card>\n    </ng-container>\n\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}]}});
 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 Parse from"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{NzAvatarModule}from"ng-zorro-antd/avatar";import{ClipboardService}from"../../comp-markdown-preview/clipboard.service";import{MarkdownPreviewModule}from"../../comp-markdown-preview/markdown-preview.module";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";import*as i4 from"ng-zorro-antd/avatar";export class FmChatMessageCard{constructor(e){this.copyServ=e,this.user=Parse.User.current()}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:{message:"message",role:"role",chat:"chat"},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            <nz-avatar *ngIf="message?.role!=\'user\'" [nzSrc]="(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\'" ></nz-avatar>\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    <div class="item-row bubble">\n        <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content | chatContent" [render]="false"></fm-markdown-preview>\n        <fm-markdown-preview *ngIf="message?.complete" [content]="message?.content | chatContent"></fm-markdown-preview>\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/yyyy, HH/mm/ss a"}}</span>\n    </div>\n</div>',styles:[":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 .right .bubble{color:#921f8a!important;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{max-width:100%;padding-top:1rem;padding:.5rem;color:#333;flex:none;border-radius:0 3em 3em/0em 3em 3em;color:#fff;background-color:currentColor}.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:3em;border-top-right-radius:0}.center{justify-content:center;align-items:center}.center .item-row{justify-content:center}.center .bubble{color:var(--gray-secondary);border-top-left-radius:3em;border-top-right-radius:3em}\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:"ngmodule",type:NzAvatarModule},{kind:"component",type:i4.NzAvatarComponent,selector:"nz-avatar",inputs:["nzShape","nzSize","nzGap","nzText","nzSrc","nzSrcSet","nzAlt","nzIcon"],outputs:["nzError"],exportAs:["nzAvatar"]},{kind:"pipe",type:ChatContentPipe,name:"chatContent"}]})}}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,NzAvatarModule,IonAvatar,ChatContentPipe],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            <nz-avatar *ngIf="message?.role!=\'user\'" [nzSrc]="(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\'" ></nz-avatar>\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    <div class="item-row bubble">\n        <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content | chatContent" [render]="false"></fm-markdown-preview>\n        <fm-markdown-preview *ngIf="message?.complete" [content]="message?.content | chatContent"></fm-markdown-preview>\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/yyyy, HH/mm/ss a"}}</span>\n    </div>\n</div>',styles:[":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 .right .bubble{color:#921f8a!important;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{max-width:100%;padding-top:1rem;padding:.5rem;color:#333;flex:none;border-radius:0 3em 3em/0em 3em 3em;color:#fff;background-color:currentColor}.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:3em;border-top-right-radius:0}.center{justify-content:center;align-items:center}.center .item-row{justify-content:center}.center .bubble{color:var(--gray-secondary);border-top-left-radius:3em;border-top-right-radius:3em}\n"]}]}],ctorParameters:()=>[{type:i1.ClipboardService}],propDecorators:{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 Parse from"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{NzAvatarModule}from"ng-zorro-antd/avatar";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{NzIconModule}from"ng-zorro-antd/icon";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";import*as i4 from"ng-zorro-antd/avatar";import*as i5 from"ng-zorro-antd/icon";export class FmChatMessageCard{constructor(e){this.copyServ=e,this.isVoicePlaying=!1,this.user=Parse.User.current()}async playVoice(){let e,t=!1;if(this.isVoicePlaying=!0,this.message?.voice?.id){let t=new Parse.Query("ChatVoice");t.include("voiceFile"),e=await t.get(this.message?.voice?.id)}if(console.log(e),!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.chat?.saveChatSession(),this.chat.playChatVoice(e,{onLoaded:e=>{this.message.voice.duration=1e3*e.duration,this.updateVoiceDuration(1e3*e.duration)},onStop:()=>{this.isVoicePlaying=!1}})}updateVoiceDuration(e){this.message?.voice?.duration||(this.message.voice.duration=e,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:{message:"message",role:"role",chat:"chat"},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\'||(message?.role==\'user\'&&message?.voice)" class="play-voice" (click)="playVoice()">\n                <div class="voice-button">\n                    <span nz-icon [nzRotate]="message?.role==\'user\'?-90:90" nzType="wifi" nzTheme="outline" [class.play-voice-playing]="isVoicePlaying"></span>\n                </div>\n                <div class="voice-info">\n                    <span *ngIf="message?.voice?.duration">\n                        {{((message?.voice?.duration||0)/1000)|number:\'1.0-0\'}}"\n                    </span>\n                    <span *ngIf="!message?.voice?.duration">\n                        \x3c!--  --\x3e\n                    </span>\n                </div>\n            </div>\n            \x3c!-- 头像区域 --\x3e\n            <nz-avatar *ngIf="message?.role!=\'user\'" [nzSrc]="(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\'" ></nz-avatar>\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    <div class="item-row bubble">\n        <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content | chatContent" [render]="false"></fm-markdown-preview>\n        <fm-markdown-preview *ngIf="message?.complete" [content]="message?.content | chatContent"></fm-markdown-preview>\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-top:1rem;padding:.5rem;color:#333;flex:none;border-radius:0 1.5em 1.5em/0em 1.5em 1.5em;color:#fff;background-color:currentColor}.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}.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}.play-voice-playing{animation:play-voice-animation 1s infinite}@keyframes play-voice-animation{0%{width:0}to{width:32px}}\n'],dependencies:[{kind:"ngmodule",type:CommonModule},{kind:"directive",type:i2.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{kind:"pipe",type:i2.DecimalPipe,name:"number"},{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:"ngmodule",type:NzAvatarModule},{kind:"component",type:i4.NzAvatarComponent,selector:"nz-avatar",inputs:["nzShape","nzSize","nzGap","nzText","nzSrc","nzSrcSet","nzAlt","nzIcon"],outputs:["nzError"],exportAs:["nzAvatar"]},{kind:"ngmodule",type:NzIconModule},{kind:"directive",type:i5.NzIconDirective,selector:"[nz-icon]",inputs:["nzSpin","nzRotate","nzType","nzTheme","nzTwotoneColor","nzIconfont"],exportAs:["nzIcon"]},{kind:"pipe",type:ChatContentPipe,name:"chatContent"}]})}}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,NzAvatarModule,IonAvatar,NzIconModule,ChatContentPipe,NzSanitizerPipe],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\'||(message?.role==\'user\'&&message?.voice)" class="play-voice" (click)="playVoice()">\n                <div class="voice-button">\n                    <span nz-icon [nzRotate]="message?.role==\'user\'?-90:90" nzType="wifi" nzTheme="outline" [class.play-voice-playing]="isVoicePlaying"></span>\n                </div>\n                <div class="voice-info">\n                    <span *ngIf="message?.voice?.duration">\n                        {{((message?.voice?.duration||0)/1000)|number:\'1.0-0\'}}"\n                    </span>\n                    <span *ngIf="!message?.voice?.duration">\n                        \x3c!--  --\x3e\n                    </span>\n                </div>\n            </div>\n            \x3c!-- 头像区域 --\x3e\n            <nz-avatar *ngIf="message?.role!=\'user\'" [nzSrc]="(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\'" ></nz-avatar>\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    <div class="item-row bubble">\n        <fm-markdown-preview *ngIf="!message?.complete" class="content-style" [content]="message?.content | chatContent" [render]="false"></fm-markdown-preview>\n        <fm-markdown-preview *ngIf="message?.complete" [content]="message?.content | chatContent"></fm-markdown-preview>\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-top:1rem;padding:.5rem;color:#333;flex:none;border-radius:0 1.5em 1.5em/0em 1.5em 1.5em;color:#fff;background-color:currentColor}.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}.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}.play-voice-playing{animation:play-voice-animation 1s infinite}@keyframes play-voice-animation{0%{width:0}to{width:32px}}\n']}]}],ctorParameters:()=>[{type:i1.ClipboardService}],propDecorators:{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-audio-message/modal-audio-message.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-audio-message/modal-audio-message.component.mjs
      */
-    import{Component,Input}from"@angular/core";import{IonButton,IonIcon,IonSpinner,ModalController,ToastController}from"@ionic/angular/standalone";import{FmodeVoiceService}from"../../../voice/fmode-voice.service";import{FmodeChat}from"../../../service-fmai/service-chat";import{CommonModule}from"@angular/common";import*as i0 from"@angular/core";import*as i1 from"../../../voice/fmode-voice.service";import*as i2 from"@ionic/angular/standalone";import*as i3 from"@angular/common";export class ModalAudioMessageComponent{constructor(e,i){this.voiceServ=e,this.toastCtrl=i,this.isRecording=!1,this.player=new Audio,this.clockStr="0:00"}ngOnInit(){this.chat.userInput="",this.initVoiceSevice(),this.voiceServ.startTalk()}playMusic(e){this.player.src=`/assets/avatar/voice/${e}.mp3`,this.player.play()}initVoiceSevice(){this.chat.userInput=this.voiceServ.resultText,this.voiceServ.requestPermission().then((()=>{this.voiceServ.openWithPriviledge()})),this.voiceServ.onBeforeStartTalk=()=>{this.chat.playAnimation("listening"),this.playMusic("start-talk")},this.voiceServ.onAfterRecordStart=()=>{this.isRecording=!0,this.timerInt=setInterval((()=>{this.countTimer()}),1e3)},this.voiceServ.onBeforeCancelTalk=()=>{this.playMusic("interupt-talk"),this.chat.playAnimation("waiting")},this.voiceServ.onAfterCancelTalk=()=>{},this.voiceServ.onBeforeFinishTalk=()=>{this.chat.playAnimation("thinking"),this.playMusic("stop-talk")},this.voiceServ.onAfterFinishTalk=()=>{console.log("onAfterFinishTalk"),this.chat.userInput=this.voiceServ?.resultText,this.sendMessage()}}async sendMessage(){if(this.chat.userInput)this.chat?.sendMessage(this.voiceServ.resultText,this.chat?.userImage,(e=>{}),{onSSMLComplete:e=>{console.log(e);e.ssml;this.chat.playTTS(e),this.chat.playAnimation("talking"),setTimeout((()=>{this.chat.playAnimation("waiting")}),6e3)}}),this.chat.userInput="",this.chat.userImage="";else{(await this.toastCtrl.create({message:"内容不能为空",position:"top",icon:"alert",color:"warning-circle",duration:1e3})).present()}}countTimer(){this.now||(this.now=new Date);let e=(new Date).getTime()-this.now.getTime();e/=1e3,e/1e3>59&&this.send(),this.clockStr=(e/60).toFixed(0)+":"+String((e%60).toFixed(0)).padStart(2,"0")}cancel(){this.clear(),this.voiceServ.cancelTalk(),this.modal?.dismiss(null,"cancel")}send(){this.clear(),this.voiceServ.finishTalk(),this.modal?.dismiss(null,"send")}clear(){this.timerInt&&clearInterval(this.timerInt),this.now=void 0,this.isRecording=!1}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ModalAudioMessageComponent,deps:[{token:i1.FmodeVoiceService},{token:i2.ToastController}],target:i0.ɵɵFactoryTarget.Component})}static{this.ɵcmp=i0.ɵɵngDeclareComponent({minVersion:"14.0.0",version:"17.3.12",type:ModalAudioMessageComponent,isStandalone:!0,selector:"fm-modal-audio-message",inputs:{chat:"chat",modal:"modal"},providers:[ModalController],ngImport:i0,template:'\x3c!-- <div style="background:#FFFFFF;color:#000000;width:100%">\n    {{this.chat.userInput}}\n</div> --\x3e\n<div class="modal-area">\n\n    \x3c!-- 加载WebSockets动画 --\x3e\n    <ng-container *ngIf="!isRecording">\n        <div class="row">\n            <ion-spinner name="crescent" color="success" style="width:80px;height:80px;"></ion-spinner>\n        </div>\n    </ng-container>\n    \x3c!-- 录音中动画 --\x3e\n    <ng-container *ngIf="isRecording">\n            <div class="tips row">\n                请您讲话，AI会识别！\n            </div>\n            <div class="timer row">\n                {{clockStr || "0:00"}}\n            </div>\n            <div class="audio-wave row">\n            <div class="audio">\n                <div class="wave"></div>\n                <div class="wave"></div>\n                <div class="wave"></div>\n                <div class="wave"></div>\n                <div class="wave"></div>\n            </div>\n        </div>\n        <div class="actions row">\n            <ion-button (click)="cancel()" size="large" shape="round" color="light">\n                <ion-icon name="close-outline"></ion-icon>\n            </ion-button>\n            <ion-button (click)="send()" size="large" shape="round" color="success">\n                <ion-icon name="send-outline"></ion-icon>\n            </ion-button>\n        </div>\n    </ng-container>\n</div>',styles:[":host-context(body.dark) .modal-area{color:#fff}.modal-area{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.modal-area .row{margin:10px}.modal-area .timer{font-size:1.5rem;font-weight:700}.modal-area .actions{display:flex;justify-content:space-around;width:100%;height:86px}.audio{display:flex;justify-content:space-between;align-items:center;gap:8px;width:60px;height:40px}.audio .wave{height:40px;display:block;width:10px;height:6px;border-radius:8px;background:orange}.audio .wave{animation:audio-wave 2s ease-in-out infinite}.audio .wave:nth-child(1){animation-delay:.1s}.audio .wave:nth-child(2){animation-delay:.2s}.audio .wave:nth-child(3){animation-delay:.3s}.audio .wave:nth-child(4){animation-delay:.4s}.audio .wave:nth-child(5){animation-delay:.5s}@keyframes audio-wave{0%{height:6px;transform:translateY(0);background:#ff8e3a}25%{height:6px;transform:translateY(0);background:#9c73f8}50%{height:30px;transform:translateY(-5px) scaleY(1.5);background:#ed509e}75%{height:6px;transform:translateY(0);background:#9c73f8}to{height:6px;transform:translateY(0);background:#0fccce}}\n"],dependencies:[{kind:"ngmodule",type:CommonModule},{kind:"directive",type:i3.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{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:IonIcon,selector:"ion-icon",inputs:["color","flipRtl","icon","ios","lazy","md","mode","name","sanitize","size","src"]},{kind:"component",type:IonSpinner,selector:"ion-spinner",inputs:["color","duration","name","paused"]}]})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ModalAudioMessageComponent,decorators:[{type:Component,args:[{selector:"fm-modal-audio-message",standalone:!0,imports:[CommonModule,IonButton,IonIcon,IonSpinner],providers:[ModalController],template:'\x3c!-- <div style="background:#FFFFFF;color:#000000;width:100%">\n    {{this.chat.userInput}}\n</div> --\x3e\n<div class="modal-area">\n\n    \x3c!-- 加载WebSockets动画 --\x3e\n    <ng-container *ngIf="!isRecording">\n        <div class="row">\n            <ion-spinner name="crescent" color="success" style="width:80px;height:80px;"></ion-spinner>\n        </div>\n    </ng-container>\n    \x3c!-- 录音中动画 --\x3e\n    <ng-container *ngIf="isRecording">\n            <div class="tips row">\n                请您讲话，AI会识别！\n            </div>\n            <div class="timer row">\n                {{clockStr || "0:00"}}\n            </div>\n            <div class="audio-wave row">\n            <div class="audio">\n                <div class="wave"></div>\n                <div class="wave"></div>\n                <div class="wave"></div>\n                <div class="wave"></div>\n                <div class="wave"></div>\n            </div>\n        </div>\n        <div class="actions row">\n            <ion-button (click)="cancel()" size="large" shape="round" color="light">\n                <ion-icon name="close-outline"></ion-icon>\n            </ion-button>\n            <ion-button (click)="send()" size="large" shape="round" color="success">\n                <ion-icon name="send-outline"></ion-icon>\n            </ion-button>\n        </div>\n    </ng-container>\n</div>',styles:[":host-context(body.dark) .modal-area{color:#fff}.modal-area{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.modal-area .row{margin:10px}.modal-area .timer{font-size:1.5rem;font-weight:700}.modal-area .actions{display:flex;justify-content:space-around;width:100%;height:86px}.audio{display:flex;justify-content:space-between;align-items:center;gap:8px;width:60px;height:40px}.audio .wave{height:40px;display:block;width:10px;height:6px;border-radius:8px;background:orange}.audio .wave{animation:audio-wave 2s ease-in-out infinite}.audio .wave:nth-child(1){animation-delay:.1s}.audio .wave:nth-child(2){animation-delay:.2s}.audio .wave:nth-child(3){animation-delay:.3s}.audio .wave:nth-child(4){animation-delay:.4s}.audio .wave:nth-child(5){animation-delay:.5s}@keyframes audio-wave{0%{height:6px;transform:translateY(0);background:#ff8e3a}25%{height:6px;transform:translateY(0);background:#9c73f8}50%{height:30px;transform:translateY(-5px) scaleY(1.5);background:#ed509e}75%{height:6px;transform:translateY(0);background:#9c73f8}to{height:6px;transform:translateY(0);background:#0fccce}}\n"]}]}],ctorParameters:()=>[{type:i1.FmodeVoiceService},{type:i2.ToastController}],propDecorators:{chat:[{type:Input}],modal:[{type:Input}]}});
+    import{Component,Input}from"@angular/core";import{IonButton,IonIcon,IonSpinner,ModalController,ToastController}from"@ionic/angular/standalone";import{FmodeVoiceService}from"../../../voice/fmode-voice.service";import{FmodeChat}from"../../../service-fmai/service-chat";import{CommonModule}from"@angular/common";import{NovaUploadService}from"../../../../storage/service-upload/nova-upload.service";import Parse from"parse";import*as i0 from"@angular/core";import*as i1 from"../../../voice/fmode-voice.service";import*as i2 from"@ionic/angular/standalone";import*as i3 from"../../../../storage/service-upload/nova-upload.service";import*as i4 from"@angular/common";export class ModalAudioMessageComponent{constructor(e,i,t){this.voiceServ=e,this.toastCtrl=i,this.uploadServ=t,this.isRecording=!1,this.player=new Audio,this.clockStr="0:00"}ngOnInit(){this.chat.userInput="",this.initVoiceSevice(),this.voiceServ.startTalk()}playMusic(e){this.player||(this.player=new Audio),this.player.src=`/assets/avatar/voice/${e}.mp3`;try{this.player?.play()}catch(e){}}initVoiceSevice(){this.chat.userInput=this.voiceServ.resultText,this.voiceServ.requestPermission().then((()=>{this.voiceServ.openWithPriviledge()})),this.voiceServ.onBeforeStartTalk=()=>{this.chat.playAnimation("listening"),this.playMusic("start-talk")},this.voiceServ.onAfterRecordStart=()=>{this.isRecording=!0,this.timerInt=setInterval((()=>{this.countTimer()}),1e3)},this.voiceServ.onBeforeCancelTalk=()=>{this.playMusic("interupt-talk"),this.chat.playAnimation("waiting")},this.voiceServ.onAfterCancelTalk=()=>{},this.voiceServ.onBeforeFinishTalk=()=>{this.chat.playAnimation("thinking"),this.playMusic("stop-talk")},this.voiceServ.onAfterFinishTalk=async()=>{console.log("onAfterFinishTalk1",this.voiceServ?.resultText),console.log("onAfterFinishTalk2",this.voiceServ?.resultTextTemp),this.chat.userInput=""+(this.voiceServ?.resultTextTemp||this.voiceServ?.resultText),this.chat?.userInput&&await this.saveChatVoice(),this.sendMessage()}}async saveChatVoice(){let e=this.voiceServ.recordWavBlob,i=this.voiceServ.recordDuration;if(e){let t=Parse.Object.extend("ChatVoice");this.chatVoice=new t,this.chatVoice.set("content",this.chat.userInput),this.chatVoice.set("role","user"),this.chatVoice.set("duration",i);let n=localStorage.getItem("company");n&&this.chatVoice.set("company",{__type:"Pointer",className:"Company",objectId:n}),Parse.User.current()?.id&&this.chatVoice.set("user",Parse.User.current().toPointer());let o=this.chatVoice?.id||this.uploadServ?.genMd5(this.chatVoice?.get("content")||this.chatVoice?.get("ssml")),a=new Date,s=o+a.getFullYear()+(a.getMonth()+1)+a.getDate()+a.getHours()+a.getMinutes()+a.getSeconds()+".wav",r=new File([e],s,{type:"audio/wav"}),c=await this.uploadServ.upload(r,(e=>{console.log(e)})),l={__type:"Pointer",className:"Attachment",objectId:c?.id};l?.objectId&&(this.chatVoice.set("voiceFile",l),this.chatVoice=await this.chatVoice.save())}}async sendMessage(){if(this.chat.userInput)this.chat?.sendMessage(""+this.chat?.userInput,this.chat?.userImage,(e=>{}),{onSSMLComplete:e=>{console.log(e)}},{id:this.chatVoice?.id,duration:this.chatVoice?.get("duration")});else{(await this.toastCtrl.create({message:"内容不能为空",position:"top",icon:"alert",color:"warning-circle",duration:1e3})).present()}}countTimer(){this.now||(this.now=new Date);let e=(new Date).getTime()-this.now.getTime();e/=1e3,e/1e3>59&&this.send(),this.clockStr=(e/60).toFixed(0)+":"+String((e%60).toFixed(0)).padStart(2,"0")}cancel(){this.clear(),this.voiceServ.cancelTalk(),this.modal?.dismiss(null,"cancel")}send(){this.clear(),this.voiceServ.finishTalk(),this.modal?.dismiss(null,"send")}clear(){this.timerInt&&clearInterval(this.timerInt),this.now=void 0,this.isRecording=!1}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ModalAudioMessageComponent,deps:[{token:i1.FmodeVoiceService},{token:i2.ToastController},{token:i3.NovaUploadService}],target:i0.ɵɵFactoryTarget.Component})}static{this.ɵcmp=i0.ɵɵngDeclareComponent({minVersion:"14.0.0",version:"17.3.12",type:ModalAudioMessageComponent,isStandalone:!0,selector:"fm-modal-audio-message",inputs:{chat:"chat",modal:"modal"},providers:[ModalController],ngImport:i0,template:'\x3c!-- <div style="background:#FFFFFF;color:#000000;width:100%">\n    {{this.chat.userInput}}\n</div> --\x3e\n<div class="modal-area">\n\n    \x3c!-- 加载WebSockets动画 --\x3e\n    <ng-container *ngIf="!isRecording">\n        <div class="row">\n            <ion-spinner name="crescent" color="success" style="width:80px;height:80px;"></ion-spinner>\n        </div>\n    </ng-container>\n    \x3c!-- 录音中动画 --\x3e\n    <ng-container *ngIf="isRecording">\n            <div class="tips row">\n                请您讲话，AI会识别！\n            </div>\n            <div class="timer row">\n                {{clockStr || "0:00"}}\n            </div>\n            <div class="audio-wave row">\n            <div class="audio">\n                <div class="wave"></div>\n                <div class="wave"></div>\n                <div class="wave"></div>\n                <div class="wave"></div>\n                <div class="wave"></div>\n            </div>\n        </div>\n        <div class="actions row">\n            <ion-button (click)="cancel()" size="large" shape="round" color="light">\n                <ion-icon name="close-outline"></ion-icon>\n            </ion-button>\n            <ion-button (click)="send()" size="large" shape="round" color="success">\n                <ion-icon name="send-outline"></ion-icon>\n            </ion-button>\n        </div>\n    </ng-container>\n</div>',styles:[":host-context(body.dark) .modal-area{color:#fff}.modal-area{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.modal-area .row{margin:10px}.modal-area .timer{font-size:1.5rem;font-weight:700}.modal-area .actions{display:flex;justify-content:space-around;width:100%;height:86px}.audio{display:flex;justify-content:space-between;align-items:center;gap:8px;width:60px;height:40px}.audio .wave{height:40px;display:block;width:10px;height:6px;border-radius:8px;background:orange}.audio .wave{animation:audio-wave 2s ease-in-out infinite}.audio .wave:nth-child(1){animation-delay:.1s}.audio .wave:nth-child(2){animation-delay:.2s}.audio .wave:nth-child(3){animation-delay:.3s}.audio .wave:nth-child(4){animation-delay:.4s}.audio .wave:nth-child(5){animation-delay:.5s}@keyframes audio-wave{0%{height:6px;transform:translateY(0);background:#ff8e3a}25%{height:6px;transform:translateY(0);background:#9c73f8}50%{height:30px;transform:translateY(-5px) scaleY(1.5);background:#ed509e}75%{height:6px;transform:translateY(0);background:#9c73f8}to{height:6px;transform:translateY(0);background:#0fccce}}\n"],dependencies:[{kind:"ngmodule",type:CommonModule},{kind:"directive",type:i4.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{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:IonIcon,selector:"ion-icon",inputs:["color","flipRtl","icon","ios","lazy","md","mode","name","sanitize","size","src"]},{kind:"component",type:IonSpinner,selector:"ion-spinner",inputs:["color","duration","name","paused"]}]})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:ModalAudioMessageComponent,decorators:[{type:Component,args:[{selector:"fm-modal-audio-message",standalone:!0,imports:[CommonModule,IonButton,IonIcon,IonSpinner],providers:[ModalController],template:'\x3c!-- <div style="background:#FFFFFF;color:#000000;width:100%">\n    {{this.chat.userInput}}\n</div> --\x3e\n<div class="modal-area">\n\n    \x3c!-- 加载WebSockets动画 --\x3e\n    <ng-container *ngIf="!isRecording">\n        <div class="row">\n            <ion-spinner name="crescent" color="success" style="width:80px;height:80px;"></ion-spinner>\n        </div>\n    </ng-container>\n    \x3c!-- 录音中动画 --\x3e\n    <ng-container *ngIf="isRecording">\n            <div class="tips row">\n                请您讲话，AI会识别！\n            </div>\n            <div class="timer row">\n                {{clockStr || "0:00"}}\n            </div>\n            <div class="audio-wave row">\n            <div class="audio">\n                <div class="wave"></div>\n                <div class="wave"></div>\n                <div class="wave"></div>\n                <div class="wave"></div>\n                <div class="wave"></div>\n            </div>\n        </div>\n        <div class="actions row">\n            <ion-button (click)="cancel()" size="large" shape="round" color="light">\n                <ion-icon name="close-outline"></ion-icon>\n            </ion-button>\n            <ion-button (click)="send()" size="large" shape="round" color="success">\n                <ion-icon name="send-outline"></ion-icon>\n            </ion-button>\n        </div>\n    </ng-container>\n</div>',styles:[":host-context(body.dark) .modal-area{color:#fff}.modal-area{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.modal-area .row{margin:10px}.modal-area .timer{font-size:1.5rem;font-weight:700}.modal-area .actions{display:flex;justify-content:space-around;width:100%;height:86px}.audio{display:flex;justify-content:space-between;align-items:center;gap:8px;width:60px;height:40px}.audio .wave{height:40px;display:block;width:10px;height:6px;border-radius:8px;background:orange}.audio .wave{animation:audio-wave 2s ease-in-out infinite}.audio .wave:nth-child(1){animation-delay:.1s}.audio .wave:nth-child(2){animation-delay:.2s}.audio .wave:nth-child(3){animation-delay:.3s}.audio .wave:nth-child(4){animation-delay:.4s}.audio .wave:nth-child(5){animation-delay:.5s}@keyframes audio-wave{0%{height:6px;transform:translateY(0);background:#ff8e3a}25%{height:6px;transform:translateY(0);background:#9c73f8}50%{height:30px;transform:translateY(-5px) scaleY(1.5);background:#ed509e}75%{height:6px;transform:translateY(0);background:#9c73f8}to{height:6px;transform:translateY(0);background:#0fccce}}\n"]}]}],ctorParameters:()=>[{type:i1.FmodeVoiceService},{type:i2.ToastController},{type:i3.NovaUploadService}],propDecorators:{chat:[{type:Input}],modal:[{type:Input}]}});
 var MODULE_PATH_NEED = `6K+l5paH5Lu25piv5pys6aG555uu55qE5LiA6YOo5YiGIFRoaXMgZmlsZSBpcyBwYXJ0IG9mIHRoZSBDb21wb25lbnRzIGluIEZtb2RlIEluYy4KICAgIOeJiOadg+aJgOaciSDCqSDmnKrmnaXpo57pqawgwqkg5rGf6KW/6ISR5o6n56eR5oqA5pyJ6ZmQ5YWs5Y+4IENvcHlyaWdodCDCqSBGbW9kZSBUZWNobm9sb2d5IENvLiwgTHRkLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCBSaWdodHMgUmVzZXJ2ZWQuCiAgICDkuKXnpoHlnKjmnKrnu4/mjojmnYPnmoTmg4XlhrXkuIvvvIzpgJrov4fku7vkvZXlqpLku4vlpI3liLbmraTmlofku7YgVW5hdXRob3JpemVkIGNvcHlpbmcgb2YgdGhpcyBmaWxlLCB2aWEgYW55IG1lZGl1bSBpcyBzdHJpY3RseSBwcm9oaWJpdGVkCiAgICDor6Xmlofku7bmmK/kuJPmnInnmoTmnLrlr4bmlofku7YgUHJvcHJpZXRhcnkgYW5kIGNvbmZpZGVudGlhbAogICAKICAgIENvcHlyaWdodCAyMDIxLW5vdyBGbW9kZSBJbmMuIHN1cHBvcnRAZm1vZGUuY24uIDE4NjA3MDA3MDczLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCByaWdodHMgcmVzZXJ2ZWQuCgogICAgUEFUSDovaG9tZS9yeWFuL3dvcmtzcGFjZS9ub3ZhL25vdmEtYWRtaW4vZGlzdC9mbW9kZS1uZy9lc20yMDIyL2xpYi9haWdjL2NoYXQvY2hhdC1tb2RhbC1pbnB1dC9tb2RhbC1hdWRpby1tZXNzYWdlL21vZGFsLWF1ZGlvLW1lc3NhZ2UuY29tcG9uZW50Lm1qcw==`
     

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{ActivatedRoute,Router,RouterModule}from"@angular/router";import{AlertController,NavController,ToastController}from"@ionic/angular";import{FmodeChat}from"../../service-fmai/service-chat";import{ChatService}from"../../service-fmai/service-chat";import Parse from"parse";import{NzMessageService}from"ng-zorro-antd/message";import{ImagineService}from"../../service-fmai/service-imagine/imagine.service";import{IonButton,IonContent,IonIcon,IonInput,IonItem,IonList,IonModal,IonPopover,IonTextarea,IonToolbar}from"@ionic/angular/standalone";import{CommonModule}from"@angular/common";import{FormsModule,ReactiveFormsModule}from"@angular/forms";import{NzModalModule}from"ng-zorro-antd/modal";import{ModalAudioMessageComponent}from"./modal-audio-message/modal-audio-message.component";import*as i0 from"@angular/core";import*as i1 from"@ionic/angular";import*as i2 from"@angular/router";import*as i3 from"../../service-fmai/service-imagine/imagine.service";import*as i4 from"../../service-fmai/service-chat";import*as i5 from"ng-zorro-antd/message";import*as i6 from"@angular/common";import*as i7 from"@angular/forms";import*as i8 from"ng-zorro-antd/modal";export class FmChatModalInput{closeAudio(){this.audioComp?.cancel(),this.isAudioModal=!1}constructor(e,n,t,o,a,i,s,r){this.toastCtrl=e,this.alertCtrl=n,this.navCtrl=t,this.router=o,this.imagineServ=a,this.chatServ=i,this.route=s,this.messages=r,this.errorText="",this.isAudioModal=!1,this.isShare=!1,this.user=Parse.User.current()}ngOnInit(){this.loadModel()}async loadModel(){let e=this.chat?.role?.get("model");await this.chatServ.loadModelList(e)}async setMessageImage(){let e=await this.imagineServ.getimg();this.chat.userImage=e,console.log(this.chat?.userImage)}onKeyDown(e){e.ctrlKey&&"Enter"===e.key&&(console.log("Ctrl+Enter 被按下"),this.sendMessage())}async sendMessage(){if(!this.chat.userInput){return this.errorText="内容不能为空",void(await this.toastCtrl.create({message:this.errorText,position:"top",icon:"alert",color:"warning-circle",duration:1e3})).present()}this.chat.isTalkMode=!0,this.chat?.sendMessage(this.chat?.userInput,this.chat?.userImage,(e=>{}),{onSSMLComplete:e=>{console.log(e);e.ssml;this.chat.playTTS(e),this.chat.playAnimation("talking"),setTimeout((()=>{this.chat.playAnimation("waiting")}),6e3)}}),this.chat.userInput="",this.chat.userImage=""}async checkBalance(){if(!this.chatServ?.currentModel?.get("payLimit"))return!0;let e=await this.account.getBilling();if(e?.credit?.balance<10){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()}chatShareSuccessMessage(){this.messages.success("分享成功")}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:i1.NavController},{token:i2.Router},{token:i3.ImagineService},{token:i4.ChatService},{token:i2.ActivatedRoute},{token:i5.NzMessageService}],target:i0.ɵɵFactoryTarget.Component})}static{this.ɵcmp=i0.ɵɵngDeclareComponent({minVersion:"14.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}],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 shape="round" *ngIf="button.show()" fill="outline" [title]="button?.title" slot="start" (click)="button.onClick()">\n            <ion-icon [name]="button?.icon"></ion-icon>\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        <ion-button shape="round" *ngIf="chat?.messageList?.length>1" (click)="showShare()" fill="outline" title="分享" slot="start" routerLink="/chat/pro/mask">\n            <ion-icon name="share-social-outline"></ion-icon>\n        </ion-button>\n        \x3c!-- <button nz-button *ngIf="chat?.messageList?.length>1"\n         nzType="primary" title="分享" (click)="showShare()" style="width: 31.188px;height: 22px;box-shadow: none;background: #fff;border: 1px solid #4588ff;border-radius: 5px;"> <span class="iconfont icon-fenxiang" style="color: #4588ff;"></span></button>\n          --\x3e\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                <div 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                        <nz-avatar *ngIf="message?.role!=\'user\'" [nzSrc]="(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\'"></nz-avatar>\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        <nz-modal *ngIf="false"\n          [(nzVisible)]="isShare"\n          nzTitle="问答分享"\n          nzCentered\n          nzOkText="分享"\n          nzCancelText="取消"\n          (nzOnCancel)="handleCancelShare()"\n          (nzOnOk)="handleOkShare()"\n        >\n          <ng-container *nzModalContent>\n            <div 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                      <nz-avatar *ngIf="message?.role!=\'user\'" [nzSrc]="(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\'"></nz-avatar>\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          </ng-container>\n        </nz-modal>\n\n        \x3c!-- 图片 --\x3e\n        <ion-button shape="round" *ngIf="chatServ?.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         <ion-button shape="round" fill="outline" slot="end"  id="model-button">\n            <ion-icon name="chevron-down-outline"></ion-icon>\n            {{chatServ?.currentModel?.get&&chatServ?.currentModel?.get("name")||"飞码4.0"}}\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 chatServ.modelList">\n                        <ion-item (click)="chatServ.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    </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)="isAudioModal=true">\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 *ngIf="chat" (keydown)="onKeyDown($event)"\n          [errorText]="errorText"\n          [(ngModel)]="chat.userInput"\n          (ionFocus)="chat.isTexting=true"\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 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<ion-modal #audioModal [isOpen]="isAudioModal" (willDismiss)="closeAudio()" [initialBreakpoint]="0.35" [breakpoints]="[0, 0.35, 0.5]">\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>',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}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:i6.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{kind:"directive",type:i6.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{kind:"directive",type:i6.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{kind:"pipe",type:i6.DatePipe,name:"date"},{kind:"ngmodule",type:FormsModule},{kind:"directive",type:i7.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{kind:"directive",type:i7.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:"directive",type:i2.RouterLink,selector:"[routerLink]",inputs:["target","queryParams","fragment","queryParamsHandling","state","info","relativeTo","preserveFragment","skipLocationChange","replaceUrl","routerLink"]},{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:"ngmodule",type:NzModalModule},{kind:"component",type:i8.NzModalComponent,selector:"nz-modal",inputs:["nzMask","nzMaskClosable","nzCloseOnNavigation","nzVisible","nzClosable","nzOkLoading","nzOkDisabled","nzCancelDisabled","nzCancelLoading","nzKeyboard","nzNoAnimation","nzCentered","nzDraggable","nzContent","nzFooter","nzZIndex","nzWidth","nzWrapClassName","nzClassName","nzStyle","nzTitle","nzCloseIcon","nzMaskStyle","nzBodyStyle","nzOkText","nzCancelText","nzOkType","nzOkDanger","nzIconType","nzModalType","nzAutofocus","nzOnOk","nzOnCancel"],outputs:["nzOnOk","nzOnCancel","nzAfterOpen","nzAfterClose","nzVisibleChange"],exportAs:["nzModal"]},{kind:"directive",type:i8.NzModalContentDirective,selector:"[nzModalContent]",exportAs:["nzModalContent"]},{kind:"component",type:ModalAudioMessageComponent,selector:"fm-modal-audio-message",inputs:["chat","modal"]}]})}}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,NzModalModule,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 shape="round" *ngIf="button.show()" fill="outline" [title]="button?.title" slot="start" (click)="button.onClick()">\n            <ion-icon [name]="button?.icon"></ion-icon>\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        <ion-button shape="round" *ngIf="chat?.messageList?.length>1" (click)="showShare()" fill="outline" title="分享" slot="start" routerLink="/chat/pro/mask">\n            <ion-icon name="share-social-outline"></ion-icon>\n        </ion-button>\n        \x3c!-- <button nz-button *ngIf="chat?.messageList?.length>1"\n         nzType="primary" title="分享" (click)="showShare()" style="width: 31.188px;height: 22px;box-shadow: none;background: #fff;border: 1px solid #4588ff;border-radius: 5px;"> <span class="iconfont icon-fenxiang" style="color: #4588ff;"></span></button>\n          --\x3e\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                <div 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                        <nz-avatar *ngIf="message?.role!=\'user\'" [nzSrc]="(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\'"></nz-avatar>\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        <nz-modal *ngIf="false"\n          [(nzVisible)]="isShare"\n          nzTitle="问答分享"\n          nzCentered\n          nzOkText="分享"\n          nzCancelText="取消"\n          (nzOnCancel)="handleCancelShare()"\n          (nzOnOk)="handleOkShare()"\n        >\n          <ng-container *nzModalContent>\n            <div 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                      <nz-avatar *ngIf="message?.role!=\'user\'" [nzSrc]="(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\'"></nz-avatar>\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          </ng-container>\n        </nz-modal>\n\n        \x3c!-- 图片 --\x3e\n        <ion-button shape="round" *ngIf="chatServ?.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         <ion-button shape="round" fill="outline" slot="end"  id="model-button">\n            <ion-icon name="chevron-down-outline"></ion-icon>\n            {{chatServ?.currentModel?.get&&chatServ?.currentModel?.get("name")||"飞码4.0"}}\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 chatServ.modelList">\n                        <ion-item (click)="chatServ.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    </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)="isAudioModal=true">\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 *ngIf="chat" (keydown)="onKeyDown($event)"\n          [errorText]="errorText"\n          [(ngModel)]="chat.userInput"\n          (ionFocus)="chat.isTexting=true"\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 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<ion-modal #audioModal [isOpen]="isAudioModal" (willDismiss)="closeAudio()" [initialBreakpoint]="0.35" [breakpoints]="[0, 0.35, 0.5]">\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>',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}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:i1.NavController},{type:i2.Router},{type:i3.ImagineService},{type:i4.ChatService},{type:i2.ActivatedRoute},{type:i5.NzMessageService}],propDecorators:{audioComp:[{type:ViewChild,args:[ModalAudioMessageComponent]}],chat:[{type:Input}],message:[{type:Input}],role:[{type:Input}]}});
+    import{Component,Input,ViewChild}from"@angular/core";import{ActivatedRoute,Router,RouterModule}from"@angular/router";import{AlertController,NavController,ToastController}from"@ionic/angular";import{FmodeChat}from"../../service-fmai/service-chat";import{ChatService}from"../../service-fmai/service-chat";import Parse from"parse";import{NzMessageService}from"ng-zorro-antd/message";import{ImagineService}from"../../service-fmai/service-imagine/imagine.service";import{IonButton,IonContent,IonIcon,IonInput,IonItem,IonList,IonModal,IonPopover,IonTextarea,IonToolbar}from"@ionic/angular/standalone";import{CommonModule}from"@angular/common";import{FormsModule,ReactiveFormsModule}from"@angular/forms";import{NzModalModule}from"ng-zorro-antd/modal";import{ModalAudioMessageComponent}from"./modal-audio-message/modal-audio-message.component";import*as i0 from"@angular/core";import*as i1 from"@ionic/angular";import*as i2 from"@angular/router";import*as i3 from"../../service-fmai/service-imagine/imagine.service";import*as i4 from"../../service-fmai/service-chat";import*as i5 from"ng-zorro-antd/message";import*as i6 from"@angular/common";import*as i7 from"@angular/forms";import*as i8 from"ng-zorro-antd/modal";export class FmChatModalInput{closeAudio(){this.audioComp?.cancel(),this.isAudioModal=!1}constructor(e,n,t,o,a,s,i,r){this.toastCtrl=e,this.alertCtrl=n,this.navCtrl=t,this.router=o,this.imagineServ=a,this.chatServ=s,this.route=i,this.messages=r,this.errorText="",this.isAudioModal=!1,this.isShare=!1,this.user=Parse.User.current()}ngOnInit(){this.loadModel()}async loadModel(){let e=this.chat?.role?.get("model");await this.chatServ.loadModelList(e)}async setMessageImage(){let e=await this.imagineServ.getimg();this.chat.userImage=e,console.log(this.chat?.userImage)}onKeyDown(e){e.ctrlKey&&"Enter"===e.key&&(console.log("Ctrl+Enter 被按下"),this.sendMessage())}async sendMessage(){if(!this.chat.userInput){return this.errorText="内容不能为空",void(await this.toastCtrl.create({message:this.errorText,position:"top",icon:"alert",color:"warning-circle",duration:1e3})).present()}this.chat?.sendMessage(this.chat?.userInput,this.chat?.userImage,(e=>{}),{onSSMLComplete:e=>{console.log(e)}}),this.chat.userInput="",this.chat.userImage=""}async checkBalance(){if(!this.chatServ?.currentModel?.get("payLimit"))return!0;let e=await this.account.getBilling();if(e?.credit?.balance<10){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()}chatShareSuccessMessage(){this.messages.success("分享成功")}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:i1.NavController},{token:i2.Router},{token:i3.ImagineService},{token:i4.ChatService},{token:i2.ActivatedRoute},{token:i5.NzMessageService}],target:i0.ɵɵFactoryTarget.Component})}static{this.ɵcmp=i0.ɵɵngDeclareComponent({minVersion:"14.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}],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 shape="round" *ngIf="button.show()" fill="outline" [title]="button?.title" slot="start" (click)="button.onClick()">\n            <ion-icon [name]="button?.icon"></ion-icon>\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        <ion-button shape="round" *ngIf="chat?.messageList?.length>1" (click)="showShare()" fill="outline" title="分享" slot="start" routerLink="/chat/pro/mask">\n            <ion-icon name="share-social-outline"></ion-icon>\n        </ion-button>\n        \x3c!-- <button nz-button *ngIf="chat?.messageList?.length>1"\n         nzType="primary" title="分享" (click)="showShare()" style="width: 31.188px;height: 22px;box-shadow: none;background: #fff;border: 1px solid #4588ff;border-radius: 5px;"> <span class="iconfont icon-fenxiang" style="color: #4588ff;"></span></button>\n          --\x3e\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                <div 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                        <nz-avatar *ngIf="message?.role!=\'user\'" [nzSrc]="(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\'"></nz-avatar>\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        <nz-modal *ngIf="false"\n          [(nzVisible)]="isShare"\n          nzTitle="问答分享"\n          nzCentered\n          nzOkText="分享"\n          nzCancelText="取消"\n          (nzOnCancel)="handleCancelShare()"\n          (nzOnOk)="handleOkShare()"\n        >\n          <ng-container *nzModalContent>\n            <div 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                      <nz-avatar *ngIf="message?.role!=\'user\'" [nzSrc]="(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\'"></nz-avatar>\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          </ng-container>\n        </nz-modal>\n\n        \x3c!-- 图片 --\x3e\n        <ion-button shape="round" *ngIf="chatServ?.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         <ion-button shape="round" fill="outline" slot="end"  id="model-button">\n            <ion-icon name="chevron-down-outline"></ion-icon>\n            {{chatServ?.currentModel?.get&&chatServ?.currentModel?.get("name")||"飞码4.0"}}\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 chatServ.modelList">\n                        <ion-item (click)="chatServ.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    </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)="isAudioModal=true">\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 *ngIf="chat" (keydown)="onKeyDown($event)"\n          [errorText]="errorText"\n          [(ngModel)]="chat.userInput"\n          (ionFocus)="chat.isTexting=true"\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 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<ion-modal #audioModal [isOpen]="isAudioModal" (willDismiss)="closeAudio()" [initialBreakpoint]="0.35" [breakpoints]="[0, 0.35, 0.5]">\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>',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}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:i6.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{kind:"directive",type:i6.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{kind:"directive",type:i6.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{kind:"pipe",type:i6.DatePipe,name:"date"},{kind:"ngmodule",type:FormsModule},{kind:"directive",type:i7.NgControlStatus,selector:"[formControlName],[ngModel],[formControl]"},{kind:"directive",type:i7.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:"directive",type:i2.RouterLink,selector:"[routerLink]",inputs:["target","queryParams","fragment","queryParamsHandling","state","info","relativeTo","preserveFragment","skipLocationChange","replaceUrl","routerLink"]},{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:"ngmodule",type:NzModalModule},{kind:"component",type:i8.NzModalComponent,selector:"nz-modal",inputs:["nzMask","nzMaskClosable","nzCloseOnNavigation","nzVisible","nzClosable","nzOkLoading","nzOkDisabled","nzCancelDisabled","nzCancelLoading","nzKeyboard","nzNoAnimation","nzCentered","nzDraggable","nzContent","nzFooter","nzZIndex","nzWidth","nzWrapClassName","nzClassName","nzStyle","nzTitle","nzCloseIcon","nzMaskStyle","nzBodyStyle","nzOkText","nzCancelText","nzOkType","nzOkDanger","nzIconType","nzModalType","nzAutofocus","nzOnOk","nzOnCancel"],outputs:["nzOnOk","nzOnCancel","nzAfterOpen","nzAfterClose","nzVisibleChange"],exportAs:["nzModal"]},{kind:"directive",type:i8.NzModalContentDirective,selector:"[nzModalContent]",exportAs:["nzModalContent"]},{kind:"component",type:ModalAudioMessageComponent,selector:"fm-modal-audio-message",inputs:["chat","modal"]}]})}}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,NzModalModule,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 shape="round" *ngIf="button.show()" fill="outline" [title]="button?.title" slot="start" (click)="button.onClick()">\n            <ion-icon [name]="button?.icon"></ion-icon>\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        <ion-button shape="round" *ngIf="chat?.messageList?.length>1" (click)="showShare()" fill="outline" title="分享" slot="start" routerLink="/chat/pro/mask">\n            <ion-icon name="share-social-outline"></ion-icon>\n        </ion-button>\n        \x3c!-- <button nz-button *ngIf="chat?.messageList?.length>1"\n         nzType="primary" title="分享" (click)="showShare()" style="width: 31.188px;height: 22px;box-shadow: none;background: #fff;border: 1px solid #4588ff;border-radius: 5px;"> <span class="iconfont icon-fenxiang" style="color: #4588ff;"></span></button>\n          --\x3e\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                <div 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                        <nz-avatar *ngIf="message?.role!=\'user\'" [nzSrc]="(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\'"></nz-avatar>\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        <nz-modal *ngIf="false"\n          [(nzVisible)]="isShare"\n          nzTitle="问答分享"\n          nzCentered\n          nzOkText="分享"\n          nzCancelText="取消"\n          (nzOnCancel)="handleCancelShare()"\n          (nzOnOk)="handleOkShare()"\n        >\n          <ng-container *nzModalContent>\n            <div 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                      <nz-avatar *ngIf="message?.role!=\'user\'" [nzSrc]="(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\'"></nz-avatar>\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          </ng-container>\n        </nz-modal>\n\n        \x3c!-- 图片 --\x3e\n        <ion-button shape="round" *ngIf="chatServ?.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         <ion-button shape="round" fill="outline" slot="end"  id="model-button">\n            <ion-icon name="chevron-down-outline"></ion-icon>\n            {{chatServ?.currentModel?.get&&chatServ?.currentModel?.get("name")||"飞码4.0"}}\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 chatServ.modelList">\n                        <ion-item (click)="chatServ.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    </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)="isAudioModal=true">\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 *ngIf="chat" (keydown)="onKeyDown($event)"\n          [errorText]="errorText"\n          [(ngModel)]="chat.userInput"\n          (ionFocus)="chat.isTexting=true"\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 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<ion-modal #audioModal [isOpen]="isAudioModal" (willDismiss)="closeAudio()" [initialBreakpoint]="0.35" [breakpoints]="[0, 0.35, 0.5]">\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>',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}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:i1.NavController},{type:i2.Router},{type:i3.ImagineService},{type:i4.ChatService},{type:i2.ActivatedRoute},{type:i5.NzMessageService}],propDecorators:{audioComp:[{type:ViewChild,args:[ModalAudioMessageComponent]}],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/chat/comp-role-prompt/comp-role-prompt.component.mjs

@@ -5,6 +5,6 @@
      * 保留所有权利 All Rights Reserved.
      * /home/ryan/workspace/nova/nova-admin/dist/fmode-ng/esm2022/lib/aigc/chat/comp-role-prompt/comp-role-prompt.component.mjs
      */
-    import{Component,Input}from"@angular/core";import{FmodeChat}from"../../service-fmai/service-chat";import*as Parse from"parse";import{IonButton,IonLabel,IonModal,IonSegment,ModalController}from"@ionic/angular/standalone";import{CommonModule}from"@angular/common";import{NzIconModule}from"ng-zorro-antd/icon";import{FormsModule,ReactiveFormsModule}from"@angular/forms";import{CrossService}from"../../../platform/cross.service";import*as i0 from"@angular/core";import*as i1 from"../../../platform/cross.service";import*as i2 from"@ionic/angular/standalone";import*as i3 from"@angular/common";import*as i4 from"ng-zorro-antd/icon";export class CompRolePromptComponent{constructor(e,o){this.cross=e,this.modalController=o,this.role="",this.showModal=!1,this.cateIndex=0,this.company="E4KpGvTEto"}ngOnInit(){this.getChatPrompt()}applyPrompt(e){this.chat.userInput=e,"mobile"==this.cross?.navMenuType&&this.modalController.dismiss()}async getChatPrompt(){let e=new Parse.Query("ChatPrompt");e.notEqualTo("isDeleted",!0),e.equalTo("company",this.company),e.equalTo("role",this.role),e.include("role");let o=await e.find();this.chat.promptList=o,this.chat.promptList.forEach((e=>{let o=e.get("role").get("promptCates").filter((o=>o.name==e.get("cate")));e.img=o[0].img})),console.log(this.chat.promptList)}checkCate(e){this.cateIndex=e}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:CompRolePromptComponent,deps:[{token:i1.CrossService},{token:i2.ModalController}],target:i0.ɵɵFactoryTarget.Component})}static{this.ɵcmp=i0.ɵɵngDeclareComponent({minVersion:"14.0.0",version:"17.3.12",type:CompRolePromptComponent,isStandalone:!0,selector:"app-comp-role-prompt",inputs:{chat:"chat",role:"role"},providers:[ModalController],ngImport:i0,template:'<div class="prompt" *ngIf="cross?.navMenuType!=\'mobile\'">\n  <ng-container *ngFor="let content of chat?.promptList">\n    <div class="prompt_cate">\n      <div class="cate_info">\n        <div>\n          <img [src]="content.img" alt="">\n        </div>\n        <div class="cate_name">\n          {{content.get(\'cate\')}}\n        </div>\n      </div>\n      <ng-container *ngFor="let message of content.get(\'messageList\')">\n        <div class="message" (click)="applyPrompt(message)" nz-tooltip [nzTooltipTitle]="message"\n          nzTooltipColor="#108ee9">\n          {{message}}\n        </div>\n      </ng-container>\n    </div>\n  </ng-container>\n</div>\n<ng-container *ngIf="cross?.navMenuType==\'mobile\'">\n  <div class="prompt_mobile">\n    <ng-container *ngFor="let content of chat?.promptList">\n      <div class="prompt_cate">\n        <div class="cate_info">\n          <div>\n            <img [src]="content.img" alt="">\n          </div>\n          <div class="cate_name">\n            {{content.get(\'cate\')}}\n          </div>\n        </div>\n        <ng-container *ngFor="let message of content.get(\'messageList\');let idx = index">\n          <div *ngIf="idx<3" class="message" (click)="applyPrompt(message)" nz-tooltip [nzTooltipTitle]="message"\n            nzTooltipColor="#108ee9">\n            {{message}}\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div class="view_more" *ngIf="chat?.promptList?.length">\n    <button (click)="chat.isPromptModalOpen=true" expand="block">查看更多<span nz-icon nzType="right" nzTheme="outline"></span></button>\n  </div>\n  <ion-modal [isOpen]="chat.isPromptModalOpen" (willDismiss)="chat.isPromptModalOpen=false" [initialBreakpoint]="1" [breakpoints]="[0, 1]">\n    <ng-template>\n      <div class="block">\n        <ion-label>话题灵感</ion-label>\n        <div class="block_cate">\n          \x3c!-- <ion-segment [(ngModel)]="cateIndex">\n            <ng-container *ngFor="let prompt of chat?.promptList;let i = index">\n              <ion-segment-button value="i">\n                <ion-label>{{prompt?.get("cate")}}</ion-label>\n              </ion-segment-button>\n            </ng-container>\n          </ion-segment> --\x3e\n          <ng-container *ngFor="let prompt of chat?.promptList;let i = index">\n            <ion-button [color]="i==cateIndex?\'secondary\':\'light\'" (click)="checkCate(i)">{{prompt?.get("cate")}}</ion-button>\n            \x3c!-- <div [class]="i==cateIndex?\'active_cate\':\'\'" (click)="checkCate(i)">{{prompt?.get("cate")}}</div> --\x3e\n          </ng-container>\n        </div>\n        <div class="message_mobile">\n          <ng-container *ngFor="let message of chat?.promptList[cateIndex]?.get(\'messageList\')">\n            <div (click)="applyPrompt(message)">{{message}}</div>\n          </ng-container>\n        </div>\n      </div>\n    </ng-template>\n  </ion-modal>\n</ng-container>',styles:[":host-context(body.dark) .cate_info{color:#fff}:host-context(body.dark) ion-modal .block h4{color:#fff!important}.prompt{color:#000;display:flex;justify-content:space-between;align-items:flex-start}.prompt .prompt_cate{flex:1;height:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:center}.prompt .prompt_cate .cate_info{font-size:1.5em;font-weight:700}.prompt .prompt_cate .cate_info div img{width:58px;height:58px}.prompt .prompt_cate .cate_info .cate_name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.prompt .prompt_cate .message{padding:1em;margin:1em;background:#fff;border:1px solid #eef2f2;border-radius:12px;box-shadow:0 2px 8px #f5f6f8;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width: 390.4px){.prompt .prompt_cate .message{width:100px;height:64px;padding:unset;margin:.8em;background:#fff;border:1px solid #eef2f2;border-radius:12px;box-shadow:0 2px 8px #f5f6f8;cursor:pointer;overflow:hidden;white-space:pre-wrap;text-overflow:ellipsis}}.prompt_mobile{color:#000;display:flex;justify-content:space-between;align-items:flex-start}.prompt_mobile .prompt_cate{flex:1;height:inherit}.prompt_mobile .prompt_cate .cate_info{display:flex;justify-content:center;align-items:center;font-size:1.2em}.prompt_mobile .prompt_cate .cate_info div img{width:48px;height:48px}.prompt_mobile .prompt_cate .cate_info .cate_name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;margin-top:2vw}.prompt_mobile .prompt_cate .message{min-height:48px;padding:0 2vw;margin:4vw 1vw;background:#fff;border:1px solid #eef2f2;border-radius:12px;box-shadow:0 2px 8px #f5f6f8;cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.view_more{text-align:center;color:#999;margin:4vw 0}.view_more>button{background-color:transparent}.block{width:100%;height:80vh;padding:2vw}.block .block_cate{display:flex;justify-content:space-between}.block .message_mobile{overflow-y:auto;height:65vh;color:#000}.block .message_mobile>div{background-color:#fff;text-align:center;padding:3vw 0;margin:3vw 0;border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}ion-modal{--height: auto}\n"],dependencies:[{kind:"ngmodule",type:CommonModule},{kind:"directive",type:i3.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{kind:"directive",type:i3.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{kind:"ngmodule",type:FormsModule},{kind:"ngmodule",type:ReactiveFormsModule},{kind:"component",type:IonModal,selector:"ion-modal"},{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:IonLabel,selector:"ion-label",inputs:["color","mode","position"]},{kind:"ngmodule",type:NzIconModule},{kind:"directive",type:i4.NzIconDirective,selector:"[nz-icon]",inputs:["nzSpin","nzRotate","nzType","nzTheme","nzTwotoneColor","nzIconfont"],exportAs:["nzIcon"]}]})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:CompRolePromptComponent,decorators:[{type:Component,args:[{selector:"app-comp-role-prompt",standalone:!0,imports:[CommonModule,FormsModule,ReactiveFormsModule,IonModal,IonButton,IonSegment,IonLabel,NzIconModule],providers:[ModalController],template:'<div class="prompt" *ngIf="cross?.navMenuType!=\'mobile\'">\n  <ng-container *ngFor="let content of chat?.promptList">\n    <div class="prompt_cate">\n      <div class="cate_info">\n        <div>\n          <img [src]="content.img" alt="">\n        </div>\n        <div class="cate_name">\n          {{content.get(\'cate\')}}\n        </div>\n      </div>\n      <ng-container *ngFor="let message of content.get(\'messageList\')">\n        <div class="message" (click)="applyPrompt(message)" nz-tooltip [nzTooltipTitle]="message"\n          nzTooltipColor="#108ee9">\n          {{message}}\n        </div>\n      </ng-container>\n    </div>\n  </ng-container>\n</div>\n<ng-container *ngIf="cross?.navMenuType==\'mobile\'">\n  <div class="prompt_mobile">\n    <ng-container *ngFor="let content of chat?.promptList">\n      <div class="prompt_cate">\n        <div class="cate_info">\n          <div>\n            <img [src]="content.img" alt="">\n          </div>\n          <div class="cate_name">\n            {{content.get(\'cate\')}}\n          </div>\n        </div>\n        <ng-container *ngFor="let message of content.get(\'messageList\');let idx = index">\n          <div *ngIf="idx<3" class="message" (click)="applyPrompt(message)" nz-tooltip [nzTooltipTitle]="message"\n            nzTooltipColor="#108ee9">\n            {{message}}\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <div class="view_more" *ngIf="chat?.promptList?.length">\n    <button (click)="chat.isPromptModalOpen=true" expand="block">查看更多<span nz-icon nzType="right" nzTheme="outline"></span></button>\n  </div>\n  <ion-modal [isOpen]="chat.isPromptModalOpen" (willDismiss)="chat.isPromptModalOpen=false" [initialBreakpoint]="1" [breakpoints]="[0, 1]">\n    <ng-template>\n      <div class="block">\n        <ion-label>话题灵感</ion-label>\n        <div class="block_cate">\n          \x3c!-- <ion-segment [(ngModel)]="cateIndex">\n            <ng-container *ngFor="let prompt of chat?.promptList;let i = index">\n              <ion-segment-button value="i">\n                <ion-label>{{prompt?.get("cate")}}</ion-label>\n              </ion-segment-button>\n            </ng-container>\n          </ion-segment> --\x3e\n          <ng-container *ngFor="let prompt of chat?.promptList;let i = index">\n            <ion-button [color]="i==cateIndex?\'secondary\':\'light\'" (click)="checkCate(i)">{{prompt?.get("cate")}}</ion-button>\n            \x3c!-- <div [class]="i==cateIndex?\'active_cate\':\'\'" (click)="checkCate(i)">{{prompt?.get("cate")}}</div> --\x3e\n          </ng-container>\n        </div>\n        <div class="message_mobile">\n          <ng-container *ngFor="let message of chat?.promptList[cateIndex]?.get(\'messageList\')">\n            <div (click)="applyPrompt(message)">{{message}}</div>\n          </ng-container>\n        </div>\n      </div>\n    </ng-template>\n  </ion-modal>\n</ng-container>',styles:[":host-context(body.dark) .cate_info{color:#fff}:host-context(body.dark) ion-modal .block h4{color:#fff!important}.prompt{color:#000;display:flex;justify-content:space-between;align-items:flex-start}.prompt .prompt_cate{flex:1;height:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:center}.prompt .prompt_cate .cate_info{font-size:1.5em;font-weight:700}.prompt .prompt_cate .cate_info div img{width:58px;height:58px}.prompt .prompt_cate .cate_info .cate_name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.prompt .prompt_cate .message{padding:1em;margin:1em;background:#fff;border:1px solid #eef2f2;border-radius:12px;box-shadow:0 2px 8px #f5f6f8;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width: 390.4px){.prompt .prompt_cate .message{width:100px;height:64px;padding:unset;margin:.8em;background:#fff;border:1px solid #eef2f2;border-radius:12px;box-shadow:0 2px 8px #f5f6f8;cursor:pointer;overflow:hidden;white-space:pre-wrap;text-overflow:ellipsis}}.prompt_mobile{color:#000;display:flex;justify-content:space-between;align-items:flex-start}.prompt_mobile .prompt_cate{flex:1;height:inherit}.prompt_mobile .prompt_cate .cate_info{display:flex;justify-content:center;align-items:center;font-size:1.2em}.prompt_mobile .prompt_cate .cate_info div img{width:48px;height:48px}.prompt_mobile .prompt_cate .cate_info .cate_name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;margin-top:2vw}.prompt_mobile .prompt_cate .message{min-height:48px;padding:0 2vw;margin:4vw 1vw;background:#fff;border:1px solid #eef2f2;border-radius:12px;box-shadow:0 2px 8px #f5f6f8;cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.view_more{text-align:center;color:#999;margin:4vw 0}.view_more>button{background-color:transparent}.block{width:100%;height:80vh;padding:2vw}.block .block_cate{display:flex;justify-content:space-between}.block .message_mobile{overflow-y:auto;height:65vh;color:#000}.block .message_mobile>div{background-color:#fff;text-align:center;padding:3vw 0;margin:3vw 0;border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}ion-modal{--height: auto}\n"]}]}],ctorParameters:()=>[{type:i1.CrossService},{type:i2.ModalController}],propDecorators:{chat:[{type:Input}],role:[{type:Input}]}});
+    import{Component,Input}from"@angular/core";import{FmodeChat}from"../../service-fmai/service-chat";import*as Parse from"parse";import{IonButton,IonLabel,IonModal,IonSegment,ModalController}from"@ionic/angular/standalone";import{CommonModule}from"@angular/common";import{NzIconModule}from"ng-zorro-antd/icon";import{FormsModule,ReactiveFormsModule}from"@angular/forms";import{CrossService}from"../../../platform/cross.service";import*as i0 from"@angular/core";import*as i1 from"../../../platform/cross.service";import*as i2 from"@ionic/angular/standalone";import*as i3 from"@angular/common";import*as i4 from"ng-zorro-antd/icon";export class CompRolePromptComponent{constructor(e,o){this.cross=e,this.modalController=o,this.role="",this.showModal=!1,this.cateIndex=0,this.company="E4KpGvTEto"}ngOnInit(){this.getChatPrompt()}applyPrompt(e){this.chat.userInput=e,"mobile"==this.cross?.navMenuType&&this.modalController.dismiss()}async getChatPrompt(){let e=new Parse.Query("ChatPrompt");e.notEqualTo("isDeleted",!0),e.equalTo("company",this.company),e.equalTo("role",this.role),e.include("role");let o=await e.find();this.chat.promptList=o,this.chat.promptList.forEach((e=>{let o=e.get("role").get("promptCates").filter((o=>o.name==e.get("cate")));e.img=o[0].img})),console.log(this.chat.promptList)}checkCate(e){this.cateIndex=e}static{this.ɵfac=i0.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:CompRolePromptComponent,deps:[{token:i1.CrossService},{token:i2.ModalController}],target:i0.ɵɵFactoryTarget.Component})}static{this.ɵcmp=i0.ɵɵngDeclareComponent({minVersion:"14.0.0",version:"17.3.12",type:CompRolePromptComponent,isStandalone:!0,selector:"app-comp-role-prompt",inputs:{chat:"chat",role:"role"},providers:[ModalController],ngImport:i0,template:'<ng-container *ngIf="chat?.messageList?.length<=1 && !chat?.userInput">\n  <div class="prompt" *ngIf="cross?.navMenuType!=\'mobile\'">\n    <ng-container *ngFor="let content of chat?.promptList">\n      <div class="prompt_cate">\n        <div class="cate_info">\n          <div>\n            <img [src]="content.img" alt="">\n          </div>\n          <div class="cate_name">\n            {{content.get(\'cate\')}}\n          </div>\n        </div>\n        <ng-container *ngFor="let message of content.get(\'messageList\')">\n          <div class="message" (click)="applyPrompt(message)" nz-tooltip [nzTooltipTitle]="message"\n            nzTooltipColor="#108ee9">\n            {{message}}\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <ng-container *ngIf="cross?.navMenuType==\'mobile\'">\n    <div class="prompt_mobile">\n      <ng-container *ngFor="let content of chat?.promptList">\n        <div class="prompt_cate">\n          <div class="cate_info">\n            <div>\n              <img [src]="content.img" alt="">\n            </div>\n            <div class="cate_name">\n              {{content.get(\'cate\')}}\n            </div>\n          </div>\n          <ng-container *ngFor="let message of content.get(\'messageList\');let idx = index">\n            <div *ngIf="idx<3" class="message" (click)="applyPrompt(message)" nz-tooltip [nzTooltipTitle]="message"\n              nzTooltipColor="#108ee9">\n              {{message}}\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n    </div>\n    <div class="view_more" *ngIf="chat?.promptList?.length">\n      <button (click)="chat.isPromptModalOpen=true" expand="block">查看更多<span nz-icon nzType="right" nzTheme="outline"></span></button>\n    </div>\n</ng-container>\n\n\n  <ion-modal [isOpen]="chat.isPromptModalOpen" (willDismiss)="chat.isPromptModalOpen=false" [initialBreakpoint]="1" [breakpoints]="[0, 1]">\n    <ng-template>\n      <div class="block">\n        <ion-label>话题灵感</ion-label>\n        <div class="block_cate">\n          \x3c!-- <ion-segment [(ngModel)]="cateIndex">\n            <ng-container *ngFor="let prompt of chat?.promptList;let i = index">\n              <ion-segment-button value="i">\n                <ion-label>{{prompt?.get("cate")}}</ion-label>\n              </ion-segment-button>\n            </ng-container>\n          </ion-segment> --\x3e\n          <ng-container *ngFor="let prompt of chat?.promptList;let i = index">\n            <ion-button [color]="i==cateIndex?\'secondary\':\'light\'" (click)="checkCate(i)">{{prompt?.get("cate")}}</ion-button>\n            \x3c!-- <div [class]="i==cateIndex?\'active_cate\':\'\'" (click)="checkCate(i)">{{prompt?.get("cate")}}</div> --\x3e\n          </ng-container>\n        </div>\n        <div class="message_mobile">\n          <ng-container *ngFor="let message of chat?.promptList[cateIndex]?.get(\'messageList\')">\n            <div (click)="applyPrompt(message)">{{message}}</div>\n          </ng-container>\n        </div>\n      </div>\n    </ng-template>\n  </ion-modal>\n</ng-container>',styles:[":host-context(body.dark) .cate_info{color:#fff}:host-context(body.dark) ion-modal .block h4{color:#fff!important}.prompt{color:#000;display:flex;justify-content:space-between;align-items:flex-start}.prompt .prompt_cate{flex:1;height:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:center}.prompt .prompt_cate .cate_info{font-size:1.5em;font-weight:700}.prompt .prompt_cate .cate_info div img{width:58px;height:58px}.prompt .prompt_cate .cate_info .cate_name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.prompt .prompt_cate .message{padding:1em;margin:1em;background:#fff;border:1px solid #eef2f2;border-radius:12px;box-shadow:0 2px 8px #f5f6f8;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width: 390.4px){.prompt .prompt_cate .message{width:100px;height:64px;padding:unset;margin:.8em;background:#fff;border:1px solid #eef2f2;border-radius:12px;box-shadow:0 2px 8px #f5f6f8;cursor:pointer;overflow:hidden;white-space:pre-wrap;text-overflow:ellipsis}}.prompt_mobile{color:#000;display:flex;justify-content:space-between;align-items:flex-start}.prompt_mobile .prompt_cate{flex:1;height:inherit}.prompt_mobile .prompt_cate .cate_info{display:flex;justify-content:center;align-items:center;font-size:1.2em}.prompt_mobile .prompt_cate .cate_info div img{width:48px;height:48px}.prompt_mobile .prompt_cate .cate_info .cate_name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;margin-top:2vw}.prompt_mobile .prompt_cate .message{min-height:48px;padding:0 2vw;margin:4vw 1vw;background:#fff;border:1px solid #eef2f2;border-radius:12px;box-shadow:0 2px 8px #f5f6f8;cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.view_more{text-align:center;color:#999;margin:4vw 0}.view_more>button{background-color:transparent}.block{width:100%;height:80vh;padding:2vw}.block .block_cate{display:flex;justify-content:space-between}.block .message_mobile{overflow-y:auto;height:65vh;color:#000}.block .message_mobile>div{background-color:#fff;text-align:center;padding:3vw 0;margin:3vw 0;border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}ion-modal{--height: auto}\n"],dependencies:[{kind:"ngmodule",type:CommonModule},{kind:"directive",type:i3.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{kind:"directive",type:i3.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{kind:"ngmodule",type:FormsModule},{kind:"ngmodule",type:ReactiveFormsModule},{kind:"component",type:IonModal,selector:"ion-modal"},{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:IonLabel,selector:"ion-label",inputs:["color","mode","position"]},{kind:"ngmodule",type:NzIconModule},{kind:"directive",type:i4.NzIconDirective,selector:"[nz-icon]",inputs:["nzSpin","nzRotate","nzType","nzTheme","nzTwotoneColor","nzIconfont"],exportAs:["nzIcon"]}]})}}i0.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"17.3.12",ngImport:i0,type:CompRolePromptComponent,decorators:[{type:Component,args:[{selector:"app-comp-role-prompt",standalone:!0,imports:[CommonModule,FormsModule,ReactiveFormsModule,IonModal,IonButton,IonSegment,IonLabel,NzIconModule],providers:[ModalController],template:'<ng-container *ngIf="chat?.messageList?.length<=1 && !chat?.userInput">\n  <div class="prompt" *ngIf="cross?.navMenuType!=\'mobile\'">\n    <ng-container *ngFor="let content of chat?.promptList">\n      <div class="prompt_cate">\n        <div class="cate_info">\n          <div>\n            <img [src]="content.img" alt="">\n          </div>\n          <div class="cate_name">\n            {{content.get(\'cate\')}}\n          </div>\n        </div>\n        <ng-container *ngFor="let message of content.get(\'messageList\')">\n          <div class="message" (click)="applyPrompt(message)" nz-tooltip [nzTooltipTitle]="message"\n            nzTooltipColor="#108ee9">\n            {{message}}\n          </div>\n        </ng-container>\n      </div>\n    </ng-container>\n  </div>\n  <ng-container *ngIf="cross?.navMenuType==\'mobile\'">\n    <div class="prompt_mobile">\n      <ng-container *ngFor="let content of chat?.promptList">\n        <div class="prompt_cate">\n          <div class="cate_info">\n            <div>\n              <img [src]="content.img" alt="">\n            </div>\n            <div class="cate_name">\n              {{content.get(\'cate\')}}\n            </div>\n          </div>\n          <ng-container *ngFor="let message of content.get(\'messageList\');let idx = index">\n            <div *ngIf="idx<3" class="message" (click)="applyPrompt(message)" nz-tooltip [nzTooltipTitle]="message"\n              nzTooltipColor="#108ee9">\n              {{message}}\n            </div>\n          </ng-container>\n        </div>\n      </ng-container>\n    </div>\n    <div class="view_more" *ngIf="chat?.promptList?.length">\n      <button (click)="chat.isPromptModalOpen=true" expand="block">查看更多<span nz-icon nzType="right" nzTheme="outline"></span></button>\n    </div>\n</ng-container>\n\n\n  <ion-modal [isOpen]="chat.isPromptModalOpen" (willDismiss)="chat.isPromptModalOpen=false" [initialBreakpoint]="1" [breakpoints]="[0, 1]">\n    <ng-template>\n      <div class="block">\n        <ion-label>话题灵感</ion-label>\n        <div class="block_cate">\n          \x3c!-- <ion-segment [(ngModel)]="cateIndex">\n            <ng-container *ngFor="let prompt of chat?.promptList;let i = index">\n              <ion-segment-button value="i">\n                <ion-label>{{prompt?.get("cate")}}</ion-label>\n              </ion-segment-button>\n            </ng-container>\n          </ion-segment> --\x3e\n          <ng-container *ngFor="let prompt of chat?.promptList;let i = index">\n            <ion-button [color]="i==cateIndex?\'secondary\':\'light\'" (click)="checkCate(i)">{{prompt?.get("cate")}}</ion-button>\n            \x3c!-- <div [class]="i==cateIndex?\'active_cate\':\'\'" (click)="checkCate(i)">{{prompt?.get("cate")}}</div> --\x3e\n          </ng-container>\n        </div>\n        <div class="message_mobile">\n          <ng-container *ngFor="let message of chat?.promptList[cateIndex]?.get(\'messageList\')">\n            <div (click)="applyPrompt(message)">{{message}}</div>\n          </ng-container>\n        </div>\n      </div>\n    </ng-template>\n  </ion-modal>\n</ng-container>',styles:[":host-context(body.dark) .cate_info{color:#fff}:host-context(body.dark) ion-modal .block h4{color:#fff!important}.prompt{color:#000;display:flex;justify-content:space-between;align-items:flex-start}.prompt .prompt_cate{flex:1;height:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;justify-content:center}.prompt .prompt_cate .cate_info{font-size:1.5em;font-weight:700}.prompt .prompt_cate .cate_info div img{width:58px;height:58px}.prompt .prompt_cate .cate_info .cate_name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.prompt .prompt_cate .message{padding:1em;margin:1em;background:#fff;border:1px solid #eef2f2;border-radius:12px;box-shadow:0 2px 8px #f5f6f8;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width: 390.4px){.prompt .prompt_cate .message{width:100px;height:64px;padding:unset;margin:.8em;background:#fff;border:1px solid #eef2f2;border-radius:12px;box-shadow:0 2px 8px #f5f6f8;cursor:pointer;overflow:hidden;white-space:pre-wrap;text-overflow:ellipsis}}.prompt_mobile{color:#000;display:flex;justify-content:space-between;align-items:flex-start}.prompt_mobile .prompt_cate{flex:1;height:inherit}.prompt_mobile .prompt_cate .cate_info{display:flex;justify-content:center;align-items:center;font-size:1.2em}.prompt_mobile .prompt_cate .cate_info div img{width:48px;height:48px}.prompt_mobile .prompt_cate .cate_info .cate_name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;margin-top:2vw}.prompt_mobile .prompt_cate .message{min-height:48px;padding:0 2vw;margin:4vw 1vw;background:#fff;border:1px solid #eef2f2;border-radius:12px;box-shadow:0 2px 8px #f5f6f8;cursor:pointer;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis}.view_more{text-align:center;color:#999;margin:4vw 0}.view_more>button{background-color:transparent}.block{width:100%;height:80vh;padding:2vw}.block .block_cate{display:flex;justify-content:space-between}.block .message_mobile{overflow-y:auto;height:65vh;color:#000}.block .message_mobile>div{background-color:#fff;text-align:center;padding:3vw 0;margin:3vw 0;border-radius:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}ion-modal{--height: auto}\n"]}]}],ctorParameters:()=>[{type:i1.CrossService},{type:i2.ModalController}],propDecorators:{chat:[{type:Input}],role:[{type:Input}]}});
 var MODULE_PATH_NEED = `6K+l5paH5Lu25piv5pys6aG555uu55qE5LiA6YOo5YiGIFRoaXMgZmlsZSBpcyBwYXJ0IG9mIHRoZSBDb21wb25lbnRzIGluIEZtb2RlIEluYy4KICAgIOeJiOadg+aJgOaciSDCqSDmnKrmnaXpo57pqawgwqkg5rGf6KW/6ISR5o6n56eR5oqA5pyJ6ZmQ5YWs5Y+4IENvcHlyaWdodCDCqSBGbW9kZSBUZWNobm9sb2d5IENvLiwgTHRkLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCBSaWdodHMgUmVzZXJ2ZWQuCiAgICDkuKXnpoHlnKjmnKrnu4/mjojmnYPnmoTmg4XlhrXkuIvvvIzpgJrov4fku7vkvZXlqpLku4vlpI3liLbmraTmlofku7YgVW5hdXRob3JpemVkIGNvcHlpbmcgb2YgdGhpcyBmaWxlLCB2aWEgYW55IG1lZGl1bSBpcyBzdHJpY3RseSBwcm9oaWJpdGVkCiAgICDor6Xmlofku7bmmK/kuJPmnInnmoTmnLrlr4bmlofku7YgUHJvcHJpZXRhcnkgYW5kIGNvbmZpZGVudGlhbAogICAKICAgIENvcHlyaWdodCAyMDIxLW5vdyBGbW9kZSBJbmMuIHN1cHBvcnRAZm1vZGUuY24uIDE4NjA3MDA3MDczLgogICAg5L+d55WZ5omA5pyJ5p2D5YipIEFsbCByaWdodHMgcmVzZXJ2ZWQuCgogICAgUEFUSDovaG9tZS9yeWFuL3dvcmtzcGFjZS9ub3ZhL25vdmEtYWRtaW4vZGlzdC9mbW9kZS1uZy9lc20yMDIyL2xpYi9haWdjL2NoYXQvY29tcC1yb2xlLXByb21wdC9jb21wLXJvbGUtcHJvbXB0LmNvbXBvbmVudC5tanM=`