feat: modify review

opentiny · Feb 27, 2025 · 75728cc · 75728cc
1 parent db10ac4
commit 75728cc
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 28 deletions.
diff --git a/packages/plugins/robot/src/Main.vue b/packages/plugins/robot/src/Main.vue
@@ -28,9 +28,9 @@
               <robotSettingPopover
                 v-if="showPopover"
                 :typeValue="selectedModel"
-                @changeType="changeModel"
                 :tokenValue="tokenValue"
-                @active="activeSetting('props')"
+                @changeType="changeModel"
+                @close="closePanel"
               ></robotSettingPopover>
               <template #reference>
                 <span class="chat-title-dropdown" @click.stop="showPopover = true">
@@ -114,19 +114,19 @@
 
 <script>
 import { ref, onMounted, watchEffect } from 'vue'
-import { Layout, Row, Col, Button, Input, Notify, Loading, Popover as TinyPopover } from '@opentiny/vue'
+import { TinyLayout, TinyRow, TinyCol, TinyButton, TinyInput, Notify, Loading, TinyPopover } from '@opentiny/vue'
 import { useCanvas, useHistory, usePage, useModal, getMetaApi, META_SERVICE } from '@opentiny/tiny-engine-meta-register'
 import { extend } from '@opentiny/vue-renderless/common/object'
 import robotSettingPopover from './robotSettingPopover.vue'
 import { getBlockContent, initBlockList, AIModelOptions } from './js/robotSetting'
 
 export default {
   components: {
-    TinyLayout: Layout,
-    TinyButton: Button,
-    TinyRow: Row,
-    TinyCol: Col,
-    TinyInput: Input,
+    TinyLayout,
+    TinyButton,
+    TinyRow,
+    TinyCol,
+    TinyInput,
     TinyPopover,
     robotSettingPopover
   },
@@ -260,6 +260,7 @@ export default {
 
     const resizeChatWindow = async () => {
       chatWindowOpened.value = !chatWindowOpened.value
+      showPopover.value = showPopover.value && !showPopover.value
       await resetContent()
     }
 
@@ -382,7 +383,7 @@ export default {
       robotVisible.value = !robotVisible.value
     }
 
-    const activeSetting = () => {
+    const closePanel = () => {
       showPopover.value = false
     }
 
@@ -401,7 +402,7 @@ export default {
       selectedModel,
       changeModel,
       openAIRobot,
-      activeSetting,
+      closePanel,
       tokenValue,
       showPopover
     }

diff --git a/packages/plugins/robot/src/robotSettingPopover.vue b/packages/plugins/robot/src/robotSettingPopover.vue
@@ -3,10 +3,12 @@
     <div class="header">设置</div>
     <tiny-form ref="robotSettingForm" label-position="top" :rules="formRules" :model="formData" validate-type="text">
       <tiny-form-item prop="type" label="大模型类型" label-width="150px">
-        <tiny-select v-model="formData.type" placeholder="请选择" @change="changeModelType">
-          <tiny-option v-for="item in AIModelOptions" :key="item.label" :label="item.label" :value="item.value">
-          </tiny-option>
-        </tiny-select>
+        <tiny-select
+          v-model="formData.type"
+          :options="AIModelOptions"
+          placeholder="请选择"
+          @change="changeModelType"
+        ></tiny-select>
       </tiny-form-item>
       <tiny-form-item prop="tokenVal" label-width="150px">
         <template #label>
@@ -26,18 +28,17 @@
 </template>
 <script>
 import { ref, reactive } from 'vue'
-import { Form, FormItem, Input, Button, Select, Option, Tooltip } from '@opentiny/vue'
+import { TinyForm, TinyFormItem, TinyInput, TinyButton, TinySelect, TinyTooltip } from '@opentiny/vue'
 import { AIModelOptions } from './js/robotSetting'
 
 export default {
   components: {
-    TinyForm: Form,
-    TinyFormItem: FormItem,
-    TinyInput: Input,
-    TinyButton: Button,
-    TinySelect: Select,
-    TinyOption: Option,
-    TinyTooltip: Tooltip
+    TinyForm,
+    TinyFormItem,
+    TinyInput,
+    TinyButton,
+    TinySelect,
+    TinyTooltip
   },
   props: {
     typeValue: {
@@ -58,14 +59,11 @@ export default {
     })
 
     const formRules = {
-      type: [{ required: true, message: '必选', trigger: 'change' }],
-      tokenVal: [{ required: true, message: '必填', trigger: 'blur' }]
+      type: [{ required: true, message: '必选', trigger: 'change' }]
     }
 
-    const active = ref('props')
-
     const closePanel = () => {
-      emit('active', 'props')
+      emit('close')
     }
 
     const changeModelType = () => {
@@ -83,7 +81,6 @@ export default {
     }
 
     return {
-      active,
       confirm,
       closePanel,
       robotSettingForm,