@smallwei/avue 3.9.3 → 3.9.4

package/lib/packages/element-plus/time/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/element-plus/time/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/element-plus/time/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');

package/lib/packages/element-plus/title/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/element-plus/title/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/element-plus/title/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');

package/lib/packages/element-plus/tree/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/element-plus/tree/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/element-plus/tree/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');

package/lib/packages/element-plus/upload/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/element-plus/upload/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/element-plus/upload/index3.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');

package/lib/packages/element-plus/video/index.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/packages/element-plus/video/index2.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -8,104 +8,218 @@ var src_plugin_video_index = require('../../../src/plugin/video/index.js');
 
 var script = src_core_create.default({
   name: 'video',
-  emits: ['data-change', 'video-error'],
+  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,
       reader: null,
-      videoUnmounted: false
+      videoUnmounted: false,
+      isReady: false,
+      isLoading: false,
+      isRecording: false,
+      error: null
     }
   },
   mounted () {
     this.videoUnmounted = false;
-    this.init();
+    if (this.autoStart) this.init();
   },
   beforeUnmount () {
     this.videoUnmounted = true;
-    if (this.reader) {
-      this.reader.onloadend = null;
-      if (this.reader.readyState === FileReader.LOADING) {
-        this.reader.abort();
-      }
-      this.reader = null;
-    }
-    if (this.videoObj) {
-      if (this.videoObj.mediaRecorder) {
-        this.videoObj.mediaRecorder.removeEventListener('stop', this.getData, false);
-      }
-      this.videoObj.destroy();
-      this.videoObj = null;
-    }
+    this.clearReader();
+    this.destroyVideo();
   },
   methods: {
     init () {
-      const videoObj = new src_plugin_video_index.default(this.$refs.main);
+      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 src_plugin_video_index.default(this.$refs.main, {
+        constraints: this.constraints,
+        mimeType: this.mimeType
+      });
       this.videoObj = videoObj;
-      const videoPromise = videoObj.init();
-      videoPromise
-        .then(() => {
-          if (
-            this.videoUnmounted ||
-            this.videoObj !== videoObj ||
-            !videoObj.mediaRecorder
-          ) {
-            return;
-          }
-          videoObj.mediaRecorder.addEventListener('stop', this.getData, false);
+      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 () {
-      if (this.videoObj) 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 () {
-      if (this.videoObj) 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 () {
-      if (this.videoUnmounted || !this.videoObj) return;
-      const blob = new Blob(this.videoObj.chunks, {
-        type: 'video/mp4'
+      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);
       });
-      const reader = new FileReader();
-      this.reader = reader;
-      reader.onloadend = () => {
-        if (this.videoUnmounted || this.reader !== reader) return;
-        this.$emit('data-change', reader.result);
-        this.reader = null;
-      };
-      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;
     }
   }
 });

package/lib/packages/element-plus/video/index3.js

@@ -1,42 +1,78 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var vue = require('vue');
 
-const _hoisted_1 = ["src"];
+const _hoisted_1 = ["autoplay", "muted"];
+const _hoisted_2 = ["src"];
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_el_button = vue.resolveComponent("el-button");
+
   return (vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(_ctx.b()),
+    class: vue.normalizeClass(_ctx.b({ ready: _ctx.isReady, recording: _ctx.isRecording })),
     style: vue.normalizeStyle(_ctx.styleName)
   }, [
-    vue.createElementVNode("div", {
-      class: vue.normalizeClass(_ctx.b('border'))
-    }, [
-      vue.createElementVNode("span", {
-        style: vue.normalizeStyle(_ctx.borderStyleName)
-      }, null, 4 /* STYLE */),
-      vue.createElementVNode("span", {
-        style: vue.normalizeStyle(_ctx.borderStyleName)
-      }, null, 4 /* STYLE */),
-      vue.createElementVNode("span", {
-        style: vue.normalizeStyle(_ctx.borderStyleName)
-      }, null, 4 /* STYLE */),
-      vue.createElementVNode("span", {
-        style: vue.normalizeStyle(_ctx.borderStyleName)
-      }, null, 4 /* STYLE */)
-    ], 2 /* CLASS */),
-    vue.createElementVNode("img", {
-      style: vue.normalizeStyle(_ctx.imgStyleName),
-      class: vue.normalizeClass(_ctx.b('img')),
-      src: _ctx.background
-    }, null, 14 /* CLASS, STYLE, PROPS */, _hoisted_1),
+    (_ctx.showBorder)
+      ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(_ctx.b('border')),
+          "aria-hidden": "true"
+        }, _cache[1] || (_cache[1] = [
+          vue.createElementVNode("span", null, null, -1 /* HOISTED */),
+          vue.createElementVNode("span", null, null, -1 /* HOISTED */),
+          vue.createElementVNode("span", null, null, -1 /* HOISTED */),
+          vue.createElementVNode("span", null, null, -1 /* HOISTED */)
+        ]), 2 /* CLASS */))
+      : vue.createCommentVNode("v-if", true),
     vue.createElementVNode("video", {
-      class: vue.normalizeClass(_ctx.b('main')),
       ref: "main",
-      autoplay: "",
-      muted: ""
-    }, null, 2 /* CLASS */)
+      class: vue.normalizeClass([_ctx.b('main'), { [_ctx.b('main--mirror')]: _ctx.mirror }]),
+      autoplay: _ctx.autoplay,
+      muted: _ctx.muted,
+      playsinline: "",
+      onError: _cache[0] || (_cache[0] = (...args) => (_ctx.handleVideoError && _ctx.handleVideoError(...args)))
+    }, null, 42 /* CLASS, PROPS, NEED_HYDRATION */, _hoisted_1),
+    (_ctx.background)
+      ? (vue.openBlock(), vue.createElementBlock("img", {
+          key: 1,
+          class: vue.normalizeClass(_ctx.b('guide')),
+          src: _ctx.background,
+          alt: "",
+          "aria-hidden": "true"
+        }, null, 10 /* CLASS, PROPS */, _hoisted_2))
+      : vue.createCommentVNode("v-if", true),
+    (_ctx.showStatus && !_ctx.isReady)
+      ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 2,
+          class: vue.normalizeClass(_ctx.b('status')),
+          role: "status"
+        }, [
+          vue.createElementVNode("span", {
+            class: vue.normalizeClass(_ctx.b('status-dot'))
+          }, null, 2 /* CLASS */),
+          vue.createTextVNode(" " + vue.toDisplayString(_ctx.statusText) + " ", 1 /* TEXT */),
+          (_ctx.error)
+            ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+                key: 0,
+                text: "",
+                type: "primary",
+                size: "small",
+                onClick: _ctx.retry
+              }, {
+                default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                  vue.createTextVNode("重试")
+                ])),
+                _: 1 /* STABLE */
+              }, 8 /* PROPS */, ["onClick"]))
+            : vue.createCommentVNode("v-if", true)
+        ], 2 /* CLASS */))
+      : vue.createCommentVNode("v-if", true),
+    vue.renderSlot(_ctx.$slots, "overlay", {
+      ready: _ctx.isReady,
+      recording: _ctx.isRecording,
+      error: _ctx.error
+    })
   ], 6 /* CLASS, STYLE */))
 }
 

package/lib/src/core/column-state.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 const STORAGE_PREFIX = 'AVUE_COLUMN_STATE:';

package/lib/src/core/create.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/src/core/dataformat.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var src_utils_validate = require('../utils/validate.js');

package/lib/src/core/detail.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var src_utils_validate = require('../utils/validate.js');

package/lib/src/core/dic.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var src_utils_util = require('../utils/util.js');

package/lib/src/core/locale.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/src/core/option.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 var src_global_variable = require('../global/variable.js');

package/lib/src/core/packages.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/src/core/slot.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/lib/src/global/variable.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 const KEY_COMPONENT_NAME = 'avue-';

package/lib/src/icon.js

@@ -1,4 +1,4 @@
-/*! Avue.js v3.9.3 | (c) 2017-2026 Smallwei | Released under the MIT License. */
+/*! Avue.js v3.9.4 | (c) 2017-2026 Smallwei | Released under the MIT License. */
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });