ai-error-assistant-mobile 0.0.5 → 0.0.7

package/components/demo/src/feedback.vue

@@ -2,9 +2,13 @@
   <div class="feedback-drawer-wrap">
     <div class="feedback-mask" @click="$emit('close')"></div>
     <div class="feedback-drawer" :class="{ open: true }">
+      <div class="nav-top-space" :style="{ height: (navTopHeight || 0) + 'px' }"></div>
       <div class="feedback-header">
         <div class="header-icon-wrap">
-          <svg class="header-icon" width="32" height="32" viewBox="0 0 32 32"><circle cx="16" cy="16" r="16" fill="#7a8bff"/><text x="16" y="22" text-anchor="middle" font-size="20" fill="#fff">!</text></svg>
+          <svg class="header-icon" width="32" height="32" viewBox="0 0 32 32">
+            <circle cx="16" cy="16" r="16" fill="#7a8bff"/>
+            <text x="16" y="22" text-anchor="middle" font-size="20" fill="#fff">!</text>
+          </svg>
         </div>
         <button class="close-btn" @click="$emit('close')">×</button>
         <h2>您的反馈对我们很重要</h2>
@@ -16,10 +20,10 @@
             <el-form-item prop="description" style="margin-bottom: 0px;">
               <label for="description">问题描述</label>
               <textarea
-                id="description"
-                v-model="form.description"
-                placeholder="请详细描述您遇到的问题，以便我们更好地帮助您"
-                rows="4"
+                  id="description"
+                  v-model="form.description"
+                  placeholder="请详细描述您遇到的问题，以便我们更好地帮助您"
+                  rows="4"
               />
             </el-form-item>
           </div>
@@ -27,27 +31,27 @@
             <el-form-item prop="phone">
               <label for="phone">联系方式</label>
               <input
-                id="phone"
-                v-model="form.phone"
-                placeholder="方便我们联系您解决问题"
+                  id="phone"
+                  v-model="form.phone"
+                  placeholder="方便我们联系您解决问题"
               />
             </el-form-item>
           </div>
           <label class="upload-label">上传图片</label>
           <div class="upload-section">
-         
+
             <div class="upload-row">
               <el-upload
-                class="el-upload-feedback"
-                action="#"
-                :auto-upload="false"
-                :limit="1"
-                :on-change="onElUploadChange"
-                :before-upload="beforeElUpload"
-                :file-list="elFileList"
-                :show-file-list="true"
-                list-type="picture-card"
-                accept="image/*"
+                  class="el-upload-feedback"
+                  action="#"
+                  :auto-upload="false"
+                  :limit="1"
+                  :on-change="onElUploadChange"
+                  :before-upload="beforeElUpload"
+                  :file-list="elFileList"
+                  :show-file-list="true"
+                  list-type="picture-card"
+                  accept="image/*"
               >
                 <i class="el-icon-plus"></i>
               </el-upload>
@@ -64,17 +68,22 @@
 </template>
 
 <script>
-import { Upload, Form, FormItem, Button } from 'element-ui';
-import { submitFeedback } from '../../demo/api/index';
+import {Upload, Form, FormItem, Button} from 'element-ui';
+import {submitFeedback} from '../../demo/api/index';
+
 export default {
   name: 'Feedback',
-  components: { Upload, ElForm: Form, ElFormItem: FormItem, ElButton: Button },
+  components: {Upload, ElForm: Form, ElFormItem: FormItem, ElButton: Button},
   props: {
     businessSource: {
       type: String,
       default: ''
-      },
-    },   
+    },
+    navTopHeight: {
+      type: Number,
+      default: 0
+    },
+  },
   data() {
     return {
       form: {
@@ -85,7 +94,7 @@ export default {
       token: '',
       rules: {
         description: [
-          { required: true, message: '请输入问题描述', trigger: 'blur' },
+          {required: true, message: '请输入问题描述', trigger: 'blur'},
         ],
         phone: []
       }
@@ -144,15 +153,17 @@ export default {
   width: 100vw;
   height: 100vh;
 }
+
 .feedback-mask {
   position: absolute;
   top: 0;
   left: 0;
   width: 100vw;
   height: 100vh;
-  background: rgba(0,0,0,0.35);
+  background: rgba(0, 0, 0, 0.35);
   z-index: 1;
 }
+
 .feedback-drawer {
   position: fixed;
   top: 0;
@@ -161,16 +172,18 @@ export default {
   height: 100vh;
   background: #eef2ff;
   z-index: 2;
-  box-shadow: -2px 0 16px rgba(0,0,0,0.08);
+  box-shadow: -2px 0 16px rgba(0, 0, 0, 0.08);
   border-radius: 0;
   display: flex;
   flex-direction: column;
   transform: translateX(100vw);
-  transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);
+  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
 }
+
 .feedback-drawer.open {
   transform: translateX(0);
 }
+
 .close-btn {
   position: absolute;
   top: -15px;
@@ -183,30 +196,36 @@ export default {
   z-index: 10;
   line-height: 1;
 }
+
 .feedback-header {
   text-align: center;
   margin: 24px 0 32px;
   position: relative;
 }
+
 .header-icon-wrap {
   display: flex;
   justify-content: center;
   margin-bottom: 12px;
 }
+
 .header-icon {
   color: #7a8bff;
 }
+
 .feedback-header h2 {
   font-size: 20px;
   font-weight: 600;
   color: #323233;
   margin: 0 0 8px;
 }
+
 .feedback-header .subtitle {
   font-size: 14px;
   color: #8c8c8c;
   margin: 0;
 }
+
 .feedback-form {
   background: #fff;
   border-radius: 12px;
@@ -214,14 +233,17 @@ export default {
   padding: 20px;
   margin: 0 16px 16px 16px;
 }
+
 .form-group {
   margin-bottom: 18px;
 }
+
 .form-group label {
   font-weight: 500;
   color: #4a4a4a;
   display: block;
 }
+
 .form-group textarea,
 .form-group input {
   width: 100%;
@@ -234,11 +256,13 @@ export default {
   resize: none;
   box-sizing: border-box;
 }
+
 .upload-section {
   background-color: #ffffff;
   border-radius: 12px;
   box-shadow: 0 2px 12px rgba(100, 101, 102, 0.04);
 }
+
 .upload-header {
   display: flex;
   align-items: center;
@@ -247,15 +271,18 @@ export default {
   font-weight: 500;
   color: #4a4a4a;
 }
+
 .upload-tip {
   margin-top: 12px;
   font-size: 12px;
   color: #8c8c8c;
   text-align: center;
 }
+
 .submit-section {
   margin: 32px 16px 0 16px;
 }
+
 .submit-button {
   width: 100%;
   height: 44px;
@@ -268,52 +295,68 @@ export default {
   box-shadow: 0 4px 12px rgba(122, 139, 255, 0.3);
   transition: all 0.3s;
 }
+
 .submit-button:active {
   transform: translateY(1px);
   box-shadow: 0 2px 8px rgba(122, 139, 255, 0.3);
 }
+
 .upload-label {
-    font-weight: 500;
-    color: #4a4a4a;
-    display: block;
-    line-height: 40px;
-    font-size: 14px;
+  font-weight: 500;
+  color: #4a4a4a;
+  display: block;
+  line-height: 40px;
+  font-size: 14px;
 }
+
 .upload-row {
   display: flex;
   align-items: flex-start;
 }
+
 .el-upload-feedback {
   margin-bottom: 8px;
   display: flex;
   align-items: center;
 }
+
 .el-upload-feedback .el-upload {
   margin-right: 8px;
 }
+
 .el-upload-feedback .el-upload-list {
   margin: 0;
   display: flex;
   flex-wrap: wrap;
 }
+
 .el-upload-feedback >>> .el-upload-list__item {
   width: 100px !important;
   height: 100px !important;
   margin: 0 8px 0 0 !important;
 }
+
 .el-upload-feedback >>> .el-upload--picture-card {
   width: 100px !important;
   height: 100px !important;
   line-height: 100px !important;
 }
+
 .el-upload-feedback >>> .el-upload-list__item-thumbnail {
   width: 64px !important;
   height: 64px !important;
   object-fit: cover;
   border-radius: 8px;
 }
+
 .el-upload-feedback >>> .el-icon-plus {
   font-size: 24px !important;
   line-height: 64px !important;
 }
+
+.nav-top-space {
+  width: 100%;
+  background: transparent;
+  flex-shrink: 0;
+}
 </style> 

package/components/demo/src/main.vue

@@ -1,9 +1,6 @@
 <template>
   <div class="ai-contain" v-if="visible">
-    <div
-        class="nav-top-space"
-        :style="`height: ${navTopHeight}px`"
-    ></div>
+   <div class="nav-top-space" :style="{ height: (navTopHeight || 0) + 'px' }"></div>
     <div class="ai-contain-header">
       <div class="header-left">
         <i class="el-icon-back" @click="closeMessage"></i>
@@ -57,7 +54,7 @@
       :modal="false"
       :close-on-click-modal="false"
     >
-      <feedback @close="showFeedback = false" :businessSource="businessSource"/>
+      <feedback @close="showFeedback = false" :businessSource="businessSource" :navTopHeight="navTopHeight"/>
     </el-drawer>
   </div>
 </template>
@@ -472,4 +469,11 @@ export default {
     overflow: auto;
   }
 }
+
+.nav-top-space {
+  width: 100%;
+  background: transparent;
+  flex-shrink: 0; 
+}
+
 </style>

package/dist/ai-error-assistant-mobile.common.js

@@ -6554,7 +6554,7 @@ if (typeof window !== 'undefined') {
 // Indicate to webpack that this file can be concatenated
 /* harmony default export */ var setPublicPath = (null);
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/main.vue?vue&type=template&id=a9eef3b4&scoped=true
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/main.vue?vue&type=template&id=265b7039&scoped=true
 var render = function render() {
   var _vm = this,
     _c = _vm._self._c;
@@ -6562,7 +6562,9 @@ var render = function render() {
     staticClass: "ai-contain"
   }, [_c('div', {
     staticClass: "nav-top-space",
-    style: `height: ${_vm.navTopHeight}px`
+    style: {
+      height: (_vm.navTopHeight || 0) + 'px'
+    }
   }), _c('div', {
     staticClass: "ai-contain-header"
   }, [_c('div', {
@@ -6678,7 +6680,8 @@ var render = function render() {
     }
   }, [_c('feedback', {
     attrs: {
-      "businessSource": _vm.businessSource
+      "businessSource": _vm.businessSource,
+      "navTopHeight": _vm.navTopHeight
     },
     on: {
       "close": function ($event) {
@@ -6689,7 +6692,7 @@ var render = function render() {
 };
 var staticRenderFns = [];
 
-;// CONCATENATED MODULE: ./components/demo/src/main.vue?vue&type=template&id=a9eef3b4&scoped=true
+;// CONCATENATED MODULE: ./components/demo/src/main.vue?vue&type=template&id=265b7039&scoped=true
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/chat.vue?vue&type=template&id=5ba393d7&scoped=true
 var chatvue_type_template_id_5ba393d7_scoped_true_render = function render() {
@@ -14671,8 +14674,8 @@ var chat_component = normalizeComponent(
 )
 
 /* harmony default export */ var chat = (chat_component.exports);
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/feedback.vue?vue&type=template&id=5fa02478&scoped=true
-var feedbackvue_type_template_id_5fa02478_scoped_true_render = function render() {
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/feedback.vue?vue&type=template&id=3d6f0967&scoped=true
+var feedbackvue_type_template_id_3d6f0967_scoped_true_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('div', {
@@ -14690,6 +14693,11 @@ var feedbackvue_type_template_id_5fa02478_scoped_true_render = function render()
       open: true
     }
   }, [_c('div', {
+    staticClass: "nav-top-space",
+    style: {
+      height: (_vm.navTopHeight || 0) + 'px'
+    }
+  }), _c('div', {
     staticClass: "feedback-header"
   }, [_c('div', {
     staticClass: "header-icon-wrap"
@@ -14833,7 +14841,7 @@ var feedbackvue_type_template_id_5fa02478_scoped_true_render = function render()
     }
   }, [_vm._v("提交反馈")])], 1)])])], 1)]);
 };
-var feedbackvue_type_template_id_5fa02478_scoped_true_staticRenderFns = [];
+var feedbackvue_type_template_id_3d6f0967_scoped_true_staticRenderFns = [];
 
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/feedback.vue?vue&type=script&lang=js
 
@@ -14850,6 +14858,10 @@ var feedbackvue_type_template_id_5fa02478_scoped_true_staticRenderFns = [];
     businessSource: {
       type: String,
       default: ''
+    },
+    navTopHeight: {
+      type: Number,
+      default: 0
     }
   },
   data() {
@@ -14914,10 +14926,10 @@ var feedbackvue_type_template_id_5fa02478_scoped_true_staticRenderFns = [];
 });
 ;// CONCATENATED MODULE: ./components/demo/src/feedback.vue?vue&type=script&lang=js
  /* harmony default export */ var src_feedbackvue_type_script_lang_js = (feedbackvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/feedback.vue?vue&type=style&index=0&id=5fa02478&prod&scoped=true&lang=css
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-12.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/feedback.vue?vue&type=style&index=0&id=3d6f0967&prod&scoped=true&lang=css
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/demo/src/feedback.vue?vue&type=style&index=0&id=5fa02478&prod&scoped=true&lang=css
+;// CONCATENATED MODULE: ./components/demo/src/feedback.vue?vue&type=style&index=0&id=3d6f0967&prod&scoped=true&lang=css
 
 ;// CONCATENATED MODULE: ./components/demo/src/feedback.vue
 
@@ -14930,11 +14942,11 @@ var feedbackvue_type_template_id_5fa02478_scoped_true_staticRenderFns = [];
 
 var feedback_component = normalizeComponent(
   src_feedbackvue_type_script_lang_js,
-  feedbackvue_type_template_id_5fa02478_scoped_true_render,
-  feedbackvue_type_template_id_5fa02478_scoped_true_staticRenderFns,
+  feedbackvue_type_template_id_3d6f0967_scoped_true_render,
+  feedbackvue_type_template_id_3d6f0967_scoped_true_staticRenderFns,
   false,
   null,
-  "5fa02478",
+  "3d6f0967",
   null
   
 )
@@ -15212,10 +15224,10 @@ var api = init(defaultConverter, { path: '/' });
 });
 ;// CONCATENATED MODULE: ./components/demo/src/main.vue?vue&type=script&lang=js
  /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
-;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/main.vue?vue&type=style&index=0&id=a9eef3b4&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/demo/src/main.vue?vue&type=style&index=0&id=265b7039&prod&lang=scss&scoped=true
 // extracted by mini-css-extract-plugin
 
-;// CONCATENATED MODULE: ./components/demo/src/main.vue?vue&type=style&index=0&id=a9eef3b4&prod&lang=scss&scoped=true
+;// CONCATENATED MODULE: ./components/demo/src/main.vue?vue&type=style&index=0&id=265b7039&prod&lang=scss&scoped=true
 
 ;// CONCATENATED MODULE: ./components/demo/src/main.vue
 
@@ -15232,7 +15244,7 @@ var main_component = normalizeComponent(
   staticRenderFns,
   false,
   null,
-  "a9eef3b4",
+  "265b7039",
   null
   
 )