@vunk/plus 1.13.1 → 1.14.0

package/components/recorder-button/index.mjs

@@ -1,6 +1,6 @@
-import { useRecorder as Z } from "@vunk/plus/composables/recorder";
-import { ElButton as O, ElMessage as M } from "element-plus";
-import { defineComponent as V, ref as i, onUnmounted as N, resolveComponent as P, createElementBlock as U, openBlock as E, createBlock as X, createVNode as Y, Teleport as $, withDirectives as j, createElementVNode as n, toDisplayString as z, normalizeClass as R, vShow as A, mergeProps as q, withCtx as G } from "vue";
+import { useRecorder as M } from "@vunk/plus/composables/recorder";
+import { ElButton as V, ElMessage as C } from "element-plus";
+import { defineComponent as N, ref as a, onUnmounted as P, resolveComponent as U, openBlock as k, createElementBlock as X, createBlock as Y, Teleport as $, withDirectives as j, createElementVNode as n, toDisplayString as z, normalizeClass as E, vShow as F, createVNode as q, mergeProps as A, withCtx as G } from "vue";
 import { _ as I } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
 const H = {
   /**
@@ -41,48 +41,48 @@ const H = {
   error: (e) => !0
 };
 async function K(e, s) {
-  const r = new FormData();
-  r.append("file", s, "audio.wav");
-  const a = await fetch(e, {
+  const i = new FormData();
+  i.append("file", s, "audio.wav");
+  const l = await fetch(e, {
     method: "POST",
-    body: r
+    body: i
   });
-  if (!a.ok)
+  if (!l.ok)
     throw new Error("Speech to text failed");
-  return (await a.json()).text;
+  return (await l.json()).text;
 }
-const Q = 100, W = V({
+const Q = 100, W = N({
   name: "VkRecorderButton",
   components: {
-    ElButton: O
+    ElButton: V
   },
   props: H,
   emits: J,
   setup(e, { emit: s }) {
-    const r = i(), { openOrStart: a, recording: l, recorder: d, wave: g } = Z({
-      waveViewRef: r,
+    const i = a(), { openOrStart: l, recording: u, recorder: d, wave: g } = M({
+      waveViewRef: i,
       defaultOptions: {
-        onProcess: C
+        onProcess: O
       }
-    }), v = i("");
-    let y = null;
-    const c = i(!1), k = async () => {
+    }), v = a("");
+    let _ = null;
+    const r = a(!1), D = async () => {
       try {
-        await a({
+        await l({
           // 授权时, 取消弹窗
-          openThen: () => (c.value = !1, !1)
+          openThen: () => (r.value = !1, !1)
         });
       } catch (o) {
-        console.error("录音失败:", o), s("error", o), c.value = !1;
+        console.error("录音失败:", o), s("error", o), r.value = !1;
         return;
       }
-      l.value = !0;
-    }, B = i({ x: 0, y: 0 }), m = i(!1), f = i(!1);
+      u.value = !0;
+    }, R = a({ x: 0, y: 0 }), m = a(!1), f = a(!1);
     let b = !1;
-    const F = () => {
+    const S = () => {
       const o = f.value;
       d.stop(async (t) => {
-        if (v.value = (window.URL || webkitURL).createObjectURL(t), d.close(), l.value = !1, s("submit", {
+        if (v.value = (window.URL || webkitURL).createObjectURL(t), d.close(), u.value = !1, s("submit", {
           blob: t,
           url: v.value
         }), o || e.submitToText)
@@ -93,62 +93,62 @@ const Q = 100, W = V({
             });
           else {
             if (e.speechToText) {
-              e.speechToText(t).then((u) => {
-                s("submitText", u);
+              e.speechToText(t).then((c) => {
+                s("submitText", c);
               });
               return;
             }
-            K("/speech-to-text", t).then((u) => {
-              s("submitText", u);
-            }).catch((u) => {
-              console.error("语音识别错误:", u), M.error("转换文字失败");
+            K("/speech-to-text", t).then((c) => {
+              s("submitText", c);
+            }).catch((c) => {
+              console.error("语音识别错误:", c), C.error("转换文字失败");
             });
           }
       });
-    }, S = () => {
-      document.addEventListener("mousemove", x), document.addEventListener("mouseup", D);
-    }, _ = () => {
-      document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", D);
-    }, L = (o) => {
+    }, L = () => {
+      document.addEventListener("mousemove", x), document.addEventListener("mouseup", w);
+    }, B = () => {
+      document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", w);
+    }, Z = (o) => {
       if (e.disabled)
         return;
       o.preventDefault(), b = !0;
       const t = "touches" in o ? o.touches[0] : o;
-      B.value = { x: t.clientX, y: t.clientY }, o instanceof MouseEvent && S(), y = setTimeout(() => {
-        b && (c.value = !0, k());
+      R.value = { x: t.clientX, y: t.clientY }, o instanceof MouseEvent && L(), _ = setTimeout(() => {
+        b && (r.value = !0, D());
       }, Q);
     };
     function x(o) {
-      if (o.preventDefault(), !c.value)
+      if (o.preventDefault(), !r.value)
         return;
       const t = "touches" in o ? o.touches[0] : o;
-      B.value = { x: t.clientX, y: t.clientY };
-      const u = document.querySelector(".cancel-btn-x"), p = document.querySelector(".text-btn-x");
-      if (u && p) {
-        const T = u.getBoundingClientRect(), h = p.getBoundingClientRect();
+      R.value = { x: t.clientX, y: t.clientY };
+      const c = document.querySelector(".cancel-btn-x"), p = document.querySelector(".text-btn-x");
+      if (c && p) {
+        const T = c.getBoundingClientRect(), h = p.getBoundingClientRect();
         m.value = t.clientX >= T.left && t.clientX <= T.right && t.clientY >= T.top && t.clientY <= T.bottom, f.value = t.clientX >= h.left && t.clientX <= h.right && t.clientY >= h.top && t.clientY <= h.bottom;
       }
     }
-    function D(o) {
-      b = !1, clearTimeout(y), c.value && (m.value ? d.close() : F(), c.value = !1, m.value = !1, f.value = !1), o instanceof MouseEvent && _();
+    function w(o) {
+      b = !1, clearTimeout(_), r.value && (m.value ? d.close() : S(), r.value = !1, m.value = !1, f.value = !1), o instanceof MouseEvent && B();
     }
-    function C(o, t, u, p) {
+    function O(o, t, c, p) {
       g.value?.input(
         o[o.length - 1],
         t,
         p
       );
     }
-    return N(() => {
-      _();
+    return P(() => {
+      B();
     }), {
-      onmousedown: L,
+      onmousedown: Z,
       onmousemove: x,
-      onmouseup: D,
-      recording: l,
-      recordingNode: r,
+      onmouseup: w,
+      recording: u,
+      recordingNode: i,
       blobUrl: v,
-      isDragging: c,
+      isDragging: r,
       cancelZone: m,
       isTextZone: f
     };
@@ -156,39 +156,39 @@ const Q = 100, W = V({
 }), ee = { class: "vk-recorder-container" }, te = { class: "vk-recording-mask" }, oe = { class: "recording-tip" }, ne = {
   ref: "recordingNode",
   class: "wave-container"
-}, se = { class: "tip-text" }, ue = { class: "action-buttons" }, ce = { class: "cancel-btn-x" }, re = { class: "text-btn-x" };
-function ie(e, s, r, a, l, d) {
-  const g = P("ElButton");
-  return E(), U("div", ee, [
-    (E(), X($, { to: e.appendTo }, [
+}, se = { class: "tip-text" }, ce = { class: "action-buttons" }, re = { class: "cancel-btn-x" }, ie = { class: "text-btn-x" };
+function ae(e, s, i, l, u, d) {
+  const g = U("ElButton");
+  return k(), X("div", ee, [
+    (k(), Y($, { to: e.appendTo }, [
       j(n("div", te, [
         n("div", oe, [
           n("div", ne, null, 512),
           n("div", se, z(e.cancelZone ? "松开手指，取消发送" : "松开发送，上滑取消"), 1)
         ]),
-        n("div", ue, [
-          n("div", ce, [
+        n("div", ce, [
+          n("div", re, [
             n("div", {
-              class: R(["cancel-btn", { active: e.cancelZone }])
-            }, s[0] || (s[0] = [
+              class: E(["cancel-btn", { active: e.cancelZone }])
+            }, [...s[0] || (s[0] = [
               n("div", { class: "btn-icon" }, " × ", -1),
               n("div", { class: "btn-text" }, " 取消发送 ", -1)
-            ]), 2)
+            ])], 2)
           ]),
-          n("div", re, [
+          n("div", ie, [
             n("div", {
-              class: R(["text-btn", { active: e.isTextZone }])
-            }, s[1] || (s[1] = [
+              class: E(["text-btn", { active: e.isTextZone }])
+            }, [...s[1] || (s[1] = [
               n("div", { class: "btn-icon" }, " 文 ", -1),
               n("div", { class: "btn-text" }, " 转为文字 ", -1)
-            ]), 2)
+            ])], 2)
           ])
         ])
       ], 512), [
-        [A, e.isDragging]
+        [F, e.isDragging]
       ])
     ], 8, ["to"])),
-    Y(g, q(e.$attrs, {
+    q(g, A(e.$attrs, {
       disabled: e.disabled,
       class: ["vk-recorder-button", {
         "is-recording": e.recording
@@ -199,21 +199,21 @@ function ie(e, s, r, a, l, d) {
       onTouchend: e.onmouseup,
       onMousedown: e.onmousedown
     }), {
-      default: G(() => s[2] || (s[2] = [
+      default: G(() => [...s[2] || (s[2] = [
         n("span", { class: "vk-recorder-button-text" }, "按住 说话", -1)
-      ])),
+      ])]),
       _: 1
     }, 16, ["disabled", "class", "onTouchstart", "onTouchmove", "onTouchend", "onMousedown"])
   ]);
 }
-const w = /* @__PURE__ */ I(W, [["render", ie]]), me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const y = /* @__PURE__ */ I(W, [["render", ae]]), me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
-w.install = (e) => {
-  e.component(w.name || "VkRecorderButton", w);
+y.install = (e) => {
+  e.component(y.name || "VkRecorderButton", y);
 };
 export {
-  w as VkRecorderButton,
+  y as VkRecorderButton,
   me as __VkRecorderButton,
-  w as default
+  y as default
 };

package/components/recorder-button/src/ctx.d.ts

@@ -6,13 +6,13 @@ export declare const props: {
      */
     onTextZone: {
         type: PropType<OnTextZone>;
-        default: undefined;
+        default: any;
     };
     /**
      * 遮罩层 appendTo
      */
     appendTo: {
-        type: null;
+        type: any;
         default: string;
     };
     disabled: {
@@ -24,7 +24,7 @@ export declare const props: {
      */
     speechToText: {
         type: PropType<SpeechToText>;
-        default: undefined;
+        default: any;
     };
     /**
      * @description 是否直接使用提交文本输出