mixdashboards 1.0.32 → 1.0.39

package/dist/audio-CAP4D-J2.js

@@ -0,0 +1,301 @@
+var W = Object.defineProperty, Z = Object.defineProperties;
+var G = Object.getOwnPropertyDescriptors;
+var R = Object.getOwnPropertySymbols;
+var K = Object.prototype.hasOwnProperty, J = Object.prototype.propertyIsEnumerable;
+var I = (s, n, o) => n in s ? W(s, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[n] = o, F = (s, n) => {
+  for (var o in n || (n = {}))
+    K.call(n, o) && I(s, o, n[o]);
+  if (R)
+    for (var o of R(n))
+      J.call(n, o) && I(s, o, n[o]);
+  return s;
+}, P = (s, n) => Z(s, G(n));
+var B = (s, n, o) => new Promise((b, w) => {
+  var v = (r) => {
+    try {
+      p(o.next(r));
+    } catch (_) {
+      w(_);
+    }
+  }, i = (r) => {
+    try {
+      p(o.throw(r));
+    } catch (_) {
+      w(_);
+    }
+  }, p = (r) => r.done ? b(r.value) : Promise.resolve(r.value).then(v, i);
+  p((o = o.apply(s, n)).next());
+});
+import { defineComponent as Q, ref as C, getCurrentInstance as X, computed as Y, onMounted as ee, onBeforeUnmount as te, openBlock as u, createElementBlock as d, normalizeStyle as oe, unref as S, createElementVNode as l, normalizeClass as ae, toDisplayString as x, createCommentVNode as m, withDirectives as le, withKeys as se, vModelText as ne, renderSlot as re } from "vue";
+import { B as ie } from "./element-resize-detector-DJcsrJ8s.js";
+import { f as ue, g as de, _ as ce } from "./index-kShjySl9.js";
+import { a as pe } from "./api-C0GhBpqd.js";
+import { F as me } from "./config-Cc2W4vke.js";
+import { ElMessage as g } from "element-plus";
+import { u as fe } from "./store-DzDtVfSX.js";
+import { A as ve, D as ye } from "./ele-vdo-icon-DcWebTR5.js";
+const he = { class: "mix-body" }, ge = { class: "upload-content" }, Ae = { class: "upload-title" }, Ce = {
+  key: 0,
+  class: "upload-hint"
+}, we = {
+  key: 1,
+  class: "upload-formats"
+}, _e = {
+  key: 1,
+  class: "stream-input-area"
+}, Ue = { class: "stream-content" }, Se = {
+  viewBox: "0 0 24 24",
+  width: "48",
+  height: "48",
+  fill: "currentColor",
+  style: { opacity: "0.5" }
+}, Le = {
+  key: 0,
+  class: "stream-input-container"
+}, Ve = ["disabled"], be = {
+  key: 1,
+  class: "stream-hint"
+}, Ee = {
+  key: 2,
+  class: "stream-hint"
+}, Te = {
+  key: 2,
+  class: "player-container"
+}, xe = {
+  key: 0,
+  class: "audio-controls"
+}, Oe = { class: "file-info" }, ke = { class: "file-name" }, De = { class: "audio-container" }, Me = ["src", "controls", "autoplay", "loop", "muted"], Ne = {
+  DEFAULT_ICON: ye,
+  ACTIVE_ICON: ve,
+  NAME_CN: "音频播放器",
+  NAME_EN: "Audio Player",
+  ORDER: 2
+}, Re = {
+  sourceType: {
+    value: "upload",
+    type: "select",
+    label: "component.audio.sourceType",
+    options: [
+      { label: "component.audio.uploadFile", value: "upload" },
+      { label: "component.audio.audioStream", value: "stream" }
+    ]
+  },
+  autoplay: !1,
+  loop: !1,
+  muted: !1,
+  controls: !0,
+  fileUrl: { value: "", type: "string", label: "component.audio.fileUrl", placeholder: "component.audio.uploadPlaceholder" },
+  fileName: { value: "", type: "string", label: "component.audio.fileName", placeholder: "component.audio.uploadPlaceholder" },
+  streamUrl: { value: "", type: "string", label: "component.audio.streamUrl", placeholder: "component.audio.streamPlaceholder" }
+}, Ie = [], Fe = [], Pe = [], Be = null, $e = { DEFAULT: Ne, OPTIONS: Re, DATA: Ie, PARAMS: Fe, SOURCE: Pe, COMMON: Be }, He = /* @__PURE__ */ Q(P(F({}, $e), {
+  __name: "audio",
+  props: {
+    conf: { type: Object, required: !0 },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(s) {
+    const n = fe(), o = s;
+    class b extends ie {
+      extractStyles() {
+        return {
+          radiusSize: this.getOptionValue("radiusSize", 0),
+          autoplay: this.getOptionValue("autoplay", !1),
+          loop: this.getOptionValue("loop", !1),
+          muted: this.getOptionValue("muted", !1),
+          controls: this.getOptionValue("controls", !0)
+        };
+      }
+      init() {
+        this.Style.value = this.extractStyles(), this.applyTheme(), $();
+      }
+    }
+    const w = new b(o, "audio");
+    w.setupLifecycle();
+    const v = w.getStyle(), i = C(""), p = C(""), r = C(null), _ = C(null), O = C(!1), y = C(""), A = X(), L = Y(() => {
+      var t, e, a;
+      return ((a = (e = (t = o.conf) == null ? void 0 : t.options) == null ? void 0 : e.sourceType) == null ? void 0 : a.value) || "upload";
+    }), $ = () => {
+      var t, e, a, c, f, h, V;
+      L.value === "upload" && ((a = (e = (t = o.conf) == null ? void 0 : t.options) == null ? void 0 : e.fileUrl) != null && a.value) && (i.value = o.conf.options.fileUrl.value, p.value = ((c = o.conf.options.fileName) == null ? void 0 : c.value) || ""), L.value === "stream" && ((V = (h = (f = o.conf) == null ? void 0 : f.options) == null ? void 0 : h.streamUrl) != null && V.value) && (y.value = o.conf.options.streamUrl.value, E());
+    }, H = () => {
+      var t;
+      (t = r.value) == null || t.click();
+    }, k = (t) => B(null, null, function* () {
+      var c, f;
+      const e = t.target.files[0];
+      if (!e) return;
+      if (!e.type.startsWith("audio/")) {
+        g.warning("请选择有效的音频文件");
+        return;
+      }
+      const a = URL.createObjectURL(e);
+      i.value = a, p.value = e.name;
+      try {
+        O.value = !0;
+        const h = yield ue(e), V = de(e.name), U = yield pe.post("upload", {
+          dashboard_uid: n.pageData.id,
+          file_data: h,
+          file_type: V,
+          user_id: ((c = n.session.userInfo) == null ? void 0 : c.id) || ""
+        }, !0);
+        if (U.code === 200 && ((f = U.result) != null && f.relative_path)) {
+          const N = me + U.result.relative_path;
+          URL.revokeObjectURL(a), i.value = N, T("fileUrl", N), T("fileName", U.result.file_name || e.name), g.success("音频上传成功");
+        } else
+          throw new Error(U.msg || "上传失败");
+      } catch (h) {
+        console.error("音频上传失败:", h), g.error("音频上传失败: " + (h.message || "未知错误"));
+      } finally {
+        O.value = !1, r.value && (r.value.value = "");
+      }
+    }), E = () => {
+      if (!y.value.trim()) {
+        g.warning("请输入音频流地址");
+        return;
+      }
+      const t = y.value.trim();
+      T("streamUrl", t), i.value = t, p.value = "音频流", g.success("音频流连接成功");
+    }, T = (t, e) => {
+      var a;
+      (a = o.conf) != null && a.options && (o.conf.options[t] || (o.conf.options[t] = { value: "", type: "string", label: "" }), o.conf.options[t].value = e);
+    }, D = (t) => {
+      t.preventDefault(), t.stopPropagation();
+    }, M = (t) => {
+      var a;
+      t.preventDefault(), t.stopPropagation();
+      const e = (a = t.dataTransfer) == null ? void 0 : a.files;
+      if (e && e.length > 0) {
+        const c = e[0];
+        if (c != null && c.type.startsWith("audio/")) {
+          const f = new DataTransfer();
+          f.items.add(c), r.value && (r.value.files = f.files, k({ target: r.value }));
+        } else
+          g.warning("请选择有效的音频文件");
+      }
+    }, z = () => {
+      i.value = "", p.value = "", y.value = "";
+    }, j = () => {
+      console.log("Audio metadata loaded");
+    }, q = (t) => {
+      console.error("Audio error:", t), g.error("音频加载失败，请检查URL或文件");
+    };
+    return ee(() => {
+      var t, e;
+      if (o.mode !== "preview") {
+        const a = (e = (t = A == null ? void 0 : A.proxy) == null ? void 0 : t.$el) == null ? void 0 : e.querySelector(".upload-area");
+        a && (a.addEventListener("dragover", D), a.addEventListener("drop", M));
+      }
+    }), te(() => {
+      var e, a;
+      const t = (a = (e = A == null ? void 0 : A.proxy) == null ? void 0 : e.$el) == null ? void 0 : a.querySelector(".upload-area");
+      t && (t.removeEventListener("dragover", D), t.removeEventListener("drop", M));
+    }), (t, e) => (u(), d("div", {
+      class: "mix-component",
+      style: oe({ borderRadius: `${S(v).radiusSize}px` })
+    }, [
+      l("div", he, [
+        !i.value && L.value === "upload" ? (u(), d("div", {
+          key: 0,
+          class: ae(["upload-area", { "preview-mode": s.mode === "preview" }]),
+          onClick: e[0] || (e[0] = (a) => s.mode !== "preview" && H())
+        }, [
+          l("input", {
+            ref_key: "fileInputRef",
+            ref: r,
+            type: "file",
+            accept: "audio/*",
+            onChange: k,
+            style: { display: "none" }
+          }, null, 544),
+          l("div", ge, [
+            e[3] || (e[3] = l("div", { class: "upload-icon" }, [
+              l("svg", {
+                viewBox: "0 0 24 24",
+                width: "32",
+                height: "32",
+                fill: "currentColor"
+              }, [
+                l("path", { d: "M12,3V13.55C11.41,13.21 10.73,13 10,13A3,3 0 0,0 7,16A3,3 0 0,0 10,19A3,3 0 0,0 13,16V7H18V5H12V3Z" })
+              ])
+            ], -1)),
+            l("h3", Ae, x(s.mode === "preview" ? t.$t("component.audio.noFile") : t.$t("component.audio.uploadText")), 1),
+            s.mode !== "preview" ? (u(), d("p", Ce, x(t.$t("component.audio.uploadHint")), 1)) : m("", !0),
+            s.mode !== "preview" ? (u(), d("div", we, [...e[2] || (e[2] = [
+              l("span", { class: "format-tag" }, "MP3", -1),
+              l("span", { class: "format-tag" }, "WAV", -1),
+              l("span", { class: "format-tag" }, "OGG", -1),
+              l("span", { class: "format-tag" }, "AAC", -1)
+            ])])) : m("", !0)
+          ])
+        ], 2)) : m("", !0),
+        !i.value && L.value === "stream" ? (u(), d("div", _e, [
+          l("div", Ue, [
+            (u(), d("svg", Se, [...e[4] || (e[4] = [
+              l("path", { d: "M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z" }, null, -1)
+            ])])),
+            e[5] || (e[5] = l("p", { class: "stream-text" }, "音频流播放", -1)),
+            s.mode !== "preview" ? (u(), d("div", Le, [
+              le(l("input", {
+                "onUpdate:modelValue": e[1] || (e[1] = (a) => y.value = a),
+                type: "text",
+                class: "stream-url-input",
+                placeholder: "请输入音频流地址，如：http://xxx/radio/stream.mp3",
+                onKeyup: se(E, ["enter"])
+              }, null, 544), [
+                [ne, y.value]
+              ]),
+              l("button", {
+                class: "connect-btn",
+                onClick: E,
+                disabled: !y.value.trim()
+              }, " 连接 ", 8, Ve)
+            ])) : m("", !0),
+            s.mode !== "preview" ? (u(), d("p", be, "支持格式: HTTP音频流")) : m("", !0),
+            s.mode === "preview" ? (u(), d("p", Ee, "未配置音频流地址")) : m("", !0)
+          ])
+        ])) : m("", !0),
+        i.value ? (u(), d("div", Te, [
+          s.mode !== "preview" ? (u(), d("div", xe, [
+            l("div", Oe, [
+              l("span", ke, x(p.value || i.value), 1),
+              l("button", {
+                class: "change-file-btn",
+                onClick: z,
+                title: "更换文件"
+              }, [...e[6] || (e[6] = [
+                l("svg", {
+                  viewBox: "0 0 24 24",
+                  width: "16",
+                  height: "16",
+                  fill: "currentColor"
+                }, [
+                  l("path", { d: "M12,6V9L16,5L12,1V4A8,8 0 0,0 4,12C4,13.57 4.46,15.03 5.24,16.26L6.7,14.8C6.25,13.97 6,13 6,12A6,6 0 0,1 12,6M18.76,7.74L17.3,9.2C17.74,10.04 18,11 18,12A6,6 0 0,1 12,18V15L8,19L12,23V20A8,8 0 0,0 20,12C20,10.43 19.54,8.97 18.76,7.74Z" })
+                ], -1)
+              ])])
+            ])
+          ])) : m("", !0),
+          l("div", De, [
+            l("audio", {
+              ref_key: "audioRef",
+              ref: _,
+              src: i.value,
+              controls: S(v).controls,
+              autoplay: S(v).autoplay,
+              loop: S(v).loop,
+              muted: S(v).muted,
+              onLoadedmetadata: j,
+              onError: q,
+              class: "audio-element"
+            }, " 您的浏览器不支持音频播放 ", 40, Me)
+          ])
+        ])) : m("", !0)
+      ]),
+      re(t.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+})), Xe = /* @__PURE__ */ ce(He, [["__scopeId", "data-v-050c7953"]]);
+export {
+  Xe as default
+};

package/dist/audio-CThzVIDU.cjs

@@ -0,0 +1 @@
+"use strict";var $=Object.defineProperty,H=Object.defineProperties;var z=Object.getOwnPropertyDescriptors;var T=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var b=(n,r,a)=>r in n?$(n,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):n[r]=a,M=(n,r)=>{for(var a in r||(r={}))j.call(r,a)&&b(n,a,r[a]);if(T)for(var a of T(r))W.call(r,a)&&b(n,a,r[a]);return n},O=(n,r)=>H(n,z(r));var x=(n,r,a)=>new Promise((C,g)=>{var p=s=>{try{u(a.next(s))}catch(E){g(E)}},i=s=>{try{u(a.throw(s))}catch(E){g(E)}},u=s=>s.done?C(s.value):Promise.resolve(s.value).then(p,i);u((a=a.apply(n,r)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),Z=require("./element-resize-detector-Bo5uDQAu.cjs"),_=require("./index-Mh5Dw2sd.cjs"),G=require("./api-P_s372dW.cjs"),K=require("./config-BLSroAzs.cjs"),v=require("element-plus"),J=require("./store-BJW2NQkK.cjs"),D=require("./ele-vdo-icon-Bgp9gaT6.cjs"),Q={class:"mix-body"},X={class:"upload-content"},Y={class:"upload-title"},ee={key:0,class:"upload-hint"},te={key:1,class:"upload-formats"},oe={key:1,class:"stream-input-area"},ae={class:"stream-content"},le={viewBox:"0 0 24 24",width:"48",height:"48",fill:"currentColor",style:{opacity:"0.5"}},ne={key:0,class:"stream-input-container"},re=["disabled"],se={key:1,class:"stream-hint"},ie={key:2,class:"stream-hint"},ce={key:2,class:"player-container"},ue={key:0,class:"audio-controls"},de={class:"file-info"},pe={class:"file-name"},me={class:"audio-container"},fe=["src","controls","autoplay","loop","muted"],ve={DEFAULT_ICON:D.DEFAULT_ICON,ACTIVE_ICON:D.ACTIVE_ICON,NAME_CN:"音频播放器",NAME_EN:"Audio Player",ORDER:2},ye={sourceType:{value:"upload",type:"select",label:"component.audio.sourceType",options:[{label:"component.audio.uploadFile",value:"upload"},{label:"component.audio.audioStream",value:"stream"}]},autoplay:!1,loop:!1,muted:!1,controls:!0,fileUrl:{value:"",type:"string",label:"component.audio.fileUrl",placeholder:"component.audio.uploadPlaceholder"},fileName:{value:"",type:"string",label:"component.audio.fileName",placeholder:"component.audio.uploadPlaceholder"},streamUrl:{value:"",type:"string",label:"component.audio.streamUrl",placeholder:"component.audio.streamPlaceholder"}},ge=[],Ee=[],he=[],Ve=null,Ne={DEFAULT:ve,OPTIONS:ye,DATA:ge,PARAMS:Ee,SOURCE:he,COMMON:Ve},Ce=e.defineComponent(O(M({},Ne),{__name:"audio",props:{conf:{type:Object,required:!0},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(n){const r=J.useCounterStore(),a=n;class C extends Z.BaseComponent{extractStyles(){return{radiusSize:this.getOptionValue("radiusSize",0),autoplay:this.getOptionValue("autoplay",!1),loop:this.getOptionValue("loop",!1),muted:this.getOptionValue("muted",!1),controls:this.getOptionValue("controls",!0)}}init(){this.Style.value=this.extractStyles(),this.applyTheme(),I()}}const g=new C(a,"audio");g.setupLifecycle();const p=g.getStyle(),i=e.ref(""),u=e.ref(""),s=e.ref(null),E=e.ref(null),w=e.ref(!1),m=e.ref(""),y=e.getCurrentInstance(),V=e.computed(()=>{var o,t,l;return((l=(t=(o=a.conf)==null?void 0:o.options)==null?void 0:t.sourceType)==null?void 0:l.value)||"upload"}),I=()=>{var o,t,l,c,d,f,N;V.value==="upload"&&((l=(t=(o=a.conf)==null?void 0:o.options)==null?void 0:t.fileUrl)!=null&&l.value)&&(i.value=a.conf.options.fileUrl.value,u.value=((c=a.conf.options.fileName)==null?void 0:c.value)||""),V.value==="stream"&&((N=(f=(d=a.conf)==null?void 0:d.options)==null?void 0:f.streamUrl)!=null&&N.value)&&(m.value=a.conf.options.streamUrl.value,k())},R=()=>{var o;(o=s.value)==null||o.click()},S=o=>x(null,null,function*(){var c,d;const t=o.target.files[0];if(!t)return;if(!t.type.startsWith("audio/")){v.ElMessage.warning("请选择有效的音频文件");return}const l=URL.createObjectURL(t);i.value=l,u.value=t.name;try{w.value=!0;const f=yield _.fileToDataUrl(t),N=_.getFileExtension(t.name),h=yield G.api.post("upload",{dashboard_uid:r.pageData.id,file_data:f,file_type:N,user_id:((c=r.session.userInfo)==null?void 0:c.id)||""},!0);if(h.code===200&&((d=h.result)!=null&&d.relative_path)){const L=K.FILE_URL+h.result.relative_path;URL.revokeObjectURL(l),i.value=L,A("fileUrl",L),A("fileName",h.result.file_name||t.name),v.ElMessage.success("音频上传成功")}else throw new Error(h.msg||"上传失败")}catch(f){console.error("音频上传失败:",f),v.ElMessage.error("音频上传失败: "+(f.message||"未知错误"))}finally{w.value=!1,s.value&&(s.value.value="")}}),k=()=>{if(!m.value.trim()){v.ElMessage.warning("请输入音频流地址");return}const o=m.value.trim();A("streamUrl",o),i.value=o,u.value="音频流",v.ElMessage.success("音频流连接成功")},A=(o,t)=>{var l;(l=a.conf)!=null&&l.options&&(a.conf.options[o]||(a.conf.options[o]={value:"",type:"string",label:""}),a.conf.options[o].value=t)},U=o=>{o.preventDefault(),o.stopPropagation()},B=o=>{var l;o.preventDefault(),o.stopPropagation();const t=(l=o.dataTransfer)==null?void 0:l.files;if(t&&t.length>0){const c=t[0];if(c!=null&&c.type.startsWith("audio/")){const d=new DataTransfer;d.items.add(c),s.value&&(s.value.files=d.files,S({target:s.value}))}else v.ElMessage.warning("请选择有效的音频文件")}},P=()=>{i.value="",u.value="",m.value=""},q=()=>{console.log("Audio metadata loaded")},F=o=>{console.error("Audio error:",o),v.ElMessage.error("音频加载失败，请检查URL或文件")};return e.onMounted(()=>{var o,t;if(a.mode!=="preview"){const l=(t=(o=y==null?void 0:y.proxy)==null?void 0:o.$el)==null?void 0:t.querySelector(".upload-area");l&&(l.addEventListener("dragover",U),l.addEventListener("drop",B))}}),e.onBeforeUnmount(()=>{var t,l;const o=(l=(t=y==null?void 0:y.proxy)==null?void 0:t.$el)==null?void 0:l.querySelector(".upload-area");o&&(o.removeEventListener("dragover",U),o.removeEventListener("drop",B))}),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:"mix-component",style:e.normalizeStyle({borderRadius:`${e.unref(p).radiusSize}px`})},[e.createElementVNode("div",Q,[!i.value&&V.value==="upload"?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["upload-area",{"preview-mode":n.mode==="preview"}]),onClick:t[0]||(t[0]=l=>n.mode!=="preview"&&R())},[e.createElementVNode("input",{ref_key:"fileInputRef",ref:s,type:"file",accept:"audio/*",onChange:S,style:{display:"none"}},null,544),e.createElementVNode("div",X,[t[3]||(t[3]=e.createElementVNode("div",{class:"upload-icon"},[e.createElementVNode("svg",{viewBox:"0 0 24 24",width:"32",height:"32",fill:"currentColor"},[e.createElementVNode("path",{d:"M12,3V13.55C11.41,13.21 10.73,13 10,13A3,3 0 0,0 7,16A3,3 0 0,0 10,19A3,3 0 0,0 13,16V7H18V5H12V3Z"})])],-1)),e.createElementVNode("h3",Y,e.toDisplayString(n.mode==="preview"?o.$t("component.audio.noFile"):o.$t("component.audio.uploadText")),1),n.mode!=="preview"?(e.openBlock(),e.createElementBlock("p",ee,e.toDisplayString(o.$t("component.audio.uploadHint")),1)):e.createCommentVNode("",!0),n.mode!=="preview"?(e.openBlock(),e.createElementBlock("div",te,[...t[2]||(t[2]=[e.createElementVNode("span",{class:"format-tag"},"MP3",-1),e.createElementVNode("span",{class:"format-tag"},"WAV",-1),e.createElementVNode("span",{class:"format-tag"},"OGG",-1),e.createElementVNode("span",{class:"format-tag"},"AAC",-1)])])):e.createCommentVNode("",!0)])],2)):e.createCommentVNode("",!0),!i.value&&V.value==="stream"?(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("div",ae,[(e.openBlock(),e.createElementBlock("svg",le,[...t[4]||(t[4]=[e.createElementVNode("path",{d:"M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z"},null,-1)])])),t[5]||(t[5]=e.createElementVNode("p",{class:"stream-text"},"音频流播放",-1)),n.mode!=="preview"?(e.openBlock(),e.createElementBlock("div",ne,[e.withDirectives(e.createElementVNode("input",{"onUpdate:modelValue":t[1]||(t[1]=l=>m.value=l),type:"text",class:"stream-url-input",placeholder:"请输入音频流地址，如：http://xxx/radio/stream.mp3",onKeyup:e.withKeys(k,["enter"])},null,544),[[e.vModelText,m.value]]),e.createElementVNode("button",{class:"connect-btn",onClick:k,disabled:!m.value.trim()}," 连接 ",8,re)])):e.createCommentVNode("",!0),n.mode!=="preview"?(e.openBlock(),e.createElementBlock("p",se,"支持格式: HTTP音频流")):e.createCommentVNode("",!0),n.mode==="preview"?(e.openBlock(),e.createElementBlock("p",ie,"未配置音频流地址")):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createElementBlock("div",ce,[n.mode!=="preview"?(e.openBlock(),e.createElementBlock("div",ue,[e.createElementVNode("div",de,[e.createElementVNode("span",pe,e.toDisplayString(u.value||i.value),1),e.createElementVNode("button",{class:"change-file-btn",onClick:P,title:"更换文件"},[...t[6]||(t[6]=[e.createElementVNode("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"currentColor"},[e.createElementVNode("path",{d:"M12,6V9L16,5L12,1V4A8,8 0 0,0 4,12C4,13.57 4.46,15.03 5.24,16.26L6.7,14.8C6.25,13.97 6,13 6,12A6,6 0 0,1 12,6M18.76,7.74L17.3,9.2C17.74,10.04 18,11 18,12A6,6 0 0,1 12,18V15L8,19L12,23V20A8,8 0 0,0 20,12C20,10.43 19.54,8.97 18.76,7.74Z"})],-1)])])])])):e.createCommentVNode("",!0),e.createElementVNode("div",me,[e.createElementVNode("audio",{ref_key:"audioRef",ref:E,src:i.value,controls:e.unref(p).controls,autoplay:e.unref(p).autoplay,loop:e.unref(p).loop,muted:e.unref(p).muted,onLoadedmetadata:q,onError:F,class:"audio-element"}," 您的浏览器不支持音频播放 ",40,fe)])])):e.createCommentVNode("",!0)]),e.renderSlot(o.$slots,"default",{},void 0,!0)],4))}})),ke=_._export_sfc(Ce,[["__scopeId","data-v-050c7953"]]);exports.default=ke;