@vunk/plus 1.12.2 → 1.13.1

package/components/pixi-frame/src/provider.vue.d.ts

@@ -1,2 +1,13 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/pixi-frame/src/video.vue.d.ts

@@ -1,6 +1,9 @@
-import type { Texture } from 'pixi.js';
 import { TickerStatus } from '@vunk/shared/enum';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     url: {
         type: StringConstructor;
         required: true;
@@ -37,74 +40,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        url: {
-            type: StringConstructor;
-            required: true;
-        };
-        data: {
-            type: import("vue").PropType<any[]>;
-            default: () => never[];
-        };
-        loop: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        status: {
-            type: import("vue").PropType<TickerStatus>;
-            default: TickerStatus;
-        };
-        frameRate: {
-            type: NumberConstructor;
-            default: number;
-        };
-        label: {
-            type: StringConstructor;
-            default: string;
-        };
-        resize: {
-            type: import("vue").PropType<import("./types").Resize>;
-            default: undefined;
-        };
-        prerender: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        visible: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }>> & Readonly<{
-        "onUpdate:status"?: ((...args: any[]) => any) | undefined;
-        onSetData?: ((...args: any[]) => any) | undefined;
-        "onUpdate:data"?: ((...args: any[]) => any) | undefined;
-    }> & {}>;
-    emit: ((event: "update:status", ...args: any[]) => void) & ((event: "setData", ...args: any[]) => void) & ((event: "update:data", ...args: any[]) => void);
-    compId: string;
-    getAlias: () => string;
-    sprite: import("pixi.js").Sprite;
-    resizeSprite: () => void;
-    texture: import("vue").Ref<Texture<import("pixi.js").TextureSource<any>> | undefined, Texture<import("pixi.js").TextureSource<any>> | undefined>;
-    video: import("vue").ComputedRef<HTMLVideoElement | null>;
-    readyDef: {
-        _ref: import("vue").ShallowRef<unknown, unknown>;
-        readonly value: unknown;
-        promise: Promise<unknown>;
-        resolve: import("@vunk/core").AnyFunc;
-        reject: (reason?: any) => void;
-    };
-    videoError: import("vue").Ref<string, string>;
-    loadVideoTexture: (url: string) => Promise<any>;
-    setupVideoEvents: (video: HTMLVideoElement) => void;
-    cleanupVideo: () => Promise<void>;
-    play: () => void;
-    pause: () => void;
-    stop: () => void;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:status': null;
-    'update:data': null;
-    setData: null;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:status": (...args: any[]) => void;
+    setData: (...args: any[]) => void;
+    "update:data": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     url: {
         type: StringConstructor;
@@ -148,12 +87,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:data"?: ((...args: any[]) => any) | undefined;
 }>, {
     data: any[];
-    visible: boolean;
     resize: import("./types").Resize;
+    visible: boolean;
     label: string;
     status: TickerStatus;
     prerender: boolean;
     loop: boolean;
     frameRate: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/pixi-frame/src/view.vue.d.ts

@@ -1,24 +1,11 @@
 import type { ApplicationOptions } from 'pixi.js';
-import type { PropType, Ref } from 'vue';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+import type { PropType } from 'vue';
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     defaultOptions: {
         type: PropType<Partial<ApplicationOptions>>;
         default: () => {};
     };
-}>, {
-    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        defaultOptions: {
-            type: PropType<Partial<ApplicationOptions>>;
-            default: () => {};
-        };
-    }>> & Readonly<{}> & {}>;
-    app: import("pixi.js").Application<import("pixi.js").Renderer>;
-    context: {
-        whenDef: import("@vunk/shared/promise").Deferred<import("pixi.js").Application>;
-        when: () => Promise<import("pixi.js").Application>;
-    };
-    appRef: Ref<HTMLDivElement, HTMLDivElement>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     defaultOptions: {
         type: PropType<Partial<ApplicationOptions>>;
         default: () => {};
@@ -26,4 +13,5 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     defaultOptions: Partial<ApplicationOptions>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/components/recorder-button/index.cjs

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

package/components/recorder-button/index.mjs

@@ -1,9 +1,8 @@
-import { useRecorder } from '@vunk/plus/composables/recorder';
-import { ElButton, ElMessage } from 'element-plus';
-import { defineComponent, ref, onUnmounted, resolveComponent, openBlock, createElementBlock, createCommentVNode, createBlock, Teleport, withDirectives, createElementVNode, toDisplayString, normalizeClass, vShow, createVNode, mergeProps, withCtx } from 'vue';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-
-const props = {
+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 { _ as I } from "../_plugin-vue_export-helper-CHgC5LLL.mjs";
+const H = {
   /**
    * 自定义转为文本区域事件
    */
@@ -20,7 +19,7 @@ const props = {
   },
   disabled: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    * 语音转文本函数
@@ -34,315 +33,187 @@ const props = {
    */
   submitToText: {
     type: Boolean,
-    default: false
+    default: !1
   }
+}, J = {
+  submitText: (e) => typeof e == "string",
+  submit: (e) => !0,
+  error: (e) => !0
 };
-const emits = {
-  submitText: (text) => typeof text === "string",
-  submit: (_) => true,
-  error: (_) => true
-};
-
-async function speechToText(url, blob) {
-  const formData = new FormData();
-  formData.append("file", blob, "audio.wav");
-  const response = await fetch(url, {
+async function K(e, s) {
+  const r = new FormData();
+  r.append("file", s, "audio.wav");
+  const a = await fetch(e, {
     method: "POST",
-    body: formData
+    body: r
   });
-  if (!response.ok) {
+  if (!a.ok)
     throw new Error("Speech to text failed");
-  }
-  const result = await response.json();
-  return result.text;
+  return (await a.json()).text;
 }
-
-const LONG_PRESS_DURATION = 100;
-var _sfc_main = defineComponent({
+const Q = 100, W = V({
   name: "VkRecorderButton",
   components: {
-    ElButton
+    ElButton: O
   },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const recordingNode = ref();
-    const { openOrStart, recording, recorder, wave } = useRecorder({
-      waveViewRef: recordingNode,
+  props: H,
+  emits: J,
+  setup(e, { emit: s }) {
+    const r = i(), { openOrStart: a, recording: l, recorder: d, wave: g } = Z({
+      waveViewRef: r,
       defaultOptions: {
-        onProcess
+        onProcess: C
       }
-    });
-    const blobUrl = ref("");
-    let pressTimer = null;
-    const isDragging = ref(false);
-    const startRecording = async () => {
+    }), v = i("");
+    let y = null;
+    const c = i(!1), k = async () => {
       try {
-        await openOrStart({
+        await a({
           // 授权时, 取消弹窗
-          openThen: () => {
-            isDragging.value = false;
-            return false;
-          }
+          openThen: () => (c.value = !1, !1)
         });
-      } catch (e) {
-        console.error("\u5F55\u97F3\u5931\u8D25:", e);
-        emit("error", e);
-        isDragging.value = false;
+      } catch (o) {
+        console.error("录音失败:", o), s("error", o), c.value = !1;
         return;
       }
-      recording.value = true;
-    };
-    const dragPosition = ref({ x: 0, y: 0 });
-    const cancelZone = ref(false);
-    const isTextZone = ref(false);
-    let isMouseDown = false;
-    const stopRecording = () => {
-      const theTextZone = isTextZone.value;
-      recorder.stop(async (blob) => {
-        blobUrl.value = (window.URL || webkitURL).createObjectURL(blob);
-        recorder.close();
-        recording.value = false;
-        emit("submit", {
-          blob,
-          url: blobUrl.value
-        });
-        if (theTextZone || props2.submitToText) {
-          if (props2.onTextZone) {
-            props2.onTextZone({
-              blob,
-              url: blobUrl.value
+      l.value = !0;
+    }, B = i({ x: 0, y: 0 }), m = i(!1), f = i(!1);
+    let b = !1;
+    const F = () => {
+      const o = f.value;
+      d.stop(async (t) => {
+        if (v.value = (window.URL || webkitURL).createObjectURL(t), d.close(), l.value = !1, s("submit", {
+          blob: t,
+          url: v.value
+        }), o || e.submitToText)
+          if (e.onTextZone)
+            e.onTextZone({
+              blob: t,
+              url: v.value
             });
-          } else {
-            if (props2.speechToText) {
-              props2.speechToText(blob).then((text) => {
-                emit("submitText", text);
+          else {
+            if (e.speechToText) {
+              e.speechToText(t).then((u) => {
+                s("submitText", u);
               });
               return;
             }
-            speechToText("/speech-to-text", blob).then((text) => {
-              emit("submitText", text);
-            }).catch((err) => {
-              console.error("\u8BED\u97F3\u8BC6\u522B\u9519\u8BEF:", err);
-              ElMessage.error("\u8F6C\u6362\u6587\u5B57\u5931\u8D25");
+            K("/speech-to-text", t).then((u) => {
+              s("submitText", u);
+            }).catch((u) => {
+              console.error("语音识别错误:", u), M.error("转换文字失败");
             });
           }
-        }
       });
-    };
-    const addDocumentListeners = () => {
-      document.addEventListener("mousemove", onmousemove);
-      document.addEventListener("mouseup", onmouseup);
-    };
-    const removeDocumentListeners = () => {
-      document.removeEventListener("mousemove", onmousemove);
-      document.removeEventListener("mouseup", onmouseup);
-    };
-    const onmousedown = (e) => {
-      if (props2.disabled)
+    }, S = () => {
+      document.addEventListener("mousemove", x), document.addEventListener("mouseup", D);
+    }, _ = () => {
+      document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", D);
+    }, L = (o) => {
+      if (e.disabled)
         return;
-      e.preventDefault();
-      isMouseDown = true;
-      const touch = "touches" in e ? e.touches[0] : e;
-      dragPosition.value = { x: touch.clientX, y: touch.clientY };
-      if (e instanceof MouseEvent) {
-        addDocumentListeners();
-      }
-      pressTimer = setTimeout(() => {
-        if (isMouseDown) {
-          isDragging.value = true;
-          startRecording();
-        }
-      }, LONG_PRESS_DURATION);
+      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());
+      }, Q);
     };
-    function onmousemove(e) {
-      e.preventDefault();
-      if (!isDragging.value)
+    function x(o) {
+      if (o.preventDefault(), !c.value)
         return;
-      const touch = "touches" in e ? e.touches[0] : e;
-      dragPosition.value = { x: touch.clientX, y: touch.clientY };
-      const cancelBtn = document.querySelector(".cancel-btn-x");
-      const textBtn = document.querySelector(".text-btn-x");
-      if (cancelBtn && textBtn) {
-        const cancelRect = cancelBtn.getBoundingClientRect();
-        const textRect = textBtn.getBoundingClientRect();
-        cancelZone.value = touch.clientX >= cancelRect.left && touch.clientX <= cancelRect.right && touch.clientY >= cancelRect.top && touch.clientY <= cancelRect.bottom;
-        isTextZone.value = touch.clientX >= textRect.left && touch.clientX <= textRect.right && touch.clientY >= textRect.top && touch.clientY <= textRect.bottom;
+      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();
+        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 onmouseup(e) {
-      isMouseDown = false;
-      clearTimeout(pressTimer);
-      if (isDragging.value) {
-        if (cancelZone.value) {
-          recorder.close();
-        } else {
-          stopRecording();
-        }
-        isDragging.value = false;
-        cancelZone.value = false;
-        isTextZone.value = false;
-      }
-      if (e instanceof MouseEvent) {
-        removeDocumentListeners();
-      }
+    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 onProcess(buffers, powerLevel, bufferDuration, bufferSampleRate) {
-      wave.value?.input(
-        buffers[buffers.length - 1],
-        powerLevel,
-        bufferSampleRate
+    function C(o, t, u, p) {
+      g.value?.input(
+        o[o.length - 1],
+        t,
+        p
       );
     }
-    onUnmounted(() => {
-      removeDocumentListeners();
-    });
-    return {
-      onmousedown,
-      onmousemove,
-      onmouseup,
-      recording,
-      recordingNode,
-      blobUrl,
-      isDragging,
-      cancelZone,
-      isTextZone
+    return N(() => {
+      _();
+    }), {
+      onmousedown: L,
+      onmousemove: x,
+      onmouseup: D,
+      recording: l,
+      recordingNode: r,
+      blobUrl: v,
+      isDragging: c,
+      cancelZone: m,
+      isTextZone: f
     };
   }
-});
-
-const _hoisted_1 = { class: "vk-recorder-container" };
-const _hoisted_2 = { class: "vk-recording-mask" };
-const _hoisted_3 = { class: "recording-tip" };
-const _hoisted_4 = {
+}), ee = { class: "vk-recorder-container" }, te = { class: "vk-recording-mask" }, oe = { class: "recording-tip" }, ne = {
   ref: "recordingNode",
   class: "wave-container"
-};
-const _hoisted_5 = { class: "tip-text" };
-const _hoisted_6 = { class: "action-buttons" };
-const _hoisted_7 = { class: "cancel-btn-x" };
-const _hoisted_8 = { class: "text-btn-x" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ElButton = resolveComponent("ElButton");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    createCommentVNode(" \u906E\u7F69\u5C42 "),
-    (openBlock(), createBlock(Teleport, { to: _ctx.appendTo }, [
-      withDirectives(createElementVNode(
-        "div",
-        _hoisted_2,
-        [
-          createCommentVNode(" \u5F55\u97F3\u63D0\u793A\u533A\u57DF\u79FB\u5230\u4E0A\u9762 "),
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode(
-              "div",
-              _hoisted_4,
-              null,
-              512
-              /* NEED_PATCH */
-            ),
-            createElementVNode(
-              "div",
-              _hoisted_5,
-              toDisplayString(_ctx.cancelZone ? "\u677E\u5F00\u624B\u6307\uFF0C\u53D6\u6D88\u53D1\u9001" : "\u677E\u5F00\u53D1\u9001\uFF0C\u4E0A\u6ED1\u53D6\u6D88"),
-              1
-              /* TEXT */
-            )
+}, 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 }, [
+      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", {
+              class: R(["cancel-btn", { active: e.cancelZone }])
+            }, s[0] || (s[0] = [
+              n("div", { class: "btn-icon" }, " × ", -1),
+              n("div", { class: "btn-text" }, " 取消发送 ", -1)
+            ]), 2)
           ]),
-          createElementVNode("div", _hoisted_6, [
-            createElementVNode("div", _hoisted_7, [
-              createElementVNode(
-                "div",
-                {
-                  class: normalizeClass(["cancel-btn", { active: _ctx.cancelZone }])
-                },
-                _cache[0] || (_cache[0] = [
-                  createElementVNode(
-                    "div",
-                    { class: "btn-icon" },
-                    " \xD7 ",
-                    -1
-                    /* HOISTED */
-                  ),
-                  createElementVNode(
-                    "div",
-                    { class: "btn-text" },
-                    " \u53D6\u6D88\u53D1\u9001 ",
-                    -1
-                    /* HOISTED */
-                  )
-                ]),
-                2
-                /* CLASS */
-              )
-            ]),
-            createElementVNode("div", _hoisted_8, [
-              createElementVNode(
-                "div",
-                {
-                  class: normalizeClass(["text-btn", { active: _ctx.isTextZone }])
-                },
-                _cache[1] || (_cache[1] = [
-                  createElementVNode(
-                    "div",
-                    { class: "btn-icon" },
-                    " \u6587 ",
-                    -1
-                    /* HOISTED */
-                  ),
-                  createElementVNode(
-                    "div",
-                    { class: "btn-text" },
-                    " \u8F6C\u4E3A\u6587\u5B57 ",
-                    -1
-                    /* HOISTED */
-                  )
-                ]),
-                2
-                /* CLASS */
-              )
-            ])
+          n("div", re, [
+            n("div", {
+              class: R(["text-btn", { active: e.isTextZone }])
+            }, s[1] || (s[1] = [
+              n("div", { class: "btn-icon" }, " 文 ", -1),
+              n("div", { class: "btn-text" }, " 转为文字 ", -1)
+            ]), 2)
           ])
-        ],
-        512
-        /* NEED_PATCH */
-      ), [
-        [vShow, _ctx.isDragging]
+        ])
+      ], 512), [
+        [A, e.isDragging]
       ])
     ], 8, ["to"])),
-    createCommentVNode(" \u5F55\u97F3\u6309\u94AE "),
-    createVNode(_component_ElButton, mergeProps(_ctx.$attrs, {
-      disabled: _ctx.disabled,
+    Y(g, q(e.$attrs, {
+      disabled: e.disabled,
       class: ["vk-recorder-button", {
-        "is-recording": _ctx.recording
+        "is-recording": e.recording
       }],
       size: "large",
-      onTouchstart: _ctx.onmousedown,
-      onTouchmove: _ctx.onmousemove,
-      onTouchend: _ctx.onmouseup,
-      onMousedown: _ctx.onmousedown
+      onTouchstart: e.onmousedown,
+      onTouchmove: e.onmousemove,
+      onTouchend: e.onmouseup,
+      onMousedown: e.onmousedown
     }), {
-      default: withCtx(() => _cache[2] || (_cache[2] = [
-        createElementVNode(
-          "span",
-          { class: "vk-recorder-button-text" },
-          "\u6309\u4F4F \u8BF4\u8BDD",
-          -1
-          /* HOISTED */
-        )
+      default: G(() => s[2] || (s[2] = [
+        n("span", { class: "vk-recorder-button-text" }, "按住 说话", -1)
       ])),
       _: 1
-      /* STABLE */
     }, 16, ["disabled", "class", "onTouchstart", "onTouchmove", "onTouchend", "onMousedown"])
   ]);
 }
-var VkRecorderButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/vunk-plus/vunk-plus/packages/components/recorder-button/src/index.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+const w = /* @__PURE__ */ I(W, [["render", ie]]), me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkRecorderButton.install = (app) => {
-  app.component(VkRecorderButton.name || "VkRecorderButton", VkRecorderButton);
+}, Symbol.toStringTag, { value: "Module" }));
+w.install = (e) => {
+  e.component(w.name || "VkRecorderButton", w);
+};
+export {
+  w as VkRecorderButton,
+  me as __VkRecorderButton,
+  w as default
 };
-
-export { VkRecorderButton, types as __VkRecorderButton, VkRecorderButton as default };