tuikit-atomicx-vue3 4.3.1 → 4.4.0

package/dist/components/MessageInput/TextEditor/EditorCore.js

@@ -1,7 +1,7 @@
-import { S as g, P as x, E as d, I as o } from "../../../index-DTi1fL-x.js";
+import { S as x, P as d, E as y, I as o } from "../../../index-DTi1fL-x.js";
 import { E as M } from "../../../index-BfIEeWMg.js";
 import { MessageContentType as n } from "../../../states/MessageInputState/type.js";
-function y() {
+function T() {
   return o.extend({
     name: n.EMOJI,
     inline: !0,
@@ -18,7 +18,7 @@ function y() {
     }
   });
 }
-function T() {
+function b() {
   return o.extend({
     addOptions() {
       var t;
@@ -59,7 +59,7 @@ function p(t) {
 }
 function c(t) {
   return t != null && t.content ? t.content.flatMap((e) => {
-    var a, s, r, u;
+    var a, s, u, r;
     switch (e.type) {
       case "text":
         return e.text ? [{
@@ -76,8 +76,8 @@ function c(t) {
           type: n.EMOJI,
           content: {
             url: (s = e.attrs) == null ? void 0 : s.src,
-            key: (r = e.attrs) == null ? void 0 : r.alt,
-            text: (u = e.attrs) == null ? void 0 : u.title
+            key: (u = e.attrs) == null ? void 0 : u.alt,
+            text: (r = e.attrs) == null ? void 0 : r.title
           }
         }];
       case "hardBreak":
@@ -91,38 +91,40 @@ function c(t) {
     }
   }) : [];
 }
-function B({
+function D({
   element: t,
   placeholder: e = "",
   autoFocus: a = !1,
   disabled: s = !1,
+  isPlaceholderOnlyShowWhenEditable: u = !0,
   onUpdate: r,
-  onEnter: u,
-  onFocus: f,
-  onBlur: E
+  onEnter: f,
+  onFocus: E,
+  onBlur: l
 }) {
   const m = {
     element: t,
     autofocus: a,
     editable: !s,
     extensions: ((i) => [
-      g,
+      x,
       p(i ? { onEnter: i } : void 0),
-      y(),
       T(),
-      x.configure({
-        placeholder: e
+      b(),
+      d.configure({
+        placeholder: e,
+        showOnlyWhenEditable: u
       })
-    ])(u),
+    ])(f),
     onUpdate: ({ editor: i }) => {
-      const l = c(i.getJSON());
-      r == null || r(l);
+      const g = c(i.getJSON());
+      r == null || r(g);
     },
-    onFocus: f,
-    onBlur: E
+    onFocus: E,
+    onBlur: l
   };
-  return new d(m);
+  return new y(m);
 }
 export {
-  B as createEditor
+  D as createEditor
 };

package/dist/components/MessageInput/TextEditor/TextEditor.vue.d.ts

@@ -10,11 +10,11 @@ declare function __VLS_template(): {
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextEditorProps>, {
     autoFocus: boolean;
     disabled: boolean;
-    placeholder: string;
+    placeholder: undefined;
 }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TextEditorProps>, {
     autoFocus: boolean;
     disabled: boolean;
-    placeholder: string;
+    placeholder: undefined;
 }>>> & Readonly<{}>, {
     placeholder: string;
     disabled: boolean;

package/dist/components/MessageInput/TextEditor/index.js

@@ -1,67 +1,68 @@
-import { defineComponent as F, ref as p, computed as g, onMounted as B, onUnmounted as k, watch as c, createElementBlock as f, openBlock as m, normalizeClass as d, unref as i, createElementVNode as _, renderSlot as h } from "vue";
-import { useUIKit as M } from "@tencentcloud/uikit-base-component-vue3";
+import { defineComponent as I, ref as p, onMounted as F, onUnmounted as g, watch as c, createElementBlock as f, openBlock as m, normalizeClass as d, unref as a, createElementVNode as _, renderSlot as h } from "vue";
+import { useUIKit as B } from "@tencentcloud/uikit-base-component-vue3";
 import { createEditor as S } from "./EditorCore.js";
-import { useMessageInputState as D } from "../../../states/MessageInputState/MessageInputState.js";
-import { useConversationListState as R } from "../../../states/ConversationListState/ConversationListState.js";
-const T = "_disabled_ihh75_11", U = "_editor_ihh75_21", o = {
+import { useMessageInputState as k } from "../../../states/MessageInputState/MessageInputState.js";
+import { useConversationListState as M } from "../../../states/ConversationListState/ConversationListState.js";
+const D = "_disabled_ihh75_11", R = "_editor_ihh75_21", o = {
   "input-wrapper": "_input-wrapper_ihh75_1",
-  disabled: T,
+  disabled: D,
   "input-prefix": "_input-prefix_ihh75_15",
   "input-suffix": "_input-suffix_ihh75_16",
-  editor: U
-}, K = /* @__PURE__ */ F({
+  editor: R
+}, $ = /* @__PURE__ */ I({
   __name: "TextEditor",
   props: {
     autoFocus: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 },
-    placeholder: { default: "" }
+    placeholder: { default: void 0 }
   },
   setup(b) {
-    const t = b, { t: x } = M(), { activeConversation: E } = R(), { updateRawValue: v, sendMessage: I, setEditorInstance: l, setContent: r } = D(), u = p(null), n = p(t.autoFocus), y = g(() => t.disabled ? "" : t.placeholder || x("MessageInput.enter_a_message"));
+    const t = b, { t: x } = B(), { activeConversation: E } = M(), { updateRawValue: v, sendMessage: y, setEditorInstance: n, setContent: r } = k(), l = p(null), u = p(t.autoFocus);
     let s = null;
-    return B(() => {
-      const e = u.value;
+    return F(() => {
+      const e = l.value;
       e && (e.classList.add("message-input"), e.dataset.editorCreated || (s = S({
         element: e,
-        placeholder: y.value,
+        placeholder: t.placeholder ?? x("MessageInput.enter_a_message"),
+        isPlaceholderOnlyShowWhenEditable: t.placeholder === void 0,
         autoFocus: t.autoFocus,
         disabled: t.disabled,
-        onUpdate: (a) => {
-          v(a);
+        onUpdate: (i) => {
+          v(i);
         },
         onEnter: () => {
-          I(), r("");
+          y(), r("");
         },
         onFocus: () => {
-          n.value = !0;
+          u.value = !0;
         },
         onBlur: () => {
-          n.value = !1;
+          u.value = !1;
         }
-      }), e.dataset.editorCreated = "true", l(s)));
-    }), k(() => {
-      const e = u.value;
-      s && e && (s.destroy(), e.removeAttribute("data-editor-created"), l(null));
-    }), c(E, (e, a) => {
-      (e == null ? void 0 : e.conversationID) !== (a == null ? void 0 : a.conversationID) && r("");
+      }), e.dataset.editorCreated = "true", n(s)));
+    }), g(() => {
+      const e = l.value;
+      s && e && (s.destroy(), e.removeAttribute("data-editor-created"), n(null));
+    }), c(E, (e, i) => {
+      (e == null ? void 0 : e.conversationID) !== (i == null ? void 0 : i.conversationID) && r("");
     }), c(() => t.disabled, (e) => {
       s && (s.setEditable(!e), e && r(""));
-    }), (e, a) => (m(), f("div", {
-      class: d([i(o)["input-wrapper"], t.disabled && i(o).disabled])
+    }), (e, i) => (m(), f("div", {
+      class: d([a(o)["input-wrapper"], t.disabled && a(o).disabled])
     }, [
       _("div", {
-        class: d(i(o)["input-prefix"])
+        class: d(a(o)["input-prefix"])
       }, [
         h(e.$slots, "inputPrefix")
       ], 2),
       (m(), f("div", {
         ref_key: "editorDomRef",
-        ref: u,
+        ref: l,
         key: t.disabled ? "disabled" : "enabled",
-        class: d(i(o).editor)
+        class: d(a(o).editor)
       }, null, 2)),
       _("div", {
-        class: d(i(o)["input-suffix"])
+        class: d(a(o)["input-suffix"])
       }, [
         h(e.$slots, "inputSuffix")
       ], 2)
@@ -69,5 +70,5 @@ const T = "_disabled_ihh75_11", U = "_editor_ihh75_21", o = {
   }
 });
 export {
-  K as TextEditor
+  $ as TextEditor
 };

package/dist/components/MessageInput/index.d.ts

@@ -5,7 +5,7 @@ declare const MessageInput: {
         };
         placeholder: {
             type: import('vue').PropType<string>;
-            default: string;
+            default: undefined;
         };
         disabled: {
             type: import('vue').PropType<boolean>;
@@ -47,7 +47,7 @@ declare const MessageInput: {
         };
         placeholder: {
             type: import('vue').PropType<string>;
-            default: string;
+            default: undefined;
         };
         disabled: {
             type: import('vue').PropType<boolean>;
@@ -86,7 +86,7 @@ declare const MessageInput: {
     };
     placeholder: {
         type: import('vue').PropType<string>;
-        default: string;
+        default: undefined;
     };
     disabled: {
         type: import('vue').PropType<boolean>;
@@ -402,7 +402,7 @@ declare const TextEditor: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: import('vue').PropType<string>;
-            default: string;
+            default: undefined;
         };
         disabled: {
             type: import('vue').PropType<boolean>;
@@ -426,7 +426,7 @@ declare const TextEditor: {
     }, Readonly<import('vue').ExtractPropTypes<{
         placeholder: {
             type: import('vue').PropType<string>;
-            default: string;
+            default: undefined;
         };
         disabled: {
             type: import('vue').PropType<boolean>;
@@ -447,7 +447,7 @@ declare const TextEditor: {
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
     placeholder: {
         type: import('vue').PropType<string>;
-        default: string;
+        default: undefined;
     };
     disabled: {
         type: import('vue').PropType<boolean>;

package/dist/components/MessageInput/index.js

@@ -6,7 +6,7 @@ import n from "./EmojiPicker/EmojiPicker.js";
 import { TextEditor as c } from "./TextEditor/index.js";
 import s from "./AudioCallPicker/AudioCallPicker.js";
 import a from "./VideoCallPicker/VideoCallPicker.js";
-import { _ as p } from "../../MessageInput.vue_vue_type_script_setup_true_lang-D1G-LitO.js";
+import { _ as p } from "../../MessageInput.vue_vue_type_script_setup_true_lang-D9jiYNFu.js";
 import { addI18n as o } from "../../i18n/index.js";
 import { resources as t } from "./i18n/index.js";
 o("en-US", { translation: { MessageInput: t["en-US"] } });

package/dist/components/MessageList/Message/AudioMessage/WaveForm.js

@@ -1,6 +1,6 @@
-import { defineComponent as g, computed as i, ref as b, onMounted as y, createElementBlock as a, openBlock as n, normalizeStyle as c, createElementVNode as C, Fragment as k, renderList as x, normalizeClass as B } from "vue";
-import { _ as E } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const F = /* @__PURE__ */ g({
+import { defineComponent as g, computed as l, createElementBlock as a, openBlock as n, normalizeStyle as i, Fragment as w, renderList as C, unref as b, normalizeClass as y } from "vue";
+import { _ as k } from "../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const x = /* @__PURE__ */ g({
   __name: "WaveForm",
   props: {
     progress: {},
@@ -9,41 +9,31 @@ const F = /* @__PURE__ */ g({
   },
   emits: ["seek"],
   setup(m, { emit: u }) {
-    const t = m, d = u, f = i(() => ({
-      width: typeof t.width == "number" ? `${t.width}px` : t.width
-    })), l = b([]);
-    y(() => {
-      const e = [];
-      for (let r = 0; r < t.barsCount; r++)
-        e.push(Math.random() * 16 + 8);
-      l.value = e;
-    });
-    const p = (e) => {
-      const r = (e + 1) / t.barsCount;
-      return (t.progress || 0) >= r;
-    }, v = i(() => ({
-      left: `${(t.progress || 0) * 100}%`
-    })), h = (e) => {
-      const s = e.currentTarget.getBoundingClientRect(), _ = (e.clientX - s.left) / s.width, w = Math.max(0, Math.min(1, _));
-      d("seek", w);
+    const e = m, f = u, d = l(() => ({
+      width: typeof e.width == "number" ? `${e.width}px` : e.width
+    })), p = Array.from({ length: e.barsCount }, () => Math.random() * 16 + 4), v = l(() => {
+      const t = e.progress || 0;
+      return t === 0 ? Array(e.barsCount).fill(!1) : Array.from({ length: e.barsCount }, (r, s) => {
+        const o = s / e.barsCount;
+        return t >= o;
+      });
+    }), _ = (t) => {
+      const r = t.currentTarget.getBoundingClientRect(), o = (t.clientX - r.left) / r.width, h = Math.max(0, Math.min(1, o));
+      f("seek", h);
     };
-    return (e, r) => (n(), a("div", {
+    return (t, c) => (n(), a("div", {
       class: "wave-form",
-      onClick: h,
-      style: c(f.value)
+      style: i(d.value),
+      onClick: _
     }, [
-      (n(!0), a(k, null, x(l.value, (s, o) => (n(), a("div", {
-        key: o,
-        class: B(["wave-form__bar", { "wave-form__bar--active": p(o) }]),
-        style: c({ height: `${s}px` })
-      }, null, 6))), 128)),
-      C("div", {
-        class: "wave-form__cursor",
-        style: c(v.value)
-      }, null, 4)
+      (n(!0), a(w, null, C(b(p), (r, s) => (n(), a("div", {
+        key: s,
+        class: y(["wave-form__bar", { "wave-form__bar--active": v.value[s] }]),
+        style: i({ height: `${r}px` })
+      }, null, 6))), 128))
     ], 4));
   }
-}), S = /* @__PURE__ */ E(F, [["__scopeId", "data-v-5bc04a79"]]);
+}), F = /* @__PURE__ */ k(x, [["__scopeId", "data-v-93c67ced"]]);
 export {
-  S as default
+  F as default
 };

package/dist/components/MessageList/Message/CustomMessage/CallMessage/CallMessage.js

@@ -1,60 +1,61 @@
-import { defineComponent as v, useCssModule as y, computed as i, createBlock as c, unref as e, openBlock as t, normalizeClass as o, withCtx as m, createTextVNode as _, toDisplayString as p } from "vue";
-import { IconCall1Filled as k, IconVideoDefaultFilled as x } from "@tencentcloud/uikit-base-component-vue3";
-import { View as u } from "../../../../../baseComp/View/index.js";
-import { ConversationType as g } from "../../../../../types/engine.js";
-import { parseCallMessageText as z, parseCallMessage as M, startCall as T } from "../../../../../utils/call.js";
-import { useConversationListState as w } from "../../../../../states/ConversationListState/ConversationListState.js";
-import { _ as D } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
-const I = /* @__PURE__ */ v({
+import { defineComponent as v, useCssModule as k, computed as _, createBlock as l, unref as e, openBlock as c, normalizeClass as o, withCtx as u, createTextVNode as p, toDisplayString as g } from "vue";
+import { IconCall1Filled as x, IconVideoDefaultFilled as z } from "@tencentcloud/uikit-base-component-vue3";
+import { View as d } from "../../../../../baseComp/View/index.js";
+import { ConversationType as f } from "../../../../../types/engine.js";
+import { parseCallMessageText as M, parseCallMessage as T, startCall as D } from "../../../../../utils/call.js";
+import { useConversationListState as I } from "../../../../../states/ConversationListState/ConversationListState.js";
+import { _ as w } from "../../../../../_plugin-vue_export-helper-CHgC5LLL.js";
+const V = /* @__PURE__ */ v({
   __name: "CallMessage",
   props: {
     message: {}
   },
-  setup(d) {
-    const s = d, a = y(), { activeConversation: f } = w(), n = i(() => z(s.message)), l = i(() => M(s.message)), C = () => {
-      !f.value || !l.value || s.message.conversationType === g.GROUP || T({
-        type: l.value.data.data.call_type,
-        userIDList: l.value.data.inviteeList
+  setup(C) {
+    const s = C, a = k(), { activeConversation: n } = I(), i = _(() => M(s.message)), t = _(() => T(s.message)), y = () => {
+      var r;
+      !n.value || !t.value || s.message.conversationType === f.GROUP || D({
+        type: t.value.data.data.call_type,
+        userIDList: [(r = n.value.userProfile) == null ? void 0 : r.userID]
       });
     };
-    return (h, B) => s.message.conversationType === e(g).C2C ? (t(), c(e(u), {
+    return (r, F) => s.message.conversationType === e(f).C2C ? (c(), l(e(d), {
       key: 0,
       gap: 8,
       dir: "row",
       class: o(e(a)["call-message-c2c"]),
-      onClick: C
+      onClick: y
     }, {
-      default: m(() => {
-        var r;
+      default: u(() => {
+        var m;
         return [
-          ((r = l.value) == null ? void 0 : r.data.data.call_type) === 1 ? (t(), c(e(k), {
+          ((m = t.value) == null ? void 0 : m.data.data.call_type) === 1 ? (c(), l(e(x), {
             key: 0,
             class: o(e(a)["call-message-c2c__icon"])
-          }, null, 8, ["class"])) : (t(), c(e(x), {
+          }, null, 8, ["class"])) : (c(), l(e(z), {
             key: 1,
             class: o(e(a)["call-message-c2c__icon"])
           }, null, 8, ["class"])),
-          _(" " + p(n.value), 1)
+          p(" " + g(i.value), 1)
         ];
       }),
       _: 1
-    }, 8, ["class"])) : (t(), c(e(u), {
+    }, 8, ["class"])) : (c(), l(e(d), {
       key: 1,
       class: o(e(a)["call-message-group"])
     }, {
-      default: m(() => [
-        _(p(n.value), 1)
+      default: u(() => [
+        p(g(i.value), 1)
       ]),
       _: 1
     }, 8, ["class"]));
   }
-}), L = {
+}), h = {
   "call-message-c2c": "_call-message-c2c_u2zzk_1",
   "call-message-c2c__icon": "_call-message-c2c__icon_u2zzk_7",
   "call-message-group": "_call-message-group_u2zzk_11"
-}, V = {
-  $style: L
-}, P = /* @__PURE__ */ D(I, [["__cssModules", V]]);
+}, B = {
+  $style: h
+}, O = /* @__PURE__ */ w(V, [["__cssModules", B]]);
 export {
-  P as default
+  O as default
 };

package/dist/components/MessageList/Message/Message.vue.d.ts

@@ -1,5 +1,5 @@
 import { MessageAction } from '../../../hooks/useMessageActions';
-import { IMessageModel as MessageModel } from '@tencentcloud/chat-uikit-engine';
+import { MessageModel } from '../../../types/engine';
 
 interface MessageProps {
     message: MessageModel;

package/dist/components/MessageList/MessageList.js

@@ -51,9 +51,9 @@ const ce = { class: "message-list" }, me = { class: "message-chunk" }, y = 150,
           key: `chunk-${e.ID}`
         }) : T.messages.push(e);
       }), s;
-    }), b = se(() => {
+    }), H = se(() => {
       t.value && (f.value = t.value.scrollHeight - t.value.scrollTop - t.value.clientHeight, f.value > y && (p(!0), h.value = !0), f.value < y && (p(!1), h.value = !1));
-    }, 100), H = async () => {
+    }, 100), b = async () => {
       v.value = !1, p(!1), h.value = !1;
     }, X = async () => {
       var l;
@@ -73,7 +73,7 @@ const ce = { class: "message-list" }, me = { class: "message-chunk" }, y = 150,
       }
     };
     return A(U, () => {
-      H();
+      b();
     }), A(g, (l, s) => {
       if (s === void 0 && l && !v.value) {
         w(() => {
@@ -85,14 +85,16 @@ const ce = { class: "message-list" }, me = { class: "message-chunk" }, y = 150,
         return;
       const o = l[l.length - 1], e = s[s.length - 1];
       (o == null ? void 0 : o.ID) !== (e == null ? void 0 : e.ID) && (o.flow === "out" || !P.value && f.value < y) && _({ behavior: "smooth" });
+    }, {
+      immediate: !0
     }), A(() => a.enableReadReceipt, (l) => {
       W(l);
     }, {
       immediate: !0
     }), K(() => {
-      t.value && t.value.addEventListener("scroll", b), H();
+      t.value && t.value.addEventListener("scroll", H), b();
     }), Q(() => {
-      t.value && t.value.removeEventListener("scroll", b);
+      t.value && t.value.removeEventListener("scroll", H);
     }), (l, s) => (u(), C("div", ce, [
       S("div", {
         id: "messageScrollList",
@@ -145,7 +147,7 @@ const ce = { class: "message-list" }, me = { class: "message-chunk" }, y = 150,
       }, null, 8, ["class"])) : Y("", !0)
     ]));
   }
-}), De = /* @__PURE__ */ ue(ge, [["__scopeId", "data-v-cb526f87"]]);
+}), De = /* @__PURE__ */ ue(ge, [["__scopeId", "data-v-ac83869e"]]);
 export {
   De as default
 };

package/dist/components/MessageList/index.d.ts

@@ -1,6 +1,6 @@
 declare const Message: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     message: {
-        type: import('vue').PropType<import('@tencentcloud/chat-uikit-engine').IMessageModel>;
+        type: import('vue').PropType<import('../..').MessageModel>;
         required: true;
     };
     isLastInChunk: {
@@ -33,7 +33,7 @@ declare const Message: import('vue').DefineComponent<import('vue').ExtractPropTy
     };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     message: {
-        type: import('vue').PropType<import('@tencentcloud/chat-uikit-engine').IMessageModel>;
+        type: import('vue').PropType<import('../..').MessageModel>;
         required: true;
     };
     isLastInChunk: {

package/dist/hooks/useAudioControl.d.ts

@@ -1,10 +1,10 @@
 import { ref } from 'vue';
 
-interface IUseAudioControlProps {
+interface UseAudioControlProps {
     url: string;
     audioId?: string;
 }
-interface IUseAudioControlReturn {
+interface UseAudioControlReturn {
     isPlaying: ReturnType<typeof ref<boolean>>;
     progress: ReturnType<typeof ref<number>>;
     duration: ReturnType<typeof ref<number | undefined>>;
@@ -22,5 +22,5 @@ interface IUseAudioControlReturn {
  * @param props Configuration parameters
  * @returns Audio control related states and methods
  */
-export declare function useAudioControl(props: IUseAudioControlProps): IUseAudioControlReturn;
+export declare function useAudioControl(props: UseAudioControlProps): UseAudioControlReturn;
 export {};

package/dist/hooks/useAudioControl.js

@@ -1,47 +1,49 @@
-import { ref as l, onMounted as g, onUnmounted as I } from "vue";
-const v = /* @__PURE__ */ new Map(), E = "AUDIO_PLAY_EVENT", P = (c) => new CustomEvent(E, {
+import { ref as l, onMounted as I, onUnmounted as T } from "vue";
+const v = /* @__PURE__ */ new Map(), f = "AUDIO_PLAY_EVENT", g = (c) => new CustomEvent(f, {
   detail: { audioId: c }
 });
 function y(c) {
-  const { url: m } = c, n = c.audioId || `audio-${m}`, d = l(!1), r = l(0), a = l(void 0), u = l(!0), t = l(null), h = () => {
-    t.value && (window.dispatchEvent(P(n)), t.value.play(), d.value = !0);
-  }, f = () => {
-    t.value && (t.value.pause(), d.value = !1);
+  const { url: m } = c, a = c.audioId || `audio-${m}`, r = l(!1), u = l(0), n = l(void 0), o = l(!0), t = l(null), h = () => {
+    t.value && (window.dispatchEvent(g(a)), t.value.play(), r.value = !0);
+  }, E = () => {
+    t.value && (t.value.pause(), r.value = !1);
   }, w = () => {
-    t.value && (t.value.pause(), t.value.currentTime = 0, d.value = !1, r.value = 0);
+    t.value && (t.value.pause(), t.value.currentTime = 0, r.value = !1, u.value = 0);
   }, A = (e) => {
-    if (!t.value || a.value === void 0)
+    if (!t.value || n.value === void 0)
       return;
-    const o = Math.max(0, Math.min(1, e));
-    t.value.currentTime = a.value * o, r.value = o;
-  }, s = () => {
-    !t.value || !a.value || (r.value = t.value.currentTime / a.value);
+    const d = Math.max(0, Math.min(1, e));
+    t.value.currentTime = n.value * d, u.value = d;
   }, i = () => {
-    d.value = !1, r.value = 0;
+    !t.value || !n.value || (u.value = t.value.currentTime / n.value);
+  }, s = () => {
+    r.value = !1, u.value = 0;
   }, L = (e) => {
-    e.detail.audioId !== n && d.value && f();
+    e.detail.audioId !== a && r.value && E();
   };
-  return g(() => {
-    window.addEventListener(E, L);
-    let e = v.get(n);
-    const o = () => {
-      e && (a.value = e.duration, u.value = !1);
+  return I(() => {
+    window.addEventListener(f, L);
+    let e = v.get(a);
+    const d = () => {
+      e && (e.duration === 1 / 0 ? (e.currentTime = 1e101, e.ontimeupdate = () => {
+        e && (n.value = e.duration, e.ontimeupdate = null, e.currentTime = 0);
+      }) : n.value = e.duration, o.value = !1);
     }, p = () => {
-      console.error("Audio load error:", m), u.value = !1;
+      console.error("Audio load error:", m), o.value = !1;
     };
-    !e || e.src !== m ? (u.value = !0, a.value = void 0, e && (e.pause(), e.src = "", e.load(), e.removeEventListener("loadedmetadata", o), e.removeEventListener("error", p), e.removeEventListener("timeupdate", s), e.removeEventListener("ended", i)), e = new Audio(m), e.addEventListener("loadedmetadata", o), e.addEventListener("error", p), e.addEventListener("timeupdate", s), e.addEventListener("ended", i), v.set(n, e), t.value = e, d.value = !1, r.value = 0) : (t.value = e, e.removeEventListener("timeupdate", s), e.removeEventListener("ended", i), e.addEventListener("timeupdate", s), e.addEventListener("ended", i), e.duration && (a.value = e.duration, u.value = !1));
-  }), I(() => {
-    if (window.removeEventListener(E, L), v.has(n)) {
-      const e = v.get(n);
-      e.removeEventListener("timeupdate", s), e.removeEventListener("ended", i), e.pause(), e.src = "", e.load(), v.delete(n);
+    !e || e.src !== m ? (o.value = !0, n.value = void 0, e && (e.pause(), e.src = "", e.load(), e.removeEventListener("loadedmetadata", d), e.removeEventListener("error", p), e.removeEventListener("timeupdate", i), e.removeEventListener("ended", s)), e = new Audio(m), e.addEventListener("loadedmetadata", d), e.addEventListener("error", p), e.addEventListener("timeupdate", i), e.addEventListener("ended", s), v.set(a, e), t.value = e, r.value = !1, u.value = 0) : (t.value = e, e.removeEventListener("timeupdate", i), e.removeEventListener("ended", s), e.addEventListener("timeupdate", i), e.addEventListener("ended", s), e.duration && (n.value = e.duration, o.value = !1));
+  }), T(() => {
+    if (window.removeEventListener(f, L), v.has(a)) {
+      const e = v.get(a);
+      e.removeEventListener("timeupdate", i), e.removeEventListener("ended", s), e.pause(), e.src = "", e.load(), v.delete(a);
     }
   }), {
-    isPlaying: d,
-    progress: r,
-    duration: a,
-    isLoading: u,
+    isPlaying: r,
+    progress: u,
+    duration: n,
+    isLoading: o,
     play: h,
-    pause: f,
+    pause: E,
     stop: w,
     setProgress: A
   };