@vunk/plus 1.3.4 → 1.3.5

package/components/broadcasting-markdown/src/howler-speech.vue.d.ts

@@ -0,0 +1,117 @@
+import type { Deferred } from '@vunk/shared/promise';
+import type { PropType } from 'vue';
+import type { Paragraph } from './types';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<Paragraph>;
+        default: () => {};
+    };
+    deferred: {
+        type: PropType<Deferred<any>>;
+        required: true;
+    };
+    pause: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description 语音资源路径
+     */
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    render: {
+        type: PropType<(text: string) => string>;
+        required: true;
+    };
+}>, (() => null) | (() => JSX.Element), {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: PropType<Paragraph>;
+        default: () => {};
+    };
+    deferred: {
+        type: PropType<Deferred<any>>;
+        required: true;
+    };
+    pause: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description 语音资源路径
+     */
+    url: {
+        type: StringConstructor;
+        default: string;
+    };
+    render: {
+        type: PropType<(text: string) => string>;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    pause: boolean;
+    data: Paragraph;
+    url: string;
+}, {}, {
+    SpeechError: import("vue").DefineComponent<{}, {
+        readonly CloseBold: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        readonly ElIcon: import("element-plus/es/utils").SFCWithInstall<{
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
+                readonly size: {
+                    readonly type: PropType<import("element-plus").ButtonType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly color: {
+                    readonly type: PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import("vue").ExtractPropTypes<{
+                readonly size: {
+                    readonly type: PropType<import("element-plus").ButtonType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly color: {
+                    readonly type: PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+            }>>, {}, {}, {}, {}, {}>;
+            __isFragment?: undefined;
+            __isTeleport?: undefined;
+            __isSuspense?: undefined;
+        } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            readonly size: {
+                readonly type: PropType<import("element-plus").ButtonType<(new (...args: any[]) => string | number) | (() => string | number) | ((new (...args: any[]) => string | number) | (() => string | number))[], unknown, unknown>>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+            readonly color: {
+                readonly type: PropType<string>;
+                readonly required: false;
+                readonly validator: ((val: unknown) => boolean) | undefined;
+                __epPropKey: true;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: {
+                default?(_: {}): any;
+            };
+        })>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/components/broadcasting-markdown/src/index.vue.d.ts

@@ -405,7 +405,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             })>;
         }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    CustomSpeechView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    HowlerSpeechView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         data: {
             type: import("vue").PropType<Paragraph>;
             default: () => {};

package/components/bubble-list/src/index.vue.d.ts

@@ -438,7 +438,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     })>;
                 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
             }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-            CustomSpeechView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            HowlerSpeechView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                 data: {
                     type: import("vue").PropType<import("../../broadcasting-markdown/src/types").Paragraph>;
                     default: () => {};

package/components/bubble-templates/src/index.vue.d.ts

@@ -416,7 +416,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 })>;
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        CustomSpeechView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        HowlerSpeechView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             data: {
                 type: PropType<__VkBroadcastingMarkdown.Paragraph>;
                 default: () => {};

package/components/chat-independent/src/index.vue.d.ts

@@ -495,7 +495,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         })>;
                     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
                 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-                CustomSpeechView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                HowlerSpeechView: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
                     data: {
                         type: import("vue").PropType<import("../../broadcasting-markdown/src/types").Paragraph>;
                         default: () => {};
@@ -1094,7 +1094,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     __epPropKey: true;
                 };
                 readonly disabled: BooleanConstructor;
-                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown, "", boolean>;
+                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown, "", boolean>;
                 readonly icon: {
                     readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
                     readonly required: false;
@@ -1120,7 +1120,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {
                 ref: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
                 size: import("vue").ComputedRef<"" | "small" | "default" | "large">;
-                type: import("vue").ComputedRef<"" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger">;
+                type: import("vue").ComputedRef<"" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger">;
                 disabled: import("vue").ComputedRef<boolean>;
                 shouldAddSpace: import("vue").ComputedRef<boolean>;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -1132,7 +1132,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 readonly disabled: boolean;
                 readonly round: boolean;
                 readonly dark: boolean;
-                readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown>;
+                readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown>;
                 readonly bg: boolean;
                 readonly loading: boolean;
                 readonly autofocus: boolean;
@@ -1156,7 +1156,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     __epPropKey: true;
                 };
                 readonly disabled: BooleanConstructor;
-                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown, "", boolean>;
+                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown, "", boolean>;
                 readonly icon: {
                     readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
                     readonly required: false;
@@ -1182,7 +1182,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             }, {
                 ref: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
                 size: import("vue").ComputedRef<"" | "small" | "default" | "large">;
-                type: import("vue").ComputedRef<"" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger">;
+                type: import("vue").ComputedRef<"" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger">;
                 disabled: import("vue").ComputedRef<boolean>;
                 shouldAddSpace: import("vue").ComputedRef<boolean>;
             }, {}, {}, {}, {
@@ -1192,7 +1192,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 readonly disabled: boolean;
                 readonly round: boolean;
                 readonly dark: boolean;
-                readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown>;
+                readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown>;
                 readonly bg: boolean;
                 readonly loading: boolean;
                 readonly autofocus: boolean;
@@ -1213,7 +1213,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 __epPropKey: true;
             };
             readonly disabled: BooleanConstructor;
-            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown, "", boolean>;
+            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown, "", boolean>;
             readonly icon: {
                 readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
                 readonly required: false;
@@ -1239,7 +1239,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {
             ref: import("vue").Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
             size: import("vue").ComputedRef<"" | "small" | "default" | "large">;
-            type: import("vue").ComputedRef<"" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger">;
+            type: import("vue").ComputedRef<"" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger">;
             disabled: import("vue").ComputedRef<boolean>;
             shouldAddSpace: import("vue").ComputedRef<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -1251,7 +1251,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly disabled: boolean;
             readonly round: boolean;
             readonly dark: boolean;
-            readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown>;
+            readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown>;
             readonly bg: boolean;
             readonly loading: boolean;
             readonly autofocus: boolean;
@@ -1275,9 +1275,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
                     };
-                    readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown, "", boolean>;
+                    readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown, "", boolean>;
                 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
-                    readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown>;
+                    readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown>;
                 }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
@@ -1292,9 +1292,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
                     };
-                    readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown, "", boolean>;
+                    readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown, "", boolean>;
                 }>>, {}, {}, {}, {}, {
-                    readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown>;
+                    readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown>;
                 }>;
                 __isFragment?: undefined;
                 __isTeleport?: undefined;
@@ -1306,9 +1306,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
                 };
-                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown, "", boolean>;
+                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown, "", boolean>;
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-                readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown>;
+                readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown>;
             }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
                     default?(_: {}): any;
@@ -1866,8 +1866,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }>, {
-            title: string;
             modelValue: boolean;
+            title: string;
             contentRef: import("@vunk/shared").AnyFunc;
         }, {}, {
             ElCollapseTransition: import("element-plus/es/utils").SFCWithInstall<{

package/components/recorder-button/index.mjs

@@ -1,6 +1,6 @@
+import { useRecorder } from '@vunk/plus/composables/recorder';
 import { ElButton, ElMessage } from 'element-plus';
-import Recorder from 'recorder-core';
-import { defineComponent, ref, shallowRef, onUnmounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createBlock, createVNode, Teleport, createElementVNode, toDisplayString, normalizeClass, mergeProps, withCtx } from 'vue';
+import { defineComponent, ref, onUnmounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createBlock, createVNode, Teleport, createElementVNode, toDisplayString, normalizeClass, mergeProps, withCtx } from 'vue';
 import 'recorder-core/src/engine/mp3';
 import 'recorder-core/src/engine/wav';
 import 'recorder-core/src/engine/mp3-engine';
@@ -70,52 +70,40 @@ var _sfc_main = defineComponent({
   props,
   emits,
   setup(props2, { emit }) {
-    const supported = ref(false);
-    const recording = ref(false);
     const recordingNode = ref();
-    const wave = shallowRef();
+    const { openOrStart, recording, recorder, wave } = useRecorder({
+      waveViewRef: recordingNode,
+      defaultOptions: {
+        onProcess
+      }
+    });
     const blobUrl = ref("");
     let pressTimer = null;
-    const rec = new Recorder({
-      // mp3格式，指定采样率hz、比特率kbps
-      type: "wav",
-      sampleRate: 16e3,
-      bitRate: 16,
-      onProcess
-    });
-    const recOpen = () => {
-      return new Promise((resolve, reject) => {
-        rec.open(() => {
-          supported.value = true;
-          if (Recorder.WaveView) {
-            wave.value = Recorder.WaveView({
-              elem: recordingNode.value
-            });
+    const isDragging = ref(false);
+    const startRecording = async () => {
+      try {
+        await openOrStart({
+          // 授权时, 取消弹窗
+          openThen: () => {
+            isDragging.value = false;
+            return false;
           }
-          resolve(true);
-        }, (msg, isUserNotAllow) => {
-          ElMessage.error(`${isUserNotAllow ? "\u7528\u6237\u672A\u6388\u6743, " : ""}\u65E0\u6CD5\u5F55\u97F3:${msg}`);
-          reject(new Error(msg));
         });
-      });
-    };
-    const startRecording = async () => {
-      await recOpen();
-      if (!supported.value)
+      } catch (e) {
+        ElMessage.error(`\u5F55\u97F3\u5931\u8D25:${e}`);
         return;
-      rec.start();
+      }
       recording.value = true;
     };
-    const isDragging = ref(false);
     const dragPosition = ref({ x: 0, y: 0 });
     const cancelZone = ref(false);
     const isTextZone = ref(false);
     let isMouseDown = false;
     const stopRecording = () => {
       const theTextZone = isTextZone.value;
-      rec.stop(async (blob) => {
+      recorder.stop(async (blob) => {
         blobUrl.value = (window.URL || webkitURL).createObjectURL(blob);
-        rec.close();
+        recorder.close();
         recording.value = false;
         emit("submit", {
           blob,
@@ -189,7 +177,7 @@ var _sfc_main = defineComponent({
       clearTimeout(pressTimer);
       if (isDragging.value) {
         if (cancelZone.value) {
-          rec.close();
+          recorder.close();
         } else {
           stopRecording();
         }

package/components/recorder-button/src/index.vue.d.ts

@@ -78,7 +78,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 __epPropKey: true;
             };
             readonly disabled: BooleanConstructor;
-            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown, "", boolean>;
+            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown, "", boolean>;
             readonly icon: {
                 readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
                 readonly required: false;
@@ -104,7 +104,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {
             ref: Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
             size: import("vue").ComputedRef<"" | "small" | "default" | "large">;
-            type: import("vue").ComputedRef<"" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger">;
+            type: import("vue").ComputedRef<"" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger">;
             disabled: import("vue").ComputedRef<boolean>;
             shouldAddSpace: import("vue").ComputedRef<boolean>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -116,7 +116,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly disabled: boolean;
             readonly round: boolean;
             readonly dark: boolean;
-            readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown>;
+            readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown>;
             readonly bg: boolean;
             readonly loading: boolean;
             readonly autofocus: boolean;
@@ -140,7 +140,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 __epPropKey: true;
             };
             readonly disabled: BooleanConstructor;
-            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown, "", boolean>;
+            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown, "", boolean>;
             readonly icon: {
                 readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
                 readonly required: false;
@@ -166,7 +166,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }, {
             ref: Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
             size: import("vue").ComputedRef<"" | "small" | "default" | "large">;
-            type: import("vue").ComputedRef<"" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger">;
+            type: import("vue").ComputedRef<"" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger">;
             disabled: import("vue").ComputedRef<boolean>;
             shouldAddSpace: import("vue").ComputedRef<boolean>;
         }, {}, {}, {}, {
@@ -176,7 +176,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly disabled: boolean;
             readonly round: boolean;
             readonly dark: boolean;
-            readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown>;
+            readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown>;
             readonly bg: boolean;
             readonly loading: boolean;
             readonly autofocus: boolean;
@@ -197,7 +197,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             __epPropKey: true;
         };
         readonly disabled: BooleanConstructor;
-        readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown, "", boolean>;
+        readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown, "", boolean>;
         readonly icon: {
             readonly type: import("vue").PropType<import("element-plus").ButtonType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>>;
             readonly required: false;
@@ -223,7 +223,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {
         ref: Ref<HTMLButtonElement | undefined, HTMLButtonElement | undefined>;
         size: import("vue").ComputedRef<"" | "small" | "default" | "large">;
-        type: import("vue").ComputedRef<"" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger">;
+        type: import("vue").ComputedRef<"" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger">;
         disabled: import("vue").ComputedRef<boolean>;
         shouldAddSpace: import("vue").ComputedRef<boolean>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -235,7 +235,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly disabled: boolean;
         readonly round: boolean;
         readonly dark: boolean;
-        readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown>;
+        readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown>;
         readonly bg: boolean;
         readonly loading: boolean;
         readonly autofocus: boolean;
@@ -259,9 +259,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
                 };
-                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown, "", boolean>;
+                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown, "", boolean>;
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
-                readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown>;
+                readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown>;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
                 B: {};
@@ -276,9 +276,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
                 };
-                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown, "", boolean>;
+                readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown, "", boolean>;
             }>>, {}, {}, {}, {}, {
-                readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown>;
+                readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown>;
             }>;
             __isFragment?: undefined;
             __isTeleport?: undefined;
@@ -290,9 +290,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
             };
-            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown, "", boolean>;
+            readonly type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown, "", boolean>;
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "text" | "info" | "success" | "warning" | "primary" | "danger", unknown>;
+            readonly type: import("element-plus").ButtonType<StringConstructor, "" | "default" | "info" | "success" | "text" | "warning" | "primary" | "danger", unknown>;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: {
                 default?(_: {}): any;

package/components/sender/index.mjs

@@ -175,14 +175,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         });
       };
       const sendRender = () => {
-        return createVNode(Tooltip, {
-          "title": props2.modelValue ? "\u70B9\u51FB\u53D1\u9001" : "\u8BF7\u8F93\u5165\u5185\u5BB9"
-        }, {
-          default: () => [createVNode(SendButton, {
-            "type": "text",
-            "icon": createVNode(SendOutlined, null, null)
-          }, null)]
-        });
+        return createVNode(SendButton, {
+          "type": "text",
+          "icon": createVNode(SendOutlined, null, null)
+        }, null);
       };
       const sendAction = () => loading.value ? loadingRender() : sendRender();
       return createVNode("div", {

package/components/sender/src/SenderHeader.vue.d.ts

@@ -31,8 +31,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
-    title: string;
     modelValue: boolean;
+    title: string;
     contentRef: AnyFunc;
 }, {}, {
     ElCollapseTransition: import("element-plus/es/utils").SFCWithInstall<{

package/components/sender/src/index.vue.d.ts

@@ -552,8 +552,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }>, {
-        title: string;
         modelValue: boolean;
+        title: string;
         contentRef: import("@vunk/shared").AnyFunc;
     }, {}, {
         ElCollapseTransition: import("element-plus/es/utils").SFCWithInstall<{

package/components/speech-button/src/index.vue.d.ts

@@ -12,8 +12,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>> & Readonly<{
-    onStop?: ((_: Blob) => any) | undefined;
     onStart?: ((...args: any[]) => any) | undefined;
+    onStop?: ((_: Blob) => any) | undefined;
 }>, {
     disabled: boolean;
 }, {}, {