centaline-data-driven-v3 0.0.78 → 0.0.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "centaline-data-driven-v3",
-  "version": "0.0.78",
+  "version": "0.0.79",
   "private": false,
   "description": "centaline-data-driven-v3",
   "main": "dist/centaline-data-driven-v3.umd.js",

package/src/components/web/AIChat.vue

@@ -298,7 +298,7 @@ const fetchAIResponse = async (params) => {
             function read() {
                 if (isStopped) {
                     // 如果停止标志为 true，直接返回
-                    outtext.value += "用户停止"
+                    outtext.value += "\n\n用户停止"
                     startTypingEffect(outtext.value);
                     outtext.value = '';
                     resolve();
@@ -336,6 +336,8 @@ const fetchAIResponse = async (params) => {
         });
     }).then(() => {
         // 在所有行处理完毕后执行 startTypingEffect
+
+
         startTypingEffect(outtext.value);
         outtext.value = '';
     }).catch(error => {
@@ -418,6 +420,11 @@ const handleStreamEvent = (eventData: StreamEventData) => {
     }
 }
 
+const getTemplateType= (fullText)=>{ 
+
+
+
+}
 
 
 function startTypingEffect(fullText) {

package/src/components/web/Form.vue

@@ -83,7 +83,7 @@
                                     <template #title>
                                         <i class="sign"></i>
                                         <span :class="[item.required ? 'requiredLabel' : '']">{{ item.controlLabel
-                                            }}</span>
+                                        }}</span>
                                         <span v-html="item.sufLabel1"></span>
                                     </template>
 
@@ -137,7 +137,7 @@
                         </el-row>
                         <el-row v-if="model.buttons.findIndex((v) => { return v.show }) > -1"
                             :class="isScroll ? 'button-absolute' : 'button-initial'"
-                            :style="[ 'max-width:' + buttonsWidth(), isWebScroll ? 'position: fixed;' : '']">
+                            :style="['max-width:' + buttonsWidth(), isWebScroll ? 'position: fixed;' : '']">
                             <el-col :span="24"
                                 style="text-align:center;padding-bottom: 1px;padding-left: 5px;padding-right: 5px;"
                                 class="btnPadBom">
@@ -145,12 +145,7 @@
                                     <component :is="btn.is" :vmodel="btn" v-if="btn.show" @fieldClick="clickHandler"
                                         :style="{ 'float': btn.isCheckbox ? btn.alignCss : '' }"></component>
                                 </template>
-                                <template v-if="model.AIattr.showAI&&!showAI">
-                                    <component :is="model.AIRouter.is" :vmodel="model.AIRouter"
-                                        v-if="model.AIRouter.show" @fieldClick="AIToggle" 
-                                        :style="{ 'float': model.AIRouter.isCheckbox ? model.AIRouter.alignCss : '' }">
-                                    </component>
-                                </template>
+
                             </el-col>
                         </el-row>
                         <div v-if="isScroll && model.buttons.findIndex((v) => { return v.show }) > -1"
@@ -158,24 +153,40 @@
                         </div>
                     </component>
                 </div>
+
+
             </div>
-            <template v-if=" model?.AIattr?.showAI ">
+            <template v-if="model?.AIattr?.showAI">
                 <div :style="{ flex: ' 0 0 ' + model.AIattr.width + 'px', 'box-shadow': '-10px 0 5px -9px rgba(0, 0, 0, 0.3)' }"
-                v-show="showAI">
-                <div :style="{ position: 'sticky', top: '0', height: dialogHeight + 'px', overflow: 'hidden','border-bottom-right-radius': '4px' }">
-                    <AIChat :height="dialogHeight"
-                        :style="{ position: 'sticky', top: '0', height: dialogHeight + 'px' }"
-                        :vmodel="model.AIModel" :actionRouter="model.actionRouters" :form="model"
-                        @hideAI="AIToggle" >
+                    v-show="showAI">
+                    <div
+                        :style="{ position: 'sticky', top: '0', height: dialogHeight + 'px', overflow: 'hidden', 'border-bottom-right-radius': '4px' }">
+                        <AIChat :height="dialogHeight"
+                            :style="{ position: 'sticky', top: '0', height: dialogHeight + 'px' }"
+                            :vmodel="model.AIModel" :actionRouter="model.actionRouters" :form="model"
+                            @hideAI="AIToggle">
 
-                    </AIChat>
+                        </AIChat>
+                    </div>
                 </div>
-            </div>
             </template>
-          
+
         </div>
+        <template v-if="model?.AIattr?.showAI && !showAI">
+            <div class="btn-avatar" @click="AIToggle"
+                :style="{ 'float': model.AIRouter.isCheckbox ? model.AIRouter.alignCss : '' }">
+                <img class="avatar-img" :src="util.getAssetsImage('AIChat.png')" :alt="model?.AIRouter.controlLabel"
+                    :title="model?.AIRouter.controlLabel">
+            </div>
+
+            <!-- <component :is="model.AIRouter.is" :vmodel="model.AIRouter"
+                                        v-if="model.AIRouter.show" @fieldClick="AIToggle"
+                                        :style="{ 'float': model.AIRouter.isCheckbox ? model.AIRouter.alignCss : '' }">
+                                    </component> -->
+        </template>
         <div style="min-height:200px" v-if="loading"></div>
         <iframe :src="downloadUrl" style="height:0px;width:0px;border-width: 0px;display: none;"> </iframe>
+
     </div>
 </template>
 <script lang="ts" setup>
@@ -185,6 +196,7 @@ import common from '../../utils/common'
 import Form from '../../loader/src/Form'
 import { ElMessage } from 'element-plus'
 import { useRouter } from 'vue-router';
+import util from '../../utils/pub-use'
 import Enum from '../../utils/Enum';
 import AIChat from '../web/AIChat.vue';
 const emit = defineEmits(['loaded', 'failLoad', 'submit', 'AIToggle'])
@@ -313,21 +325,20 @@ const showAI = ref(false);
 const dialogHeight = ref(props.dialogHeight || (window.innerHeight - 60));
 
 function AIToggle() {
-    showAI.value =!showAI.value;
+    showAI.value = !showAI.value;
     let width = model.value.AIattr.width;
     dialogHeight.value = (props.dialogHeight || (window.innerHeight - 60));
     emit('AIToggle', (showAI.value ? width : -width));
 }
 
- 
+
 function buttonsWidth() {
     let rtn = '100%';
     if (showAI.value) {
-        rtn = props.dialoWidth -model.value.AIattr.width-4+ 'px';
+        rtn = props.dialoWidth - model.value.AIattr.width - 4 + 'px';
     }
-    else if(props.pageWidth)
-    {
-        rtn =   props.pageWidth - 20+ 'px';
+    else if (props.pageWidth) {
+        rtn = props.pageWidth - 20 + 'px';
 
     }
     return rtn;
@@ -638,4 +649,41 @@ function setCss() {
         minHeight.value = (document.documentElement.clientHeight - props.topHeight - 20) + 'px';
     }
 }
-</script>
+</script>
+
+<style scoped>
+.btn-avatar {
+    height: 50px;
+
+    position: absolute;
+    display: inline-flex;
+    justify-content: center;
+    padding: 0px 5px;
+    bottom: 0px;
+    right: 0px;
+    cursor: pointer;
+    z-index: 1000;
+}
+
+.avatar-img {
+    height: 50px;
+    animation: bounce 0.5s infinite ease-in-out;
+    /* 使用ease-in-out让动画更平滑 */
+}
+
+@keyframes bounce {
+    0% {
+        transform: translateY(0);
+    }
+
+    50% {
+        transform: translateY(-10px);
+        /* 中间位置向上移动10像素 */
+    }
+
+    100% {
+        transform: translateY(0);
+        /* 回到初始位置 */
+    }
+}
+</style>