@smallwei/avue 3.9.2 → 3.9.4

package/es/packages/element-plus/sign/index3.mjs

@@ -1,19 +1,79 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-import { openBlock, createElementBlock, normalizeClass, createElementVNode } from 'vue';
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
 
-const _hoisted_1 = ["width", "height"];
+const _hoisted_1 = ["disabled"];
+const _hoisted_2 = ["width", "height", "tabindex", "aria-label"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   return (openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.b())
+    class: normalizeClass([_ctx.b(), { 'is-disabled': _ctx.isDisabled }]),
+    style: normalizeStyle(_ctx.styleName)
   }, [
-    createElementVNode("canvas", {
-      class: normalizeClass(_ctx.b('canvas')),
-      width: _ctx.width,
-      height: _ctx.height,
-      ref: "canvas"
-    }, null, 10 /* CLASS, PROPS */, _hoisted_1)
-  ], 2 /* CLASS */))
+    (_ctx.title || _ctx.showToolbar || _ctx.$slots.header)
+      ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.b('header'))
+        }, [
+          renderSlot(_ctx.$slots, "header", {}, () => [
+            (_ctx.title)
+              ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass(_ctx.b('title'))
+                }, toDisplayString(_ctx.title), 3 /* TEXT, CLASS */))
+              : createCommentVNode("v-if", true),
+            createElementVNode("div", {
+              class: normalizeClass(_ctx.b('status'))
+            }, toDisplayString(_ctx.statusText), 3 /* TEXT, CLASS */)
+          ]),
+          (_ctx.showToolbar)
+            ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(_ctx.b('tools'))
+              }, [
+                createElementVNode("button", {
+                  type: "button",
+                  class: normalizeClass(_ctx.b('clear')),
+                  disabled: _ctx.disabled || _ctx.readonly,
+                  onClick: _cache[0] || (_cache[0] = (...args) => (_ctx.clear && _ctx.clear(...args)))
+                }, toDisplayString(_ctx.clearText), 11 /* TEXT, CLASS, PROPS */, _hoisted_1)
+              ], 2 /* CLASS */))
+            : createCommentVNode("v-if", true)
+        ], 2 /* CLASS */))
+      : createCommentVNode("v-if", true),
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.b('surface')),
+      style: normalizeStyle(_ctx.surfaceStyle)
+    }, [
+      createElementVNode("canvas", {
+        ref: "canvas",
+        class: normalizeClass(_ctx.b('canvas')),
+        width: _ctx.canvasWidth,
+        height: _ctx.canvasHeight,
+        style: normalizeStyle(_ctx.canvasStyle),
+        tabindex: _ctx.isDisabled ? -1 : 0,
+        "aria-label": _ctx.ariaLabel,
+        role: "img",
+        onPointerdown: _cache[1] || (_cache[1] = (...args) => (_ctx.onPointerDown && _ctx.onPointerDown(...args))),
+        onPointermove: _cache[2] || (_cache[2] = (...args) => (_ctx.onPointerMove && _ctx.onPointerMove(...args))),
+        onPointerup: _cache[3] || (_cache[3] = (...args) => (_ctx.onPointerUp && _ctx.onPointerUp(...args))),
+        onPointercancel: _cache[4] || (_cache[4] = (...args) => (_ctx.onPointerUp && _ctx.onPointerUp(...args)))
+      }, null, 46 /* CLASS, STYLE, PROPS, NEED_HYDRATION */, _hoisted_2),
+      (_ctx.isEmpty)
+        ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass(_ctx.b('placeholder'))
+          }, toDisplayString(_ctx.placeholder), 3 /* TEXT, CLASS */))
+        : createCommentVNode("v-if", true)
+    ], 6 /* CLASS, STYLE */),
+    (_ctx.$slots.footer)
+      ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(_ctx.b('footer'))
+        }, [
+          renderSlot(_ctx.$slots, "footer")
+        ], 2 /* CLASS */))
+      : createCommentVNode("v-if", true)
+  ], 6 /* CLASS, STYLE */))
 }
 
 export { render };

package/es/packages/element-plus/slider/index.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import script from './index2.mjs';
 import { render } from './index3.mjs';
 

package/es/packages/element-plus/slider/index2.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import create from '../../../src/core/create.mjs';
 import props from '../../core/common/props.mjs';
 import event from '../../core/common/event.mjs';

package/es/packages/element-plus/slider/index3.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import { resolveComponent, openBlock, createBlock } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/es/packages/element-plus/switch/index.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import script from './index2.mjs';
 import { render } from './index3.mjs';
 

package/es/packages/element-plus/switch/index2.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import create from '../../../src/core/create.mjs';
 import props from '../../core/common/props.mjs';
 import event from '../../core/common/event.mjs';

package/es/packages/element-plus/switch/index3.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import { resolveComponent, openBlock, createElementBlock, createVNode } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/es/packages/element-plus/tabs/index.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import script from './index2.mjs';
 import { render } from './index3.mjs';
 

package/es/packages/element-plus/tabs/index2.mjs

@@ -1,8 +1,13 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import create from '../../../src/core/create.mjs';
+import '../../core/components/icon/index.mjs';
+import script$1 from '../../core/components/icon/index2.mjs';
 
 var script = create({
   name: "tabs",
+  components: {
+    iconTemp: script$1
+  },
   props: {
     option: {
       type: Object,

package/es/packages/element-plus/tabs/index3.mjs

@@ -1,7 +1,8 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
-import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Fragment, renderList, createBlock, createElementVNode, createTextVNode, toDisplayString } from 'vue';
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+import { resolveComponent, openBlock, createElementBlock, normalizeClass, createVNode, withCtx, Fragment, renderList, createBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_icon_temp = resolveComponent("icon-temp");
   const _component_el_tab_pane = resolveComponent("el-tab-pane");
   const _component_el_tabs = resolveComponent("el-tabs");
 
@@ -19,19 +20,33 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           return (openBlock(), createBlock(_component_el_tab_pane, {
             name: index+'',
             disabled: column.disabled,
-            key: index
+            key: column.prop
           }, {
             label: withCtx(() => [
-              createElementVNode("i", {
-                class: normalizeClass(column.icon)
-              }, null, 2 /* CLASS */),
-              createTextVNode("  " + toDisplayString(column.label), 1 /* TEXT */)
+              (_ctx.$slots.label)
+                ? renderSlot(_ctx.$slots, "label", {
+                    key: 0,
+                    column: column,
+                    index: index,
+                    active: _ctx.active === index + ''
+                  })
+                : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                    (column.icon)
+                      ? (openBlock(), createBlock(_component_icon_temp, {
+                          key: 0,
+                          text: column.icon,
+                          size: 14,
+                          "icon-style": {fontSize: '14px', width: '14px', height: '14px'}
+                        }, null, 8 /* PROPS */, ["text"]))
+                      : createCommentVNode("v-if", true),
+                    createTextVNode("  " + toDisplayString(column.label), 1 /* TEXT */)
+                  ], 64 /* STABLE_FRAGMENT */))
             ]),
             _: 2 /* DYNAMIC */
           }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["name", "disabled"]))
         }), 128 /* KEYED_FRAGMENT */))
       ]),
-      _: 1 /* STABLE */
+      _: 3 /* FORWARDED */
     }, 8 /* PROPS */, ["modelValue", "tab-position", "type"])
   ], 2 /* CLASS */))
 }

package/es/packages/element-plus/text-ellipsis/index.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import script from './index2.mjs';
 import { render } from './index3.mjs';
 

package/es/packages/element-plus/text-ellipsis/index2.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import create from '../../../src/core/create.mjs';
 
 var script = create({

package/es/packages/element-plus/text-ellipsis/index3.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import { resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, renderSlot, createVNode, withCtx, createElementVNode, toDisplayString } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/es/packages/element-plus/time/index.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import script from './index2.mjs';
 import { render } from './index3.mjs';
 

package/es/packages/element-plus/time/index2.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import create from '../../../src/core/create.mjs';
 import props from '../../core/common/props.mjs';
 import event from '../../core/common/event.mjs';

package/es/packages/element-plus/time/index3.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import { openBlock, createElementBlock, normalizeClass, createBlock, resolveDynamicComponent } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/es/packages/element-plus/title/index.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import script from './index2.mjs';
 import { render } from './index3.mjs';
 

package/es/packages/element-plus/title/index2.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import create from '../../../src/core/create.mjs';
 import props from '../../core/common/props.mjs';
 import event from '../../core/common/event.mjs';

package/es/packages/element-plus/title/index3.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import { openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString } from 'vue';
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {

package/es/packages/element-plus/tree/index.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import script from './index2.mjs';
 import { render } from './index3.mjs';
 

package/es/packages/element-plus/tree/index2.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import { DIC_PROPS } from '../../../src/global/variable.mjs';
 import locale from '../../../src/core/locale.mjs';
 import create from '../../../src/core/create.mjs';

package/es/packages/element-plus/tree/index3.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, createVNode, createSlots, withCtx, renderSlot, withDirectives, createBlock, createCommentVNode, resolveDynamicComponent, createElementVNode, toDisplayString, normalizeStyle, createTextVNode } from 'vue';
 
 const _hoisted_1 = { class: "el-tree-node__label" };

package/es/packages/element-plus/upload/index.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import script from './index2.mjs';
 import { render } from './index3.mjs';
 

package/es/packages/element-plus/upload/index2.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import create from '../../../src/core/create.mjs';
 import locale from '../../../src/core/locale.mjs';
 import props from '../../core/common/props.mjs';

package/es/packages/element-plus/upload/index3.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import { resolveComponent, resolveDirective, openBlock, createBlock, normalizeClass, withCtx, createVNode, createElementBlock, withDirectives, Fragment, renderSlot, resolveDynamicComponent, withModifiers, createCommentVNode, createElementVNode, toDisplayString, createTextVNode } from 'vue';
 
 const _hoisted_1 = ["element-loading-text"];

package/es/packages/element-plus/video/index.mjs

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import script from './index2.mjs';
 import { render } from './index3.mjs';
 

package/es/packages/element-plus/video/index2.mjs

@@ -1,70 +1,221 @@
-/*! Avue.js v3.9.2 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 import create from '../../../src/core/create.mjs';
 import RecordVideo from '../../../src/plugin/video/index.mjs';
 
 var script = create({
   name: 'video',
+  emits: [
+    'data-change',
+    'photo-change',
+    'video-error',
+    'ready',
+    'record-start',
+    'record-stop',
+    'status-change'
+  ],
   props: {
-    background: {
-      type: String
-    },
+    background: String,
     width: {
       type: [String, Number],
       default: 500
+    },
+    height: {
+      type: [String, Number],
+      default: ''
+    },
+    aspectRatio: {
+      type: [String, Number],
+      default: '16 / 9'
+    },
+    autoplay: {
+      type: Boolean,
+      default: true
+    },
+    muted: {
+      type: Boolean,
+      default: true
+    },
+    autoStart: {
+      type: Boolean,
+      default: true
+    },
+    audio: {
+      type: [Boolean, Object],
+      default: false
+    },
+    video: {
+      type: [Boolean, Object],
+      default: true
+    },
+    mimeType: String,
+    mirror: Boolean,
+    showBorder: {
+      type: Boolean,
+      default: true
+    },
+    showStatus: {
+      type: Boolean,
+      default: true
     }
   },
   computed: {
     styleName () {
-      return {
-        width: this.setPx(this.width)
-      }
-    },
-    imgStyleName () {
-      return {
-        width: this.setPx(this.width / 2)
+      const style = {
+        width: this.setPx(this.width),
+        '--avue-video-aspect-ratio': this.aspectRatio
+      };
+      if (this.height !== '') {
+        style.height = this.setPx(this.height);
       }
+      return style
     },
-    borderStyleName () {
+    constraints () {
       return {
-        width: this.setPx(this.width / 15),
-        height: this.setPx(this.width / 15),
-        borderWidth: this.setPx(5)
+        audio: this.audio,
+        video: this.video
       }
     },
+    statusText () {
+      if (this.error) return this.error.message || '摄像头不可用'
+      if (this.isLoading) return '正在连接摄像头…'
+      return this.autoStart ? '等待摄像头就绪…' : '点击开始录制以启用摄像头'
+    }
   },
   data () {
     return {
-      videoObj: null
+      videoObj: null,
+      reader: null,
+      videoUnmounted: false,
+      isReady: false,
+      isLoading: false,
+      isRecording: false,
+      error: null
     }
   },
   mounted () {
-    this.init();
+    this.videoUnmounted = false;
+    if (this.autoStart) this.init();
+  },
+  beforeUnmount () {
+    this.videoUnmounted = true;
+    this.clearReader();
+    this.destroyVideo();
   },
   methods: {
     init () {
-      this.videoObj = new RecordVideo(this.$refs.main);
-      const videoPromise = this.videoObj.init();
-      videoPromise
-        .then(() => {
-          this.videoObj.mediaRecorder.addEventListener('stop', this.getData, false);
+      if (this.isLoading) return Promise.resolve(false);
+      this.destroyVideo();
+      this.error = null;
+      this.isReady = false;
+      this.isRecording = false;
+      this.isLoading = true;
+      this.$emit('status-change', 'loading');
+
+      const videoObj = new RecordVideo(this.$refs.main, {
+        constraints: this.constraints,
+        mimeType: this.mimeType
+      });
+      this.videoObj = videoObj;
+      return videoObj.init()
+        .then((stream) => {
+          if (this.videoUnmounted || this.videoObj !== videoObj) return false;
+          videoObj.mediaRecorder.addEventListener('stop', this.handleRecordStop, false);
+          this.isReady = true;
+          this.$emit('ready', stream);
+          this.$emit('status-change', 'ready');
+          return true;
+        })
+        .catch((error) => {
+          if (!this.videoUnmounted && this.videoObj === videoObj) {
+            this.error = error;
+            this.$emit('video-error', error);
+            this.$emit('status-change', 'error');
+          }
+          return false;
+        })
+        .finally(() => {
+          if (!this.videoUnmounted && this.videoObj === videoObj) {
+            this.isLoading = false;
+          }
         });
     },
+    retry () {
+      return this.init();
+    },
     startRecord () {
-      this.videoObj.startRecord();
+      if (!this.isReady) {
+        return this.init().then((ready) => ready && this.startRecord());
+      }
+      if (!this.videoObj || !this.videoObj.startRecord()) return false;
+      this.isRecording = true;
+      this.$emit('record-start');
+      this.$emit('status-change', 'recording');
+      return true;
     },
     stopRecord () {
-      this.videoObj.stopRecord();
+      return !!(this.videoObj && this.videoObj.stopRecord());
+    },
+    handleRecordStop () {
+      if (this.videoUnmounted) return;
+      this.isRecording = false;
+      this.$emit('record-stop');
+      this.$emit('status-change', 'ready');
+      this.getData();
     },
     getData () {
-      const blob = new Blob(this.videoObj.chunks, {
-        type: 'video/mp4'
-      });
-      const reader = new FileReader();
-      reader.readAsDataURL(blob);
-      reader.addEventListener('loadend', () => {
-        var video_base64 = reader.result;
-        this.$emit('data-change', video_base64);
+      if (this.videoUnmounted || !this.videoObj) return Promise.resolve(null);
+      const blob = this.videoObj.getBlob();
+      if (!blob || !blob.size) return Promise.resolve(null);
+
+      this.clearReader();
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        this.reader = reader;
+        reader.onload = () => {
+          if (this.videoUnmounted || this.reader !== reader) return;
+          this.$emit('data-change', reader.result, blob);
+          this.reader = null;
+          resolve(reader.result);
+        };
+        reader.onerror = () => {
+          if (this.reader === reader) this.reader = null;
+          reject(reader.error);
+        };
+        reader.readAsDataURL(blob);
       });
+    },
+    takePhoto (type = 'image/png', quality) {
+      if (!this.videoObj) return null;
+      const data = this.videoObj.captureFrame(type, quality);
+      if (data) this.$emit('photo-change', data);
+      return data;
+    },
+    // 保留旧示例中的调用名称，返回当前画面截图。
+    getRecord () {
+      return this.takePhoto('image/png');
+    },
+    handleVideoError (event) {
+      if (this.videoUnmounted || this.error) return;
+      const error = new Error('视频流播放失败');
+      error.event = event;
+      this.error = error;
+      this.$emit('video-error', error);
+      this.$emit('status-change', 'error');
+    },
+    clearReader () {
+      if (!this.reader) return;
+      this.reader.onload = null;
+      this.reader.onerror = null;
+      if (this.reader.readyState === FileReader.LOADING) this.reader.abort();
+      this.reader = null;
+    },
+    destroyVideo () {
+      if (!this.videoObj) return;
+      if (this.videoObj.mediaRecorder) {
+        this.videoObj.mediaRecorder.removeEventListener('stop', this.handleRecordStop, false);
+      }
+      this.videoObj.destroy();
+      this.videoObj = null;
     }
   }
 });