mixdashboards 1.0.71 → 1.0.73

package/dist/{audio-CDAMVEgC.js → audio-BJPFIQIr.js}

@@ -1,13 +1,13 @@
 var W = Object.defineProperty, Z = Object.defineProperties;
 var G = Object.getOwnPropertyDescriptors;
-var R = Object.getOwnPropertySymbols;
+var N = 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) => {
+var F = (s, n, o) => n in s ? W(s, n, { enumerable: !0, configurable: !0, writable: !0, value: o }) : s[n] = o, I = (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]);
+    K.call(n, o) && F(s, o, n[o]);
+  if (N)
+    for (var o of N(n))
+      J.call(n, o) && F(s, o, n[o]);
   return s;
 }, P = (s, n) => Z(s, G(n));
 var B = (s, n, o) => new Promise((b, w) => {
@@ -26,9 +26,9 @@ var B = (s, n, o) => new Promise((b, w) => {
   }, p = (i) => i.done ? b(i.value) : Promise.resolve(i.value).then(v, r);
   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 ie } from "vue";
-import { B as re } from "./BaseComponent-D5tlYehc.js";
-import { u as ue, h as de, i as ce, a as pe, F as me, _ as fe } from "./index-Bdq33405.js";
+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 O, createCommentVNode as m, withDirectives as le, withKeys as se, vModelText as ne, renderSlot as ie } from "vue";
+import { B as re } from "./BaseComponent-CBagahPU.js";
+import { u as ue, h as de, i as ce, a as pe, F as me, _ as fe } from "./index-DwPJu6XM.js";
 import { ElMessage as g } from "element-plus";
 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 = {
@@ -52,22 +52,23 @@ const he = { class: "mix-body" }, ge = { class: "upload-content" }, Ae = { class
 }, Ve = ["disabled"], be = {
   key: 1,
   class: "stream-hint"
-}, Ee = {
+}, Te = {
   key: 2,
   class: "stream-hint"
-}, Te = {
+}, Ee = {
   key: 2,
   class: "player-container"
-}, xe = {
+}, Oe = {
   key: 0,
   class: "audio-controls"
-}, Oe = { class: "file-info" }, ke = { class: "file-name" }, De = { class: "audio-container" }, Me = ["src", "controls", "autoplay", "loop", "muted"], Ne = {
+}, xe = { class: "file-info" }, ke = { class: "file-name" }, Me = { class: "audio-container" }, Re = ["src", "controls", "autoplay", "loop", "muted"], De = {
   DEFAULT_ICON: ye,
   ACTIVE_ICON: ve,
   NAME_CN: "音频播放器",
   NAME_EN: "Audio Player",
-  ORDER: 2
-}, Re = {
+  ORDER: 2,
+  PLATFORM: ["pc", "screen", "mobile"]
+}, Ne = {
   sourceType: {
     value: "upload",
     type: "select",
@@ -84,7 +85,7 @@ const he = { class: "mix-body" }, ge = { class: "upload-content" }, Ae = { class
   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), {
+}, Fe = [], Ie = [], Pe = [], Be = null, $e = { DEFAULT: De, OPTIONS: Ne, DATA: Fe, PARAMS: Ie, SOURCE: Pe, COMMON: Be }, He = /* @__PURE__ */ Q(P(I({}, $e), {
   __name: "audio",
   props: {
     conf: { type: Object, required: !0 },
@@ -110,12 +111,12 @@ const he = { class: "mix-body" }, ge = { class: "upload-content" }, Ae = { class
     }
     const w = new b(o, "audio");
     w.setupLifecycle();
-    const v = w.getStyle(), r = C(""), p = C(""), i = C(null), _ = C(null), O = C(!1), y = C(""), A = X(), L = Y(() => {
+    const v = w.getStyle(), r = C(""), p = C(""), i = C(null), _ = C(null), x = 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) && (r.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());
+      L.value === "upload" && ((a = (e = (t = o.conf) == null ? void 0 : t.options) == null ? void 0 : e.fileUrl) != null && a.value) && (r.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, T());
     }, H = () => {
       var t;
       (t = i.value) == null || t.click();
@@ -130,7 +131,7 @@ const he = { class: "mix-body" }, ge = { class: "upload-content" }, Ae = { class
       const a = URL.createObjectURL(e);
       r.value = a, p.value = e.name;
       try {
-        O.value = !0;
+        x.value = !0;
         const h = yield de(e), V = ce(e.name), U = yield pe.post("upload", {
           dashboard_uid: n.pageData.id,
           file_data: h,
@@ -138,28 +139,28 @@ const he = { class: "mix-body" }, ge = { class: "upload-content" }, Ae = { class
           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), r.value = N, T("fileUrl", N), T("fileName", U.result.file_name || e.name), g.success("音频上传成功");
+          const D = me + U.result.relative_path;
+          URL.revokeObjectURL(a), r.value = D, E("fileUrl", D), E("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, i.value && (i.value.value = "");
+        x.value = !1, i.value && (i.value.value = "");
       }
-    }), E = () => {
+    }), T = () => {
       if (!y.value.trim()) {
         g.warning("请输入音频流地址");
         return;
       }
       const t = y.value.trim();
-      T("streamUrl", t), r.value = t, p.value = "音频流", g.success("音频流连接成功");
-    }, T = (t, e) => {
+      E("streamUrl", t), r.value = t, p.value = "音频流", g.success("音频流连接成功");
+    }, E = (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) => {
+      t.preventDefault(), t.stopPropagation();
+    }, R = (t) => {
       var a;
       t.preventDefault(), t.stopPropagation();
       const e = (a = t.dataTransfer) == null ? void 0 : a.files;
@@ -182,12 +183,12 @@ const he = { class: "mix-body" }, ge = { class: "upload-content" }, Ae = { class
       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));
+        a && (a.addEventListener("dragover", M), a.addEventListener("drop", R));
       }
     }), 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 && (t.removeEventListener("dragover", M), t.removeEventListener("drop", R));
     }), (t, e) => (u(), d("div", {
       class: "mix-component",
       style: oe({ borderRadius: `${S(v).radiusSize}px` })
@@ -217,8 +218,8 @@ const he = { class: "mix-body" }, ge = { class: "upload-content" }, Ae = { class
                 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),
+            l("h3", Ae, O(s.mode === "preview" ? t.$t("component.audio.noFile") : t.$t("component.audio.uploadText")), 1),
+            s.mode !== "preview" ? (u(), d("p", Ce, O(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),
@@ -239,24 +240,24 @@ const he = { class: "mix-body" }, ge = { class: "upload-content" }, Ae = { class
                 type: "text",
                 class: "stream-url-input",
                 placeholder: "请输入音频流地址，如：http://xxx/radio/stream.mp3",
-                onKeyup: se(E, ["enter"])
+                onKeyup: se(T, ["enter"])
               }, null, 544), [
                 [ne, y.value]
               ]),
               l("button", {
                 class: "connect-btn",
-                onClick: E,
+                onClick: T,
                 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)
+            s.mode === "preview" ? (u(), d("p", Te, "未配置音频流地址")) : m("", !0)
           ])
         ])) : m("", !0),
-        r.value ? (u(), d("div", Te, [
-          s.mode !== "preview" ? (u(), d("div", xe, [
-            l("div", Oe, [
-              l("span", ke, x(p.value || r.value), 1),
+        r.value ? (u(), d("div", Ee, [
+          s.mode !== "preview" ? (u(), d("div", Oe, [
+            l("div", xe, [
+              l("span", ke, O(p.value || r.value), 1),
               l("button", {
                 class: "change-file-btn",
                 onClick: z,
@@ -273,7 +274,7 @@ const he = { class: "mix-body" }, ge = { class: "upload-content" }, Ae = { class
               ])])
             ])
           ])) : m("", !0),
-          l("div", De, [
+          l("div", Me, [
             l("audio", {
               ref_key: "audioRef",
               ref: _,
@@ -285,14 +286,14 @@ const he = { class: "mix-body" }, ge = { class: "upload-content" }, Ae = { class
               onLoadedmetadata: j,
               onError: q,
               class: "audio-element"
-            }, " 您的浏览器不支持音频播放 ", 40, Me)
+            }, " 您的浏览器不支持音频播放 ", 40, Re)
           ])
         ])) : m("", !0)
       ]),
       ie(t.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-})), Ke = /* @__PURE__ */ fe(He, [["__scopeId", "data-v-050c7953"]]);
+})), Ke = /* @__PURE__ */ fe(He, [["__scopeId", "data-v-31a1a938"]]);
 export {
   Ke as default
 };

package/dist/audio-Bw-GaYe1.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((k,E)=>{var p=s=>{try{d(a.next(s))}catch(h){E(h)}},i=s=>{try{d(a.throw(s))}catch(h){E(h)}},d=s=>s.done?k(s.value):Promise.resolve(s.value).then(p,i);d((a=a.apply(n,r)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),Z=require("./BaseComponent-Chnv4fBT.cjs"),g=require("./index-DVqMfQVc.cjs"),v=require("element-plus"),D=require("./ele-vdo-icon-Bgp9gaT6.cjs"),G={class:"mix-body"},K={class:"upload-content"},J={class:"upload-title"},Q={key:0,class:"upload-hint"},X={key:1,class:"upload-formats"},Y={key:1,class:"stream-input-area"},ee={class:"stream-content"},te={viewBox:"0 0 24 24",width:"48",height:"48",fill:"currentColor",style:{opacity:"0.5"}},oe={key:0,class:"stream-input-container"},ae=["disabled"],le={key:1,class:"stream-hint"},ne={key:2,class:"stream-hint"},re={key:2,class:"player-container"},se={key:0,class:"audio-controls"},ie={class:"file-info"},ce={class:"file-name"},de={class:"audio-container"},ue=["src","controls","autoplay","loop","muted"],pe={DEFAULT_ICON:D.DEFAULT_ICON,ACTIVE_ICON:D.ACTIVE_ICON,NAME_CN:"音频播放器",NAME_EN:"Audio Player",ORDER:2,PLATFORM:["pc","screen","mobile"]},me={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"}},fe=[],ve=[],ye=[],ge=null,Ee={DEFAULT:pe,OPTIONS:me,DATA:fe,PARAMS:ve,SOURCE:ye,COMMON:ge},he=e.defineComponent(O(M({},Ee),{__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=g.useCounterStore(),a=n;class k 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 E=new k(a,"audio");E.setupLifecycle();const p=E.getStyle(),i=e.ref(""),d=e.ref(""),s=e.ref(null),h=e.ref(null),w=e.ref(!1),m=e.ref(""),y=e.getCurrentInstance(),N=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,u,f,C;N.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,d.value=((c=a.conf.options.fileName)==null?void 0:c.value)||""),N.value==="stream"&&((C=(f=(u=a.conf)==null?void 0:u.options)==null?void 0:f.streamUrl)!=null&&C.value)&&(m.value=a.conf.options.streamUrl.value,A())},R=()=>{var o;(o=s.value)==null||o.click()},S=o=>x(null,null,function*(){var c,u;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,d.value=t.name;try{w.value=!0;const f=yield g.fileToDataUrl(t),C=g.getFileExtension(t.name),V=yield g.api.post("upload",{dashboard_uid:r.pageData.id,file_data:f,file_type:C,user_id:((c=r.session.userInfo)==null?void 0:c.id)||""},!0);if(V.code===200&&((u=V.result)!=null&&u.relative_path)){const L=g.FILE_URL+V.result.relative_path;URL.revokeObjectURL(l),i.value=L,_("fileUrl",L),_("fileName",V.result.file_name||t.name),v.ElMessage.success("音频上传成功")}else throw new Error(V.msg||"上传失败")}catch(f){console.error("音频上传失败:",f),v.ElMessage.error("音频上传失败: "+(f.message||"未知错误"))}finally{w.value=!1,s.value&&(s.value.value="")}}),A=()=>{if(!m.value.trim()){v.ElMessage.warning("请输入音频流地址");return}const o=m.value.trim();_("streamUrl",o),i.value=o,d.value="音频流",v.ElMessage.success("音频流连接成功")},_=(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)},B=o=>{o.preventDefault(),o.stopPropagation()},U=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 u=new DataTransfer;u.items.add(c),s.value&&(s.value.files=u.files,S({target:s.value}))}else v.ElMessage.warning("请选择有效的音频文件")}},P=()=>{i.value="",d.value="",m.value=""},F=()=>{console.log("Audio metadata loaded")},q=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",B),l.addEventListener("drop",U))}}),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",B),o.removeEventListener("drop",U))}),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:"mix-component",style:e.normalizeStyle({borderRadius:`${e.unref(p).radiusSize}px`})},[e.createElementVNode("div",G,[!i.value&&N.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",K,[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",J,e.toDisplayString(n.mode==="preview"?o.$t("component.audio.noFile"):o.$t("component.audio.uploadText")),1),n.mode!=="preview"?(e.openBlock(),e.createElementBlock("p",Q,e.toDisplayString(o.$t("component.audio.uploadHint")),1)):e.createCommentVNode("",!0),n.mode!=="preview"?(e.openBlock(),e.createElementBlock("div",X,[...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&&N.value==="stream"?(e.openBlock(),e.createElementBlock("div",Y,[e.createElementVNode("div",ee,[(e.openBlock(),e.createElementBlock("svg",te,[...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",oe,[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(A,["enter"])},null,544),[[e.vModelText,m.value]]),e.createElementVNode("button",{class:"connect-btn",onClick:A,disabled:!m.value.trim()}," 连接 ",8,ae)])):e.createCommentVNode("",!0),n.mode!=="preview"?(e.openBlock(),e.createElementBlock("p",le,"支持格式: HTTP音频流")):e.createCommentVNode("",!0),n.mode==="preview"?(e.openBlock(),e.createElementBlock("p",ne,"未配置音频流地址")):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createElementBlock("div",re,[n.mode!=="preview"?(e.openBlock(),e.createElementBlock("div",se,[e.createElementVNode("div",ie,[e.createElementVNode("span",ce,e.toDisplayString(d.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",de,[e.createElementVNode("audio",{ref_key:"audioRef",ref:h,src:i.value,controls:e.unref(p).controls,autoplay:e.unref(p).autoplay,loop:e.unref(p).loop,muted:e.unref(p).muted,onLoadedmetadata:F,onError:q,class:"audio-element"}," 您的浏览器不支持音频播放 ",40,ue)])])):e.createCommentVNode("",!0)]),e.renderSlot(o.$slots,"default",{},void 0,!0)],4))}})),Ve=g._export_sfc(he,[["__scopeId","data-v-31a1a938"]]);exports.default=Ve;

package/dist/{bar--JrlRud9.js → bar-C38h_mUA.js}

@@ -1,31 +1,33 @@
-var k = Object.defineProperty, I = Object.defineProperties;
-var T = Object.getOwnPropertyDescriptors;
+var k = Object.defineProperty, T = Object.defineProperties;
+var I = Object.getOwnPropertyDescriptors;
 var D = Object.getOwnPropertySymbols;
 var z = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
-var E = (c, i, l) => i in c ? k(c, i, { enumerable: !0, configurable: !0, writable: !0, value: l }) : c[i] = l, b = (c, i) => {
-  for (var l in i || (i = {}))
-    z.call(i, l) && E(c, l, i[l]);
+var E = (c, i, r) => i in c ? k(c, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : c[i] = r, b = (c, i) => {
+  for (var r in i || (i = {}))
+    z.call(i, r) && E(c, r, i[r]);
   if (D)
-    for (var l of D(i))
-      w.call(i, l) && E(c, l, i[l]);
+    for (var r of D(i))
+      w.call(i, r) && E(c, r, i[r]);
   return c;
-}, S = (c, i) => I(c, T(i));
-import { defineComponent as V, onMounted as $, onUnmounted as j, computed as R, openBlock as B, createElementBlock as M, normalizeStyle as v, unref as x, createElementVNode as y, toDisplayString as W, renderSlot as P } from "vue";
-import { D as X, k as F, u as H, l as G, C as K, n as q, o as J, p as Q, _ as Y } from "./index-Bdq33405.js";
-import { E as Z } from "./EChartComponentBase-CAabYXSj.js";
+}, S = (c, i) => T(c, I(i));
+import { defineComponent as R, onMounted as V, onUnmounted as $, computed as j, openBlock as M, createElementBlock as B, normalizeStyle as v, unref as x, createElementVNode as y, toDisplayString as P, renderSlot as W } from "vue";
+import { D as F, k as X, u as H, l as G, C as K, n as q, o as J, p as Q, _ as Y } from "./index-DwPJu6XM.js";
+import "element-plus";
+import { E as Z } from "./EChartComponentBase-cFfawl6h.js";
 import { g as tt } from "./titleStyle-BT5GlpAb.js";
 import { A as et, D as it } from "./ele-bar-icon-C-GiCs2a.js";
 import { i as ot } from "./install-CBde4hAM.js";
-import { i as at } from "./install-hfre7yvV.js";
-import { u as st, i as nt, a as lt } from "./installCanvasRenderer-CLT2hquJ.js";
-import { i as rt } from "./install-BBrAry2m.js";
+import { i as st } from "./install-hfre7yvV.js";
+import { u as at, i as nt, a as rt } from "./installCanvasRenderer-CLT2hquJ.js";
+import { i as lt } from "./install-BBrAry2m.js";
 import { i as ct } from "./install-MS3ZY7fF.js";
 const dt = { class: "mix-body" }, ut = ["id"], pt = {
   DEFAULT_ICON: it,
   ACTIVE_ICON: et,
   NAME_CN: "基础柱状图",
   NAME_EN: "Bar Chart",
-  ORDER: 1
+  ORDER: 1,
+  PLATFORM: ["pc", "screen", "mobile"]
 }, ft = {
   titleColor: "#111",
   // color
@@ -45,14 +47,14 @@ const dt = { class: "mix-body" }, ut = ["id"], pt = {
   isHideTitle: !1,
   // checkbox
   showLabel: !1
-}, ht = [
+}, mt = [
   { name: "参数一", fv: "", object_id: "", color: "#4162ff", periodUnit: "near-hour", periodValue: 1 }
-], mt = [
+], ht = [
   "name",
   "fv",
   "object_id",
   "color",
-  { key: "periodUnit", label: "setting.timeUnit", type: "select", options: X },
+  { key: "periodUnit", label: "setting.timeUnit", type: "select", options: F },
   { key: "periodValue", label: "setting.timePeriod", type: "number" }
 ], xt = ["mosaic", "statistics", "calculate"], bt = {
   source: "mosaic",
@@ -62,11 +64,11 @@ const dt = { class: "mix-body" }, ut = ["id"], pt = {
 }, gt = {
   DEFAULT: pt,
   OPTIONS: ft,
-  DATA: ht,
-  PARAMS: mt,
+  DATA: mt,
+  PARAMS: ht,
   SOURCE: xt,
   COMMON: bt
-}, St = /* @__PURE__ */ V(S(b({}, gt), {
+}, St = /* @__PURE__ */ R(S(b({}, gt), {
   __name: "bar",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -75,9 +77,9 @@ const dt = { class: "mix-body" }, ut = ["id"], pt = {
     theme: { type: String, default: "light" }
   },
   setup(c) {
-    st([ot, at, nt, rt, lt, ct]);
-    const i = c, l = F();
-    class N extends Z {
+    at([ot, st, nt, lt, rt, ct]);
+    const i = c, r = X();
+    class L extends Z {
       // 提取样式（扩展父类）
       extractStyles() {
         return S(b({}, super.extractStyles()), {
@@ -103,7 +105,7 @@ const dt = { class: "mix-body" }, ut = ["id"], pt = {
           },
           legend: {
             show: !0,
-            data: o.data.map((a) => a.name),
+            data: o.data.map((s) => s.name),
             right: 20,
             top: 0,
             textStyle: { color: t.textColor, fontSize: t.textSize }
@@ -114,9 +116,9 @@ const dt = { class: "mix-body" }, ut = ["id"], pt = {
             axisTick: { alignWithLabel: !0 },
             axisLine: { lineStyle: { color: t.textColor } },
             axisLabel: {
-              formatter: (a) => {
-                if (!/^\d{4}-\d{2}-\d{2}\s\d{2}:\d{2}:\d{2}$/.test(a)) return a;
-                const [n, e] = a.split(" ");
+              formatter: (s) => {
+                if (!/^\d{4}-\d{2}-\d{2}\s\d{2}:\d{2}:\d{2}$/.test(s)) return s;
+                const [n, e] = s.split(" ");
                 return `${n}
 ${e}`;
               },
@@ -139,18 +141,18 @@ ${e}`;
       // 获取 X 轴数据
       getXAxisData() {
         var n, e;
-        const { data: t, common: o } = this.props.conf, a = (o == null ? void 0 : o.source) || "mosaic";
-        return ["statistics", "calculate"].includes(a) && !((e = (n = t[0]) == null ? void 0 : n.periodUnit) != null && e.includes("near")) ? G(t[0].periodUnit) : this.getTimeAxis();
+        const { data: t, common: o } = this.props.conf, s = (o == null ? void 0 : o.source) || "mosaic";
+        return ["statistics", "calculate"].includes(s) && !((e = (n = t[0]) == null ? void 0 : n.periodUnit) != null && e.includes("near")) ? G(t[0].periodUnit) : this.getTimeAxis();
       }
       // 格式化 Series
       formatSeries() {
         const t = this.props.conf, o = this.Style.value;
-        return t.data.map((a, n) => {
-          const e = a.color || K[n];
+        return t.data.map((s, n) => {
+          const e = s.color || K[n];
           return {
             type: "bar",
             data: q({ num: o.points, max: 200, min: 0, mode: this.props.mode, hasDataSource: this.hasData() }),
-            name: a.name,
+            name: s.name,
             itemStyle: { color: e },
             label: { show: o.showLabel, position: "top", color: e },
             barWidth: o.barWidth + "%"
@@ -160,85 +162,85 @@ ${e}`;
       // 设置实时数据
       setSocketData(t) {
         if (!this.hasData() || !this.chartObj || !t) return;
-        const { data: o, common: a } = this.props.conf, n = a.source || "mosaic", e = this.chartObj.getOption();
-        o.forEach((s, u) => {
-          let r, p;
-          if (["statistics", "calculate"].includes(n) && s.periodUnit && !s.periodUnit.includes("near")) {
-            console.log("[bar] 固定周期模式", { item: s, periodUnit: s.periodUnit }), r = this.extractDataValue(t, s.fv);
-            const O = s.periodUnit.split("-");
+        const { data: o, common: s } = this.props.conf, n = s.source || "mosaic", e = this.chartObj.getOption();
+        o.forEach((a, u) => {
+          let l, p;
+          if (["statistics", "calculate"].includes(n) && a.periodUnit && !a.periodUnit.includes("near")) {
+            console.log("[bar] 固定周期模式", { item: a, periodUnit: a.periodUnit }), l = this.extractDataValue(t, a.fv);
+            const O = a.periodUnit.split("-");
             p = J(t.start_time, O[O.length - 1]);
             const g = e.xAxis[0].data.indexOf(p);
-            console.log("[bar] 固定周期数据", { value: r, time: p, index: g, xAxisData: e.xAxis[0].data }), g >= 0 && (e.series[u].data[g] = r);
-          } else ["statistics", "calculate"].includes(n) && s.periodUnit && s.periodUnit.includes("near") ? (console.log("[bar] 最近周期模式"), r = this.extractDataValue(t, s.fv), p = t.start_time, p != null && (u === 0 && e.xAxis[0].data.push(p), e.series[u].data.push(r))) : (r = this.extractDataValue(t, s.fv), p = ["statistics", "calculate"].includes(n) ? t.start_time : t.datetime, p != null && (u === 0 && e.xAxis[0].data.push(p), e.series[u].data.push(r)));
+            console.log("[bar] 固定周期数据", { value: l, time: p, index: g, xAxisData: e.xAxis[0].data }), g >= 0 && (e.series[u].data[g] = l);
+          } else ["statistics", "calculate"].includes(n) && a.periodUnit && a.periodUnit.includes("near") ? (console.log("[bar] 最近周期模式"), l = this.extractDataValue(t, a.fv), p = t.start_time, p != null && (u === 0 && e.xAxis[0].data.push(p), e.series[u].data.push(l))) : (l = this.extractDataValue(t, a.fv), p = ["statistics", "calculate"].includes(n) ? t.start_time : t.datetime, p != null && (u === 0 && e.xAxis[0].data.push(p), e.series[u].data.push(l)));
         });
         const d = Q(
           e.xAxis[0].data,
-          e.series.map((s) => s.data)
-        ), h = Number(this.Style.value.points) || 10;
-        e.xAxis[0].data = d.times.slice(-h), e.series.forEach((s, u) => {
-          var r;
-          s.data = ((r = d.data[u]) == null ? void 0 : r.slice(-h)) || [];
+          e.series.map((a) => a.data)
+        ), m = Number(this.Style.value.points) || 10;
+        e.xAxis[0].data = d.times.slice(-m), e.series.forEach((a, u) => {
+          var l;
+          a.data = ((l = d.data[u]) == null ? void 0 : l.slice(-m)) || [];
         }), this.updateChart(e);
       }
       setHistoryData(t) {
         if (!t || !(t != null && t.length)) return;
-        const o = this.chartObj.getOption(), a = Number(this.Style.value.points) || 10, n = (e) => {
+        const o = this.chartObj.getOption(), s = Number(this.Style.value.points) || 10, n = (e) => {
           if (e == null || e === "" || e === "-") return null;
           const d = Number(e);
           return Number.isFinite(d) ? d : null;
         };
-        o.xAxis[0].data = t[0].time.slice(-a), t.forEach((e, d) => {
+        o.xAxis[0].data = t[0].time.slice(-s), t.forEach((e, d) => {
           if (!o.series[d]) return;
-          const h = e.data || [];
-          o.series[d].data = h.map(n).slice(-a);
+          const m = e.data || [];
+          o.series[d].data = m.map(n).slice(-s);
         }), this.updateChart(o);
       }
     }
-    const f = new N(i, "bar");
+    const f = new L(i, "bar");
     f.setupLifecycle();
     const C = H();
-    $(() => {
-      var m;
+    V(() => {
+      var h;
       if (C.registerInstance(i.uid, f), i.mode === "preview") {
-        const t = ((m = f.getChartInstance) == null ? void 0 : m.call(f)) || f.chartObj;
+        const t = ((h = f.getChartInstance) == null ? void 0 : h.call(f)) || f.chartObj;
         t == null || t.off("click"), t == null || t.on("click", (o) => {
-          var n, e, d, h, s, u;
-          const a = o == null ? void 0 : o.seriesName;
-          if (typeof a == "string" && a) {
-            const r = ((e = (n = i.conf) == null ? void 0 : n.options) == null ? void 0 : e.linkChannel) === "custom" ? (h = (d = i.conf) == null ? void 0 : d.options) == null ? void 0 : h.customChannel : (u = (s = i.conf) == null ? void 0 : s.options) == null ? void 0 : u.linkChannel;
-            l.publish(r || "bar", "bar", {
+          var n, e, d, m, a, u;
+          const s = o == null ? void 0 : o.seriesName;
+          if (typeof s == "string" && s) {
+            const l = ((e = (n = i.conf) == null ? void 0 : n.options) == null ? void 0 : e.linkChannel) === "custom" ? (m = (d = i.conf) == null ? void 0 : d.options) == null ? void 0 : m.customChannel : (u = (a = i.conf) == null ? void 0 : a.options) == null ? void 0 : u.linkChannel;
+            r.publish(l || "bar", "bar", {
               objectId: "",
               deviceId: "",
               type: "select",
-              fieldKey: a,
-              fv: b({ key: a }, o),
+              fieldKey: s,
+              fv: b({ key: s }, o),
               source: "bar"
             });
           }
         });
       }
-    }), j(() => {
+    }), $(() => {
       C.unregisterInstance(i.uid);
     });
-    const A = f.getStyle(), U = f.getEchartId(), _ = i.conf, L = R(() => tt(i.conf.options));
-    return (m, t) => (B(), M("div", {
+    const A = f.getStyle(), N = f.getEchartId(), _ = i.conf, U = j(() => tt(i.conf.options));
+    return (h, t) => (M(), B("div", {
       class: "mix-component",
       style: v({ background: x(A).bgColor, borderRadius: `${x(A).radiusSize}px` })
     }, [
       y("div", {
         class: "mix-title",
-        style: v(L.value)
-      }, W(x(_).caption || x(_).name), 5),
+        style: v(U.value)
+      }, P(x(_).caption || x(_).name), 5),
       y("div", dt, [
         y("div", {
           class: "w-full h-full",
-          id: x(U)
+          id: x(N)
         }, null, 8, ut)
       ]),
-      P(m.$slots, "default", {}, void 0, !0)
+      W(h.$slots, "default", {}, void 0, !0)
     ], 4));
   }
-})), kt = /* @__PURE__ */ Y(St, [["__scopeId", "data-v-3716b129"]]);
+})), Tt = /* @__PURE__ */ Y(St, [["__scopeId", "data-v-f8927d1e"]]);
 export {
-  kt as default
+  Tt as default
 };

package/dist/{bar-C7uQADV1.cjs → bar-Cru6WosS.cjs}

@@ -1,2 +1,2 @@
-"use strict";var T=Object.defineProperty,k=Object.defineProperties;var z=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var V=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var v=(u,i,r)=>i in u?T(u,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):u[i]=r,S=(u,i)=>{for(var r in i||(i={}))V.call(i,r)&&v(u,r,i[r]);if(N)for(var r of N(i))w.call(i,r)&&v(u,r,i[r]);return u},y=(u,i)=>k(u,z(i));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),h=require("./index-D8dh_6Qd.cjs"),$=require("./EChartComponentBase-D4wMej9X.cjs"),j=require("./titleStyle-NSnz6cUg.cjs"),D=require("./ele-bar-icon-V94clxg_.cjs"),q=require("./install-DV5cEgNV.cjs"),R=require("./install-CltTFs4e.cjs"),C=require("./installCanvasRenderer-CyhM1Qpl.cjs"),B=require("./install-C8buXQPI.cjs"),M=require("./install-Ch5d8i37.cjs"),P={class:"mix-body"},W=["id"],F={DEFAULT_ICON:D.DEFAULT_ICON,ACTIVE_ICON:D.ACTIVE_ICON,NAME_CN:"基础柱状图",NAME_EN:"Bar Chart",ORDER:1},X={titleColor:"#111",textColor:"#111",bgColor:"#fff",top:30,bottom:40,left:40,right:20,radiusSize:8,textSize:12,barWidth:30,points:10,isHideTitle:!1,showLabel:!1},H=[{name:"参数一",fv:"",object_id:"",color:"#4162ff",periodUnit:"near-hour",periodValue:1}],G=["name","fv","object_id","color",{key:"periodUnit",label:"setting.timeUnit",type:"select",options:h.DATE_OPTION},{key:"periodValue",label:"setting.timePeriod",type:"number"}],K=["mosaic","statistics","calculate"],J={source:"mosaic",useAlias:!1,multiObject:!1,null:{type:"0",value:""}},Q={DEFAULT:F,OPTIONS:X,DATA:H,PARAMS:G,SOURCE:K,COMMON:J},Y=a.defineComponent(y(S({},Q),{__name:"bar",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(u){C.use([q.install,R.install,C.install,B.install,C.install$1,M.install]);const i=u,r=h.useLinkStore();class U extends $.EChartComponentBase{extractStyles(){return y(S({},super.extractStyles()),{barWidth:this.getOptionValue("barWidth",30),showLabel:this.getOptionValue("showLabel",!1)})}getChartOption(){const t=this.Style.value,o=this.props.conf;return{tooltip:{trigger:"axis",axisPointer:{type:"shadow"},textStyle:{align:"left",fontSize:t.textSize}},grid:{top:t.top,bottom:t.bottom,left:t.left,right:t.right,containLabel:!1},legend:{show:!0,data:o.data.map(s=>s.name),right:20,top:0,textStyle:{color:t.textColor,fontSize:t.textSize}},xAxis:[{type:"category",data:this.getXAxisData(),axisTick:{alignWithLabel:!0},axisLine:{lineStyle:{color:t.textColor}},axisLabel:{formatter:s=>{if(!/^\d{4}-\d{2}-\d{2}\s\d{2}:\d{2}:\d{2}$/.test(s))return s;const[l,e]=s.split(" ");return`${l}
-${e}`},color:t.textColor,fontSize:t.textSize}}],yAxis:[{type:"value",nameGap:10,nameTextStyle:{align:"right"},splitLine:{lineStyle:{type:"dashed",color:"#e5e5e5"}},axisLabel:{color:t.textColor,fontSize:t.textSize},axisLine:{lineStyle:{color:t.textColor}},splitNumber:4}],series:this.formatSeries()}}getXAxisData(){var l,e;const{data:t,common:o}=this.props.conf,s=(o==null?void 0:o.source)||"mosaic";return["statistics","calculate"].includes(s)&&!((e=(l=t[0])==null?void 0:l.periodUnit)!=null&&e.includes("near"))?h.getBarXAxis(t[0].periodUnit):this.getTimeAxis()}formatSeries(){const t=this.props.conf,o=this.Style.value;return t.data.map((s,l)=>{const e=s.color||h.COLORS[l];return{type:"bar",data:h.getRandomArr({num:o.points,max:200,min:0,mode:this.props.mode,hasDataSource:this.hasData()}),name:s.name,itemStyle:{color:e},label:{show:o.showLabel,position:"top",color:e},barWidth:o.barWidth+"%"}})}setSocketData(t){if(!this.hasData()||!this.chartObj||!t)return;const{data:o,common:s}=this.props.conf,l=s.source||"mosaic",e=this.chartObj.getOption();o.forEach((n,p)=>{let c,f;if(["statistics","calculate"].includes(l)&&n.periodUnit&&!n.periodUnit.includes("near")){console.log("[bar] 固定周期模式",{item:n,periodUnit:n.periodUnit}),c=this.extractDataValue(t,n.fv);const E=n.periodUnit.split("-");f=h.getXAxisNearTime(t.start_time,E[E.length-1]);const g=e.xAxis[0].data.indexOf(f);console.log("[bar] 固定周期数据",{value:c,time:f,index:g,xAxisData:e.xAxis[0].data}),g>=0&&(e.series[p].data[g]=c)}else["statistics","calculate"].includes(l)&&n.periodUnit&&n.periodUnit.includes("near")?(console.log("[bar] 最近周期模式"),c=this.extractDataValue(t,n.fv),f=t.start_time,f!=null&&(p===0&&e.xAxis[0].data.push(f),e.series[p].data.push(c))):(c=this.extractDataValue(t,n.fv),f=["statistics","calculate"].includes(l)?t.start_time:t.datetime,f!=null&&(p===0&&e.xAxis[0].data.push(f),e.series[p].data.push(c)))});const d=h.addRealtimeData(e.xAxis[0].data,e.series.map(n=>n.data)),x=Number(this.Style.value.points)||10;e.xAxis[0].data=d.times.slice(-x),e.series.forEach((n,p)=>{var c;n.data=((c=d.data[p])==null?void 0:c.slice(-x))||[]}),this.updateChart(e)}setHistoryData(t){if(!t||!(t!=null&&t.length))return;const o=this.chartObj.getOption(),s=Number(this.Style.value.points)||10,l=e=>{if(e==null||e===""||e==="-")return null;const d=Number(e);return Number.isFinite(d)?d:null};o.xAxis[0].data=t[0].time.slice(-s),t.forEach((e,d)=>{if(!o.series[d])return;const x=e.data||[];o.series[d].data=x.map(l).slice(-s)}),this.updateChart(o)}}const m=new U(i,"bar");m.setupLifecycle();const A=h.useCounterStore();a.onMounted(()=>{var b;if(A.registerInstance(i.uid,m),i.mode==="preview"){const t=((b=m.getChartInstance)==null?void 0:b.call(m))||m.chartObj;t==null||t.off("click"),t==null||t.on("click",o=>{var l,e,d,x,n,p;const s=o==null?void 0:o.seriesName;if(typeof s=="string"&&s){const c=((e=(l=i.conf)==null?void 0:l.options)==null?void 0:e.linkChannel)==="custom"?(x=(d=i.conf)==null?void 0:d.options)==null?void 0:x.customChannel:(p=(n=i.conf)==null?void 0:n.options)==null?void 0:p.linkChannel;r.publish(c||"bar","bar",{objectId:"",deviceId:"",type:"select",fieldKey:s,fv:S({key:s},o),source:"bar"})}})}}),a.onUnmounted(()=>{A.unregisterInstance(i.uid)});const _=m.getStyle(),I=m.getEchartId(),O=i.conf,L=a.computed(()=>j.generateTitleStyle(i.conf.options));return(b,t)=>(a.openBlock(),a.createElementBlock("div",{class:"mix-component",style:a.normalizeStyle({background:a.unref(_).bgColor,borderRadius:`${a.unref(_).radiusSize}px`})},[a.createElementVNode("div",{class:"mix-title",style:a.normalizeStyle(L.value)},a.toDisplayString(a.unref(O).caption||a.unref(O).name),5),a.createElementVNode("div",P,[a.createElementVNode("div",{class:"w-full h-full",id:a.unref(I)},null,8,W)]),a.renderSlot(b.$slots,"default",{},void 0,!0)],4))}})),Z=h._export_sfc(Y,[["__scopeId","data-v-3716b129"]]);exports.default=Z;
+"use strict";var T=Object.defineProperty,k=Object.defineProperties;var z=Object.getOwnPropertyDescriptors;var N=Object.getOwnPropertySymbols;var V=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var v=(u,i,r)=>i in u?T(u,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):u[i]=r,S=(u,i)=>{for(var r in i||(i={}))V.call(i,r)&&v(u,r,i[r]);if(N)for(var r of N(i))q.call(i,r)&&v(u,r,i[r]);return u},y=(u,i)=>k(u,z(i));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),h=require("./index-DVqMfQVc.cjs");require("element-plus");const w=require("./EChartComponentBase-dLE5F7Tt.cjs"),R=require("./titleStyle-NSnz6cUg.cjs"),D=require("./ele-bar-icon-V94clxg_.cjs"),$=require("./install-DV5cEgNV.cjs"),j=require("./install-CltTFs4e.cjs"),C=require("./installCanvasRenderer-CyhM1Qpl.cjs"),B=require("./install-C8buXQPI.cjs"),M=require("./install-Ch5d8i37.cjs"),P={class:"mix-body"},W=["id"],F={DEFAULT_ICON:D.DEFAULT_ICON,ACTIVE_ICON:D.ACTIVE_ICON,NAME_CN:"基础柱状图",NAME_EN:"Bar Chart",ORDER:1,PLATFORM:["pc","screen","mobile"]},X={titleColor:"#111",textColor:"#111",bgColor:"#fff",top:30,bottom:40,left:40,right:20,radiusSize:8,textSize:12,barWidth:30,points:10,isHideTitle:!1,showLabel:!1},H=[{name:"参数一",fv:"",object_id:"",color:"#4162ff",periodUnit:"near-hour",periodValue:1}],G=["name","fv","object_id","color",{key:"periodUnit",label:"setting.timeUnit",type:"select",options:h.DATE_OPTION},{key:"periodValue",label:"setting.timePeriod",type:"number"}],K=["mosaic","statistics","calculate"],J={source:"mosaic",useAlias:!1,multiObject:!1,null:{type:"0",value:""}},Q={DEFAULT:F,OPTIONS:X,DATA:H,PARAMS:G,SOURCE:K,COMMON:J},Y=a.defineComponent(y(S({},Q),{__name:"bar",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(u){C.use([$.install,j.install,C.install,B.install,C.install$1,M.install]);const i=u,r=h.useLinkStore();class L extends w.EChartComponentBase{extractStyles(){return y(S({},super.extractStyles()),{barWidth:this.getOptionValue("barWidth",30),showLabel:this.getOptionValue("showLabel",!1)})}getChartOption(){const t=this.Style.value,o=this.props.conf;return{tooltip:{trigger:"axis",axisPointer:{type:"shadow"},textStyle:{align:"left",fontSize:t.textSize}},grid:{top:t.top,bottom:t.bottom,left:t.left,right:t.right,containLabel:!1},legend:{show:!0,data:o.data.map(s=>s.name),right:20,top:0,textStyle:{color:t.textColor,fontSize:t.textSize}},xAxis:[{type:"category",data:this.getXAxisData(),axisTick:{alignWithLabel:!0},axisLine:{lineStyle:{color:t.textColor}},axisLabel:{formatter:s=>{if(!/^\d{4}-\d{2}-\d{2}\s\d{2}:\d{2}:\d{2}$/.test(s))return s;const[l,e]=s.split(" ");return`${l}
+${e}`},color:t.textColor,fontSize:t.textSize}}],yAxis:[{type:"value",nameGap:10,nameTextStyle:{align:"right"},splitLine:{lineStyle:{type:"dashed",color:"#e5e5e5"}},axisLabel:{color:t.textColor,fontSize:t.textSize},axisLine:{lineStyle:{color:t.textColor}},splitNumber:4}],series:this.formatSeries()}}getXAxisData(){var l,e;const{data:t,common:o}=this.props.conf,s=(o==null?void 0:o.source)||"mosaic";return["statistics","calculate"].includes(s)&&!((e=(l=t[0])==null?void 0:l.periodUnit)!=null&&e.includes("near"))?h.getBarXAxis(t[0].periodUnit):this.getTimeAxis()}formatSeries(){const t=this.props.conf,o=this.Style.value;return t.data.map((s,l)=>{const e=s.color||h.COLORS[l];return{type:"bar",data:h.getRandomArr({num:o.points,max:200,min:0,mode:this.props.mode,hasDataSource:this.hasData()}),name:s.name,itemStyle:{color:e},label:{show:o.showLabel,position:"top",color:e},barWidth:o.barWidth+"%"}})}setSocketData(t){if(!this.hasData()||!this.chartObj||!t)return;const{data:o,common:s}=this.props.conf,l=s.source||"mosaic",e=this.chartObj.getOption();o.forEach((n,p)=>{let c,f;if(["statistics","calculate"].includes(l)&&n.periodUnit&&!n.periodUnit.includes("near")){console.log("[bar] 固定周期模式",{item:n,periodUnit:n.periodUnit}),c=this.extractDataValue(t,n.fv);const E=n.periodUnit.split("-");f=h.getXAxisNearTime(t.start_time,E[E.length-1]);const g=e.xAxis[0].data.indexOf(f);console.log("[bar] 固定周期数据",{value:c,time:f,index:g,xAxisData:e.xAxis[0].data}),g>=0&&(e.series[p].data[g]=c)}else["statistics","calculate"].includes(l)&&n.periodUnit&&n.periodUnit.includes("near")?(console.log("[bar] 最近周期模式"),c=this.extractDataValue(t,n.fv),f=t.start_time,f!=null&&(p===0&&e.xAxis[0].data.push(f),e.series[p].data.push(c))):(c=this.extractDataValue(t,n.fv),f=["statistics","calculate"].includes(l)?t.start_time:t.datetime,f!=null&&(p===0&&e.xAxis[0].data.push(f),e.series[p].data.push(c)))});const d=h.addRealtimeData(e.xAxis[0].data,e.series.map(n=>n.data)),x=Number(this.Style.value.points)||10;e.xAxis[0].data=d.times.slice(-x),e.series.forEach((n,p)=>{var c;n.data=((c=d.data[p])==null?void 0:c.slice(-x))||[]}),this.updateChart(e)}setHistoryData(t){if(!t||!(t!=null&&t.length))return;const o=this.chartObj.getOption(),s=Number(this.Style.value.points)||10,l=e=>{if(e==null||e===""||e==="-")return null;const d=Number(e);return Number.isFinite(d)?d:null};o.xAxis[0].data=t[0].time.slice(-s),t.forEach((e,d)=>{if(!o.series[d])return;const x=e.data||[];o.series[d].data=x.map(l).slice(-s)}),this.updateChart(o)}}const m=new L(i,"bar");m.setupLifecycle();const A=h.useCounterStore();a.onMounted(()=>{var b;if(A.registerInstance(i.uid,m),i.mode==="preview"){const t=((b=m.getChartInstance)==null?void 0:b.call(m))||m.chartObj;t==null||t.off("click"),t==null||t.on("click",o=>{var l,e,d,x,n,p;const s=o==null?void 0:o.seriesName;if(typeof s=="string"&&s){const c=((e=(l=i.conf)==null?void 0:l.options)==null?void 0:e.linkChannel)==="custom"?(x=(d=i.conf)==null?void 0:d.options)==null?void 0:x.customChannel:(p=(n=i.conf)==null?void 0:n.options)==null?void 0:p.linkChannel;r.publish(c||"bar","bar",{objectId:"",deviceId:"",type:"select",fieldKey:s,fv:S({key:s},o),source:"bar"})}})}}),a.onUnmounted(()=>{A.unregisterInstance(i.uid)});const O=m.getStyle(),U=m.getEchartId(),_=i.conf,I=a.computed(()=>R.generateTitleStyle(i.conf.options));return(b,t)=>(a.openBlock(),a.createElementBlock("div",{class:"mix-component",style:a.normalizeStyle({background:a.unref(O).bgColor,borderRadius:`${a.unref(O).radiusSize}px`})},[a.createElementVNode("div",{class:"mix-title",style:a.normalizeStyle(I.value)},a.toDisplayString(a.unref(_).caption||a.unref(_).name),5),a.createElementVNode("div",P,[a.createElementVNode("div",{class:"w-full h-full",id:a.unref(U)},null,8,W)]),a.renderSlot(b.$slots,"default",{},void 0,!0)],4))}})),Z=h._export_sfc(Y,[["__scopeId","data-v-f8927d1e"]]);exports.default=Z;

package/dist/bmp-BXaEkkpa.cjs

@@ -0,0 +1 @@
+"use strict";var R=Object.defineProperty,F=Object.defineProperties;var H=Object.getOwnPropertyDescriptors;var O=Object.getOwnPropertySymbols;var U=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable;var M=(a,l,s)=>l in a?R(a,l,{enumerable:!0,configurable:!0,writable:!0,value:s}):a[l]=s,w=(a,l)=>{for(var s in l||(l={}))U.call(l,s)&&M(a,s,l[s]);if(O)for(var s of O(l))Z.call(l,s)&&M(a,s,l[s]);return a},z=(a,l)=>F(a,H(l));var I=(a,l,s)=>new Promise((m,p)=>{var y=c=>{try{g(s.next(c))}catch(_){p(_)}},S=c=>{try{g(s.throw(c))}catch(_){p(_)}},g=c=>c.done?m(c.value):Promise.resolve(c.value).then(y,S);g((s=s.apply(a,l)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/icon/style/css");const e=require("vue"),K=require("./BaseComponent-Chnv4fBT.cjs"),E=require("./index-DVqMfQVc.cjs"),G=require("./titleStyle-NSnz6cUg.cjs"),N=require("./no-image-icon-CPA7RKkF.cjs"),J=require("@element-plus/icons-vue"),$=require("./ele-bmp-icon-BBI0-SX7.cjs"),Q={class:"mix-body"},X={key:0},Y={class:"w-[80px] h-[80px]"},ee=["src"],te={class:"bdmap-base-info"},oe={class:"flex"},ne={class:"name"},se={class:"value"},le={class:"flex"},ae={class:"name"},ie={class:"value"},re={class:"flex"},ce={class:"name"},de={class:"value"},ue={key:1,class:"w-[100%] h-[100%] p-[12px] text-[13px] text-[#999]"},pe={DEFAULT_ICON:$.DEFAULT_ICON,ACTIVE_ICON:$.ACTIVE_ICON,NAME_CN:"百度地图",NAME_EN:"Baidu Map",ORDER:2,PLATFORM:["pc","screen","mobile"]},me={titleColor:"#111",bgColor:"#fff",radiusSize:8,isHideTitle:!1,lng:113.933782,lat:22.582649,zoom:10},ge={baiduMapAk:""},fe={DEFAULT:pe,OPTIONS:me,COMMON:ge},ve=e.defineComponent(z(w({},fe),{__name:"bmp",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(a){const{proxy:l}=e.getCurrentInstance(),s="bmp_"+Math.random().toString(16).substring(4,12);let m=null,p=null;const y=a;class S extends K.BaseComponent{extractStyles(){return{bgColor:this.getOptionValue("bgColor","#73bff9"),titleColor:this.getOptionValue("titleColor","#111"),radiusSize:this.getOptionValue("radiusSize",4),zoom:this.getOptionValue("zoom",10),lng:this.getOptionValue("lng",113.933782),lat:this.getOptionValue("lat",22.582649),isHideTitle:this.getOptionValue("isHideTitle",!1)}}init(){var u;this.Style.value=this.extractStyles(),this.applyTheme(),i.zoom=this.Style.value.zoom,i.center.lat=this.Style.value.lat,i.center.lng=this.Style.value.lng;const t=((u=this.props.conf)==null?void 0:u.common)||{};if(i.ak=t.baiduMapAk||"",p&&m){const n=new p.Point(this.Style.value.lng,this.Style.value.lat);m.centerAndZoom(n,this.Style.value.zoom)}}}const g=new S(y,"bmp");g.setupLifecycle();const c=g.getStyle(),_=e.computed(()=>G.generateTitleStyle(y.conf.options)),i=e.reactive({zoom:10,ak:"",center:{lat:22.582649,lng:113.933782}}),f=e.ref([]),d=e.ref({}),V=e.ref(0),x=e.ref(0),h=e.ref(!1),A=({BMap:o,map:t})=>{m=t,p=o,y.mode==="preview"&&T()},T=()=>I(null,null,function*(){const{result:o}=yield E.api.post("get_object_list"),t=/^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,6})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{0,6}|180)$/,u=/^(\-|\+)?([0-8]?\d{1}\.\d{0,6}|90\.0{0,6}|[0-8]?\d{1}|90)$/;f.value=[];let n=!1;o.data.forEach(r=>{let k="";if(r.gis||r.gis.split(", ").length>1){const v=r.gis.split(", ");if(t.test(v[1])&&u.test(v[0])&&Number(v[1])&&Number(v[0])){const B=N.wgs84tobd09(Number(v[1]),Number(v[0]));k=B[1]+","+B[0]}else k=r.custom_gis}else k=r.custom_gis;const b=k.split(",");b.length>=2&&!n&&(i.center.lng=Number(b[1]),i.center.lat=Number(b[0]),n=!0),k.length>1&&f.value.push({center:{lng:b[1],lat:b[0]},image:r.image,address:r.address||r.province+r.city,name:r.name,uid:r.uid,desc:r.description})}),!n&&f.value[0]&&(i.center=f.value[0].center);const C=new p.Point(i.center.lng,i.center.lat);m.centerAndZoom(C,c.value.zoom)}),D=(o,t)=>{V.value=o.pixel.y+10+"px",x.value=o.pixel.x+10+"px",d.value=t,t.address||j(t),h.value=!0},q=o=>console.log(o),L=e.computed(()=>d.value.image?l.config.file_url+"/"+d.value.image:N.nullImage),j=o=>{const t=`${o.center.lat},${o.center.lng}`,u={ak:i.ak,location:t,coordtype:"bd09ll",output:"json",extensions_poi:1};E.api.getLocation("/bdMapAddress",u).then(n=>{n.status===0&&(d.value.address=n.result.formatted_address_poi||n.result.formatted_address)})},P=o=>{if(o){let t=location.href;t.indexOf("?object_id=")>-1&&(t=t.split("?object_id=")[0]),location.href=t+"?object_id="+o,location.reload()}};return(o,t)=>{const u=W.ElIcon;return e.openBlock(),e.createElementBlock("div",{class:"mix-component",style:e.normalizeStyle({background:e.unref(c).bgColor,borderRadius:`${e.unref(c).radiusSize}px`})},[e.createElementVNode("div",{class:"mix-title",style:e.normalizeStyle(_.value)},e.toDisplayString(a.conf.caption||a.conf.name),5),e.createElementVNode("div",Q,[i.ak?(e.openBlock(),e.createElementBlock("div",{key:0,class:"map-wrap",id:s},[e.createVNode(e.unref(N.BaiduMap),{class:"bm-view relative",center:i.center,"map-click":!1,zoom:i.zoom,ak:i.ak,v:"3.0",type:"API",onMovestart:t[2]||(t[2]=n=>h.value=!1),onZoomstart:t[3]||(t[3]=n=>h.value=!1),onClick:t[4]||(t[4]=n=>q("close")),"scroll-wheel-zoom":!0,onReady:A},{default:e.withCtx(()=>[f.value.length?(e.openBlock(),e.createElementBlock("div",X,[e.createVNode(e.unref(N.MarkerClusterer),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,n=>(e.openBlock(),e.createBlock(e.unref(N.BmMarker),{onClick:C=>D(C,n),key:n.uid,position:n.center},null,8,["onClick","position"]))),128))]),_:1})])):e.createCommentVNode("",!0),h.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:"index-bdmap-equipment",style:e.normalizeStyle({top:V.value,left:x.value}),onClick:t[1]||(t[1]=n=>P(d.value))},[e.createElementVNode("div",Y,[e.createElementVNode("img",{src:L.value,class:"w-[100%] h-[100%]"},null,8,ee)]),e.createElementVNode("div",te,[e.createElementVNode("div",oe,[e.createElementVNode("span",ne,e.toDisplayString(o.$t("component.map.deviceNumber"))+"：",1),e.createElementVNode("span",se,e.toDisplayString(d.value.uid),1)]),e.createElementVNode("div",le,[e.createElementVNode("span",ae,e.toDisplayString(o.$t("component.map.deviceName"))+"：",1),e.createElementVNode("span",ie,e.toDisplayString(d.value.name),1)]),e.createElementVNode("div",re,[e.createElementVNode("span",ce,e.toDisplayString(o.$t("component.map.address"))+"：",1),e.createElementVNode("span",de,e.toDisplayString(d.value.address),1)])]),e.createVNode(u,{class:"close-icon"},{default:e.withCtx(()=>[e.createVNode(e.unref(J.Close),{onClick:t[0]||(t[0]=e.withModifiers(n=>h.value=!1,["stop"]))})]),_:1})],4)):e.createCommentVNode("",!0)]),_:1},8,["center","zoom","ak"])])):(e.openBlock(),e.createElementBlock("div",ue,e.toDisplayString(o.$t("component.map.apiKeyRequired")),1))]),e.renderSlot(o.$slots,"default",{},void 0,!0)],4)}}})),ye=E._export_sfc(ve,[["__scopeId","data-v-d1ccdc00"]]);exports.default=ye;