@aochuang/common 1.0.153 → 1.0.155

package/common/resizable/resizable.vue

@@ -1,27 +1,29 @@
 <template>
   <div class="bi-resizable" :class="['is-' + direction]">
     <template v-if="direction === 'horizontal'">
-      <div 
-        class="bi-resizable__panel" 
-        :style="panelStyle"
-      >
-        <slot name="panel"></slot>
-      </div>
-      <div 
-        class="bi-resizable__resizer"
-        :class="{ 'is-dragging': isDragging }"
-        @mousedown="startDrag"
-        @touchstart="startDrag"
-      >
-        <i 
-          class="bi-resizable__resizer-icon"
-          @mousedown.stop="startDrag"
-          @touchstart.stop="startDrag"  
-          title="拖拽调整宽度"
+      <template v-if="!hidePanel">
+        <div 
+          class="bi-resizable__panel" 
+          :style="panelStyle"
         >
-          <i></i><i></i><i></i><i></i>
-        </i>
-      </div>
+          <slot name="panel"></slot>
+        </div>
+        <div 
+          class="bi-resizable__resizer"
+          :class="{ 'is-dragging': isDragging }"
+          @mousedown="startDrag"
+          @touchstart="startDrag"
+        >
+          <i 
+            class="bi-resizable__resizer-icon"
+            @mousedown.stop="startDrag"
+            @touchstart.stop="startDrag"  
+            title="拖拽调整宽度"
+          >
+            <i></i><i></i><i></i><i></i>
+          </i>
+        </div>
+      </template>
       <div class="bi-resizable__content">
         <slot name="content"></slot>
       </div>
@@ -30,7 +32,7 @@
       <div class="bi-resizable__content">
         <slot name="content"></slot>
       </div>
-      <template v-if="$slots.panel">
+      <template v-if="$slots.panel && !hidePanel">
         <div 
           class="bi-resizable__resizer"
           :class="{ 'is-dragging': isDragging }"
@@ -77,6 +79,11 @@ export default {
     maxSize: {
       type: Number,
       default: 400
+    },
+    // 隐藏panel区域（包括拖拽条），只显示content
+    hidePanel: {
+      type: Boolean,
+      default: false
     }
   },
   data() {

package/common/voice/voice-player-audio.js

@@ -50,14 +50,48 @@ export default class VoicePlayerAudio {
     })
     this.$audio.onerror = () => {
       clearInterval(this._timer)
-      this.options.onError && this.options.onError({
-        url: this._url,
-        message: 'Invalid Url'
-      })
+      const info = this._getErrorInfo()
+      // 元数据已经加载成功后才出现的解码错误（如mp3尾帧不完整，Windows Chrome的Symphonia解码器会报错），
+      // 不当成错误处理，直接按播放结束收尾
+      if (info.code === 3 && info.readyState > 0) {
+        this.options.onPlaying && this.options.onPlaying({
+          currPosition: Math.min(this.$audio.currentTime, this.$audio.duration),
+          totalPosition: this.$audio.duration
+        })
+        this._play = false
+        this.$audio.pause()
+        this.$audio.dispatchEvent(new Event('stop'))
+        return
+      }
+      this.options.onError && this.options.onError(info)
     }
     this.setPlaybackRate(this.options.playRate)
   }
 
+  /**
+   * 获取audio元素的真实错误信息（MediaError code/message），方便定位是网络、解码还是格式不支持
+  */
+  _getErrorInfo () {
+    const err = this.$audio.error
+    const codeMsgMap = {
+      1: 'MEDIA_ERR_ABORTED',
+      2: 'MEDIA_ERR_NETWORK',
+      3: 'MEDIA_ERR_DECODE',
+      4: 'MEDIA_ERR_SRC_NOT_SUPPORTED'
+    }
+    const info = {
+      url: this._url,
+      message: 'Invalid Url',
+      code: err ? err.code : null,
+      codeText: err ? codeMsgMap[err.code] : null,
+      detail: err ? err.message : null,
+      networkState: this.$audio.networkState,
+      readyState: this.$audio.readyState
+    }
+    console.warn('[VoicePlayerAudio] audio error', info)
+    return info
+  }
+
   /**
    * 设置播放倍率
   */
@@ -99,13 +133,13 @@ export default class VoicePlayerAudio {
     }
     const onError = () => {
       cleanup()
-      this.options.onError && this.options.onError({
-        url: this._url,
-        message: 'Invalid Url'
-      })
+      const info = this._getErrorInfo()
+      this.options.onError && this.options.onError(info)
       cb && cb({
         status: 'error',
-        message: 'Invalid Url'
+        message: info.message,
+        code: info.code,
+        detail: info.detail
       })
     }
     const cleanup = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aochuang/common",
-  "version": "1.0.153",
+  "version": "1.0.155",
   "description": "",
   "main": "index.js",
   "publishConfig": {