1 |
- {"ast":null,"code":"import { __decorate } from \"tslib\";\nimport { Component } from '@angular/core';\nimport { IonButton, IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular';\n/** 引用:从fmode-ng库引用FmodeChatCompletion类 */\nimport { FmodeChatCompletion } from 'fmode-ng';\nlet Tab2Page = class Tab2Page {\n constructor() {\n // 用户输入提示词\n this.userPrompt = \"飞码产品LOGO,独角兽头部形象,极简风格,棱角分明,线条勾勒,蓝色紫色搭配。\";\n // 属性:组件内用于展示消息内容的变量\n this.responseMsg = \"\";\n }\n ngOnInit() {}\n promptInput(ev) {\n this.userPrompt = ev.detail.value;\n }\n // 方法:实例化completion对象,传入消息数组,并订阅生成的可观察对象。\n sendMessage() {\n console.log(\"create\");\n let completion = new FmodeChatCompletion([{\n role: \"system\",\n content: \"\"\n }, {\n role: \"user\",\n content: this.userPrompt\n }]);\n completion.sendCompletion().subscribe(message => {\n // 打印消息体\n console.log(message.content);\n // 赋值消息内容给组件内属性\n this.responseMsg = message.content;\n });\n }\n};\nTab2Page = __decorate([Component({\n selector: 'app-tab2',\n templateUrl: 'tab2.page.html',\n styleUrls: ['tab2.page.scss'],\n standalone: true,\n imports: [IonHeader, IonToolbar, IonTitle, IonContent, IonButton]\n})], Tab2Page);\nexport { Tab2Page };","map":{"version":3,"names":["Component","IonButton","IonContent","IonHeader","IonTitle","IonToolbar","FmodeChatCompletion","Tab2Page","constructor","userPrompt","responseMsg","ngOnInit","promptInput","ev","detail","value","sendMessage","console","log","completion","role","content","sendCompletion","subscribe","message","__decorate","selector","templateUrl","styleUrls","standalone","imports"],"sources":["F:\\workspace\\202226701027\\huinongbao-app\\src\\app\\tab2\\tab2.page.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { IonButton, IonContent, IonHeader, IonTitle, IonToolbar } from '@ionic/angular';\n/** 引用:从fmode-ng库引用FmodeChatCompletion类 */\nimport { FmodeChatCompletion } from 'fmode-ng';\n\n\n@Component({\n selector: 'app-tab2',\n templateUrl: 'tab2.page.html',\n styleUrls: ['tab2.page.scss'],\n standalone: true,\n imports: [IonHeader, IonToolbar, IonTitle, IonContent, IonButton],\n})\nexport class Tab2Page implements OnInit {\n\n constructor() {}\n\n ngOnInit() {}\n // 用户输入提示词\n userPrompt:string = \"飞码产品LOGO,独角兽头部形象,极简风格,棱角分明,线条勾勒,蓝色紫色搭配。\"\n promptInput(ev:any){\n this.userPrompt = ev.detail.value;\n }\n // 属性:组件内用于展示消息内容的变量\n responseMsg:any = \"\"\n // 方法:实例化completion对象,传入消息数组,并订阅生成的可观察对象。\n sendMessage(){\n console.log(\"create\")\n let completion = new FmodeChatCompletion([\n {role:\"system\",content:\"\"},\n {role:\"user\",content:this.userPrompt}\n ])\n completion.sendCompletion().subscribe(message=>{\n // 打印消息体\n console.log(message.content)\n // 赋值消息内容给组件内属性\n this.responseMsg = message.content\n })\n\n }\n}\n"],"mappings":";AAAA,SAASA,SAAS,QAAgB,eAAe;AACjD,SAASC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,UAAU,QAAQ,gBAAgB;AACvF;AACA,SAASC,mBAAmB,QAAQ,UAAU;AAUvC,IAAMC,QAAQ,GAAd,MAAMA,QAAQ;EAEnBC,YAAA;IAGA;IACC,KAAAC,UAAU,GAAU,yCAAyC;IAI9D;IACA,KAAAC,WAAW,GAAO,EAAE;EATL;EAEfC,QAAQA,CAAA,GAAI;EAGZC,WAAWA,CAACC,EAAM;IAChB,IAAI,CAACJ,UAAU,GAAGI,EAAE,CAACC,MAAM,CAACC,KAAK;EACnC;EAGA;EACAC,WAAWA,CAAA;IACTC,OAAO,CAACC,GAAG,CAAC,QAAQ,CAAC;IACrB,IAAIC,UAAU,GAAG,IAAIb,mBAAmB,CAAC,CACvC;MAACc,IAAI,EAAC,QAAQ;MAACC,OAAO,EAAC;IAAE,CAAC,EAC1B;MAACD,IAAI,EAAC,MAAM;MAACC,OAAO,EAAC,IAAI,CAACZ;IAAU,CAAC,CACtC,CAAC;IACFU,UAAU,CAACG,cAAc,EAAE,CAACC,SAAS,CAACC,OAAO,IAAE;MAC7C;MACAP,OAAO,CAACC,GAAG,CAACM,OAAO,CAACH,OAAO,CAAC;MAC5B;MACA,IAAI,CAACX,WAAW,GAAGc,OAAO,CAACH,OAAO;IACpC,CAAC,CAAC;EAEJ;CACD;AA3BYd,QAAQ,GAAAkB,UAAA,EAPpBzB,SAAS,CAAC;EACT0B,QAAQ,EAAE,UAAU;EACpBC,WAAW,EAAE,gBAAgB;EAC7BC,SAAS,EAAE,CAAC,gBAAgB,CAAC;EAC7BC,UAAU,EAAE,IAAI;EAChBC,OAAO,EAAE,CAAC3B,SAAS,EAAEE,UAAU,EAAED,QAAQ,EAAEF,UAAU,EAAED,SAAS;CACjE,CAAC,C,EACWM,QAAQ,CA2BpB","ignoreList":[]},"metadata":{},"sourceType":"module","externalDependencies":[]}
|