mixdashboards 1.0.78 → 1.0.80

package/dist/percentBar-BOQp427o.js

@@ -0,0 +1,369 @@
+var W = Object.defineProperty, V = Object.defineProperties;
+var R = Object.getOwnPropertyDescriptors;
+var N = Object.getOwnPropertySymbols;
+var X = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
+var P = (p, a, d) => a in p ? W(p, a, { enumerable: !0, configurable: !0, writable: !0, value: d }) : p[a] = d, A = (p, a) => {
+  for (var d in a || (a = {}))
+    X.call(a, d) && P(p, d, a[d]);
+  if (N)
+    for (var d of N(a))
+      M.call(a, d) && P(p, d, a[d]);
+  return p;
+}, _ = (p, a) => V(p, R(a));
+import { defineComponent as H, onMounted as q, onUnmounted as G, computed as K, openBlock as J, createElementBlock as Q, normalizeStyle as T, unref as F, createElementVNode as O, toDisplayString as Y, renderSlot as Z } from "vue";
+import { D as tt, l as et, u as it, n as ot, C as B, o as st, s as I, q as at, _ as nt } from "./index-CqVPeq0-.js";
+import "element-plus";
+import { E as rt } from "./EChartComponentBase-B-VNAC8K.js";
+import { g as lt } from "./titleStyle-BT5GlpAb.js";
+import { u as ct, i as dt, a as ht } from "./installCanvasRenderer-oDYkyVFy.js";
+import { i as pt } from "./install-DdM8j5Ll.js";
+import { i as ut } from "./install-CEl1AYgZ.js";
+import { i as ft } from "./install-DbAuuRVv.js";
+import { i as mt } from "./install-CqrIgcb1.js";
+const gt = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='currentColor'%20opacity='0.5'/%3e%3crect%20x='7'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='currentColor'/%3e%3crect%20x='11'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='currentColor'%20opacity='0.5'/%3e%3crect%20x='15'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='currentColor'/%3e%3c/svg%3e", xt = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='%23FFFFFF'%20opacity='0.5'/%3e%3crect%20x='7'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='%23FFFFFF'/%3e%3crect%20x='11'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='%23FFFFFF'%20opacity='0.5'/%3e%3crect%20x='15'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='%23FFFFFF'/%3e%3c/svg%3e", yt = { class: "mix-body" }, St = ["id"], bt = {
+  DEFAULT_ICON: gt,
+  ACTIVE_ICON: xt,
+  NAME_CN: "百分比堆积柱状图",
+  NAME_EN: "Percent Stacked Bar Chart",
+  ORDER: 3,
+  PLATFORM: ["pc", "screen", "mobile"]
+}, Ct = {
+  titleColor: "#111",
+  // color
+  textColor: "#111",
+  // color
+  bgColor: "#fff",
+  // color
+  top: 30,
+  // number
+  bottom: 40,
+  left: 40,
+  right: 20,
+  radiusSize: 8,
+  textSize: 12,
+  barWidth: 30,
+  points: 10,
+  isHideTitle: !1,
+  // checkbox
+  showLabel: !1,
+  titleAlign: "left",
+  titleWeight: "bold",
+  titleBgColor: "transparent",
+  titleBorderType: "none",
+  titleBorderColor: "#cccccc",
+  titleBorderWidth: 1,
+  titlePaddingH: 8,
+  titlePaddingV: 4
+}, Ft = [
+  {
+    name: "参数一",
+    fv: "",
+    object_id: "",
+    color: "#4162ff",
+    periodUnit: "near-hour",
+    periodValue: 1
+  },
+  {
+    name: "参数二",
+    fv: "",
+    object_id: "",
+    color: "#3bbc6a",
+    periodUnit: "near-hour",
+    periodValue: 1
+  }
+], vt = [
+  "name",
+  "fv",
+  "object_id",
+  "color",
+  {
+    key: "periodUnit",
+    label: "setting.timeUnit",
+    type: "select",
+    options: tt
+  },
+  { key: "periodValue", label: "setting.timePeriod", type: "number" }
+], wt = ["mosaic", "statistics", "calculate"], At = {
+  source: "mosaic",
+  useAlias: !1,
+  multiObject: !1,
+  null: { type: "0", value: "" }
+}, _t = {
+  DEFAULT: bt,
+  OPTIONS: Ct,
+  DATA: Ft,
+  PARAMS: vt,
+  SOURCE: wt,
+  COMMON: At
+}, Ot = /* @__PURE__ */ H(_(A({}, _t), {
+  __name: "percentBar",
+  props: {
+    conf: { type: Object, default: () => ({ data: [] }) },
+    uid: { type: String, default: "" },
+    mode: { type: String, default: "edit" },
+    theme: { type: String, default: "light" }
+  },
+  setup(p) {
+    ct([
+      pt,
+      ut,
+      dt,
+      ft,
+      ht,
+      mt
+    ]);
+    const a = p, d = et();
+    class $ extends rt {
+      // 提取样式
+      extractStyles() {
+        return _(A({}, super.extractStyles()), {
+          barWidth: this.getOptionValue("barWidth", 30),
+          showLabel: this.getOptionValue("showLabel", !1)
+        });
+      }
+      // 获取 X 轴数据
+      getXAxisData() {
+        var t;
+        return (t = this.getFixedStatisticsXLabels()) != null ? t : this.getTimeAxis();
+      }
+      /** 统计/计算且非 near 时返回固定类目轴刻度；否则返回 null */
+      getFixedStatisticsXLabels() {
+        var i;
+        const { data: t, common: e } = this.props.conf, n = (e == null ? void 0 : e.source) || "mosaic", o = (i = t[0]) == null ? void 0 : i.periodUnit;
+        return ["statistics", "calculate"].includes(n) && o && !String(o).startsWith("near") ? ot(o) : null;
+      }
+      // 计算百分比数据（每个类目下各系列值占总值的百分比）
+      calcPercentData(t) {
+        if (!t.length || !t[0].length) return t;
+        const e = t[0].length, n = t.map(() => []);
+        for (let o = 0; o < e; o++) {
+          let i = 0;
+          for (let s = 0; s < t.length; s++)
+            i += t[s][o] || 0;
+          for (let s = 0; s < t.length; s++)
+            n[s][o] = i > 0 ? parseFloat(((t[s][o] || 0) / i * 100).toFixed(1)) : 0;
+        }
+        return n;
+      }
+      // 获取 ECharts option
+      getChartOption() {
+        const t = this.Style.value;
+        return {
+          tooltip: {
+            trigger: "axis",
+            axisPointer: { type: "shadow" },
+            formatter: (e) => {
+              if (!(e != null && e.length)) return "";
+              let n = `<div>${e[0].axisValue}</div>`, o = 0;
+              return e.forEach((i) => {
+                o += i.value || 0;
+              }), e.forEach((i) => {
+                const s = o > 0 ? ((i.value || 0) / o * 100).toFixed(1) : "0.0";
+                n += `<div style="display:flex;align-items:center;gap:4px;">
+              <span style="display:inline-block;width:10px;height:10px;border-radius:2px;background:${i.color};"></span>
+              ${i.seriesName}: ${s}%
+            </div>`;
+              }), n;
+            },
+            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: this.props.conf.data.map((e) => e.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: (e) => {
+                  if (!/^\d{4}-\d{2}-\d{2}\s\d{2}:\d{2}:\d{2}$/.test(e))
+                    return e;
+                  const [n, o] = e.split(" ");
+                  return `${n}
+${o}`;
+                },
+                color: t.textColor,
+                fontSize: t.textSize
+              }
+            }
+          ],
+          yAxis: [
+            {
+              type: "value",
+              max: 100,
+              nameGap: 10,
+              nameTextStyle: { align: "right" },
+              splitLine: { lineStyle: { type: "dashed", color: "#e5e5e5" } },
+              axisLabel: {
+                color: t.textColor,
+                fontSize: t.textSize,
+                formatter: "{value}%"
+              },
+              axisLine: { lineStyle: { color: t.textColor } },
+              splitNumber: 4
+            }
+          ],
+          series: this.formatSeries()
+        };
+      }
+      // 格式化 Series（使用 stack 属性 + 百分比数据）
+      formatSeries() {
+        const t = this.props.conf, e = this.Style.value, n = this.getFixedStatisticsXLabels(), o = n ? n.length : e.points, i = t.data.map((u, h) => (u.color || B[h], st({
+          num: o,
+          max: 200,
+          min: 0,
+          mode: this.props.mode,
+          hasDataSource: this.hasData()
+        }))), s = this.calcPercentData(i);
+        return t.data.map((u, h) => {
+          const r = u.color || B[h];
+          return {
+            type: "bar",
+            stack: "total",
+            data: s[h],
+            name: u.name,
+            itemStyle: { color: r },
+            label: {
+              show: e.showLabel,
+              position: "inside",
+              color: "#fff",
+              formatter: (c) => c.value + "%"
+            },
+            barWidth: e.barWidth + "%"
+          };
+        });
+      }
+      // 设置实时数据
+      setSocketData(t) {
+        var x;
+        if (!this.hasData() || !this.chartObj || !t) return;
+        const { data: e, common: n } = this.props.conf, o = n.source || "mosaic", i = this.chartObj.getOption(), s = (x = e[0]) == null ? void 0 : x.periodUnit, u = ["statistics", "calculate"].includes(o) && s && !String(s).startsWith("near");
+        if (e.forEach((l, f) => {
+          const m = this.extractDataValue(t, l.fv);
+          if (["statistics", "calculate"].includes(o) && l.periodUnit && !String(l.periodUnit).startsWith("near") && !String(l.periodUnit).startsWith("last")) {
+            const v = I(
+              t.start_time,
+              l.periodUnit
+            ), C = v ? i.xAxis[0].data.indexOf(v) : -1;
+            C >= 0 && (i.series[f].data[C] = m);
+            return;
+          }
+          const y = ["statistics", "calculate"].includes(o) ? t.start_time : t.datetime;
+          y != null && (f === 0 && i.xAxis[0].data.push(y), i.series[f].data.push(m));
+        }), u) {
+          const l = i.series.map((m) => [...m.data]), f = this.calcPercentData(l);
+          i.series.forEach((m, y) => {
+            m.data = f[y];
+          }), this.updateChart(i);
+          return;
+        }
+        const h = at(
+          i.xAxis[0].data,
+          i.series.map((l) => l.data)
+        ), r = Number(this.Style.value.points) || 10;
+        i.xAxis[0].data = h.times.slice(-r);
+        const c = h.data.map((l) => l.slice(-r)), S = this.calcPercentData(c);
+        i.series.forEach((l, f) => {
+          l.data = S[f];
+        }), this.updateChart(i);
+      }
+      setHistoryData(t) {
+        if (!t || !(t != null && t.length)) return;
+        const e = this.chartObj.getOption(), n = Number(this.Style.value.points) || 10, { data: o } = this.props.conf, i = (r) => {
+          if (r == null || r === "" || r === "-") return null;
+          const c = Number(r);
+          return Number.isFinite(c) ? c : null;
+        }, s = this.getFixedStatisticsXLabels();
+        if (s != null && s.length) {
+          e.xAxis[0].data = [...s];
+          const r = [];
+          t.forEach((S, x) => {
+            var C;
+            if (!e.series[x]) return;
+            const l = o[x], f = (l == null ? void 0 : l.periodUnit) || ((C = o[0]) == null ? void 0 : C.periodUnit), m = new Array(s.length).fill(null), y = S.time || [], v = S.data || [];
+            for (let w = 0; w < y.length; w++) {
+              const k = I(
+                y[w],
+                String(f || "")
+              ), U = k ? s.indexOf(k) : -1;
+              U >= 0 && (m[U] = i(v[w]));
+            }
+            r.push(m);
+          });
+          const c = this.calcPercentData(r);
+          e.series.forEach((S, x) => {
+            S.data = c[x] || new Array(s.length).fill(0);
+          }), this.updateChart(e);
+          return;
+        }
+        e.xAxis[0].data = t[0].time.slice(-n);
+        const u = t.map((r) => (r.data || []).map(i).slice(-n)), h = this.calcPercentData(u);
+        e.series.forEach((r, c) => {
+          r.data = h[c];
+        }), this.updateChart(e);
+      }
+    }
+    const g = new $(a, "percentBar");
+    g.setupLifecycle();
+    const D = it();
+    q(() => {
+      var b;
+      if (D.registerInstance(a.uid, g), a.mode === "preview") {
+        const t = ((b = g.getChartInstance) == null ? void 0 : b.call(g)) || g.chartObj;
+        t == null || t.off("click"), t == null || t.on("click", (e) => {
+          var o, i, s, u, h, r;
+          const n = e == null ? void 0 : e.seriesName;
+          if (typeof n == "string" && n) {
+            const c = ((i = (o = a.conf) == null ? void 0 : o.options) == null ? void 0 : i.linkChannel) === "custom" ? (u = (s = a.conf) == null ? void 0 : s.options) == null ? void 0 : u.customChannel : (r = (h = a.conf) == null ? void 0 : h.options) == null ? void 0 : r.linkChannel;
+            d.publish(c || "percentBar", "percentBar", {
+              objectId: "",
+              deviceId: "",
+              type: "select",
+              fieldKey: n,
+              fv: A({ key: n }, e),
+              source: "percentBar"
+            });
+          }
+        });
+      }
+    }), G(() => {
+      D.unregisterInstance(a.uid);
+    });
+    const E = g.getStyle(), j = g.getEchartId(), L = a.conf, z = K(() => lt(a.conf.options));
+    return (b, t) => (J(), Q("div", {
+      class: "mix-component",
+      style: T({
+        background: F(E).bgColor,
+        borderRadius: `${F(E).radiusSize}px`
+      })
+    }, [
+      O("div", {
+        class: "mix-title",
+        style: T(z.value)
+      }, Y(F(L).caption || F(L).name), 5),
+      O("div", yt, [
+        O("div", {
+          class: "w-full h-full",
+          id: F(j)
+        }, null, 8, St)
+      ]),
+      Z(b.$slots, "default", {}, void 0, !0)
+    ], 4));
+  }
+})), jt = /* @__PURE__ */ nt(Ot, [["__scopeId", "data-v-ef344dae"]]);
+export {
+  jt as default
+};

package/dist/percentBar-By73saGo.cjs

@@ -0,0 +1,5 @@
+"use strict";var j=Object.defineProperty,z=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var P=Object.getOwnPropertySymbols;var R=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var U=(p,n,u)=>n in p?j(p,n,{enumerable:!0,configurable:!0,writable:!0,value:u}):p[n]=u,A=(p,n)=>{for(var u in n||(n={}))R.call(n,u)&&U(p,u,n[u]);if(P)for(var u of P(n))W.call(n,u)&&U(p,u,n[u]);return p},_=(p,n)=>z(p,V(n));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),g=require("./index-OgmTZiO-.cjs");require("element-plus");const q=require("./EChartComponentBase-C2sxqwSE.cjs"),X=require("./titleStyle-NSnz6cUg.cjs"),E=require("./installCanvasRenderer-CyhM1Qpl.cjs"),M=require("./install-DV5cEgNV.cjs"),H=require("./install-CltTFs4e.cjs"),G=require("./install-C8buXQPI.cjs"),K=require("./install-Ch5d8i37.cjs"),J="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='currentColor'%20opacity='0.5'/%3e%3crect%20x='7'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='currentColor'/%3e%3crect%20x='11'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='currentColor'%20opacity='0.5'/%3e%3crect%20x='15'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='currentColor'/%3e%3c/svg%3e",Q="data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='3'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='%23FFFFFF'%20opacity='0.5'/%3e%3crect%20x='7'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='%23FFFFFF'/%3e%3crect%20x='11'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='%23FFFFFF'%20opacity='0.5'/%3e%3crect%20x='15'%20y='3'%20width='4'%20height='18'%20rx='1'%20fill='%23FFFFFF'/%3e%3c/svg%3e",Y={class:"mix-body"},Z=["id"],tt={DEFAULT_ICON:J,ACTIVE_ICON:Q,NAME_CN:"百分比堆积柱状图",NAME_EN:"Percent Stacked Bar Chart",ORDER:3,PLATFORM:["pc","screen","mobile"]},et={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,titleAlign:"left",titleWeight:"bold",titleBgColor:"transparent",titleBorderType:"none",titleBorderColor:"#cccccc",titleBorderWidth:1,titlePaddingH:8,titlePaddingV:4},it=[{name:"参数一",fv:"",object_id:"",color:"#4162ff",periodUnit:"near-hour",periodValue:1},{name:"参数二",fv:"",object_id:"",color:"#3bbc6a",periodUnit:"near-hour",periodValue:1}],ot=["name","fv","object_id","color",{key:"periodUnit",label:"setting.timeUnit",type:"select",options:g.DATE_OPTION},{key:"periodValue",label:"setting.timePeriod",type:"number"}],st=["mosaic","statistics","calculate"],nt={source:"mosaic",useAlias:!1,multiObject:!1,null:{type:"0",value:""}},at={DEFAULT:tt,OPTIONS:et,DATA:it,PARAMS:ot,SOURCE:st,COMMON:nt},rt=l.defineComponent(_(A({},at),{__name:"percentBar",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(p){E.use([M.install,H.install,E.install,G.install,E.install$1,K.install]);const n=p,u=g.useLinkStore();class B extends q.EChartComponentBase{extractStyles(){return _(A({},super.extractStyles()),{barWidth:this.getOptionValue("barWidth",30),showLabel:this.getOptionValue("showLabel",!1)})}getXAxisData(){var t;return(t=this.getFixedStatisticsXLabels())!=null?t:this.getTimeAxis()}getFixedStatisticsXLabels(){var i;const{data:t,common:e}=this.props.conf,a=(e==null?void 0:e.source)||"mosaic",o=(i=t[0])==null?void 0:i.periodUnit;return["statistics","calculate"].includes(a)&&o&&!String(o).startsWith("near")?g.getStatisticsTimeUnitLabel(o):null}calcPercentData(t){if(!t.length||!t[0].length)return t;const e=t[0].length,a=t.map(()=>[]);for(let o=0;o<e;o++){let i=0;for(let s=0;s<t.length;s++)i+=t[s][o]||0;for(let s=0;s<t.length;s++)a[s][o]=i>0?parseFloat(((t[s][o]||0)/i*100).toFixed(1)):0}return a}getChartOption(){const t=this.Style.value;return{tooltip:{trigger:"axis",axisPointer:{type:"shadow"},formatter:e=>{if(!(e!=null&&e.length))return"";let a=`<div>${e[0].axisValue}</div>`,o=0;return e.forEach(i=>{o+=i.value||0}),e.forEach(i=>{const s=o>0?((i.value||0)/o*100).toFixed(1):"0.0";a+=`<div style="display:flex;align-items:center;gap:4px;">
+              <span style="display:inline-block;width:10px;height:10px;border-radius:2px;background:${i.color};"></span>
+              ${i.seriesName}: ${s}%
+            </div>`}),a},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:this.props.conf.data.map(e=>e.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:e=>{if(!/^\d{4}-\d{2}-\d{2}\s\d{2}:\d{2}:\d{2}$/.test(e))return e;const[a,o]=e.split(" ");return`${a}
+${o}`},color:t.textColor,fontSize:t.textSize}}],yAxis:[{type:"value",max:100,nameGap:10,nameTextStyle:{align:"right"},splitLine:{lineStyle:{type:"dashed",color:"#e5e5e5"}},axisLabel:{color:t.textColor,fontSize:t.textSize,formatter:"{value}%"},axisLine:{lineStyle:{color:t.textColor}},splitNumber:4}],series:this.formatSeries()}}formatSeries(){const t=this.props.conf,e=this.Style.value,a=this.getFixedStatisticsXLabels(),o=a?a.length:e.points,i=t.data.map((f,h)=>(f.color||g.COLORS[h],g.getRandomArr({num:o,max:200,min:0,mode:this.props.mode,hasDataSource:this.hasData()}))),s=this.calcPercentData(i);return t.data.map((f,h)=>{const r=f.color||g.COLORS[h];return{type:"bar",stack:"total",data:s[h],name:f.name,itemStyle:{color:r},label:{show:e.showLabel,position:"inside",color:"#fff",formatter:d=>d.value+"%"},barWidth:e.barWidth+"%"}})}setSocketData(t){var y;if(!this.hasData()||!this.chartObj||!t)return;const{data:e,common:a}=this.props.conf,o=a.source||"mosaic",i=this.chartObj.getOption(),s=(y=e[0])==null?void 0:y.periodUnit,f=["statistics","calculate"].includes(o)&&s&&!String(s).startsWith("near");if(e.forEach((c,x)=>{const m=this.extractDataValue(t,c.fv);if(["statistics","calculate"].includes(o)&&c.periodUnit&&!String(c.periodUnit).startsWith("near")&&!String(c.periodUnit).startsWith("last")){const w=g.statisticsSocketTimeToXAxisLabel(t.start_time,c.periodUnit),F=w?i.xAxis[0].data.indexOf(w):-1;F>=0&&(i.series[x].data[F]=m);return}const b=["statistics","calculate"].includes(o)?t.start_time:t.datetime;b!=null&&(x===0&&i.xAxis[0].data.push(b),i.series[x].data.push(m))}),f){const c=i.series.map(m=>[...m.data]),x=this.calcPercentData(c);i.series.forEach((m,b)=>{m.data=x[b]}),this.updateChart(i);return}const h=g.addRealtimeData(i.xAxis[0].data,i.series.map(c=>c.data)),r=Number(this.Style.value.points)||10;i.xAxis[0].data=h.times.slice(-r);const d=h.data.map(c=>c.slice(-r)),C=this.calcPercentData(d);i.series.forEach((c,x)=>{c.data=C[x]}),this.updateChart(i)}setHistoryData(t){if(!t||!(t!=null&&t.length))return;const e=this.chartObj.getOption(),a=Number(this.Style.value.points)||10,{data:o}=this.props.conf,i=r=>{if(r==null||r===""||r==="-")return null;const d=Number(r);return Number.isFinite(d)?d:null},s=this.getFixedStatisticsXLabels();if(s!=null&&s.length){e.xAxis[0].data=[...s];const r=[];t.forEach((C,y)=>{var F;if(!e.series[y])return;const c=o[y],x=(c==null?void 0:c.periodUnit)||((F=o[0])==null?void 0:F.periodUnit),m=new Array(s.length).fill(null),b=C.time||[],w=C.data||[];for(let O=0;O<b.length;O++){const T=g.statisticsSocketTimeToXAxisLabel(b[O],String(x||"")),N=T?s.indexOf(T):-1;N>=0&&(m[N]=i(w[O]))}r.push(m)});const d=this.calcPercentData(r);e.series.forEach((C,y)=>{C.data=d[y]||new Array(s.length).fill(0)}),this.updateChart(e);return}e.xAxis[0].data=t[0].time.slice(-a);const f=t.map(r=>(r.data||[]).map(i).slice(-a)),h=this.calcPercentData(f);e.series.forEach((r,d)=>{r.data=h[d]}),this.updateChart(e)}}const S=new B(n,"percentBar");S.setupLifecycle();const L=g.useCounterStore();l.onMounted(()=>{var v;if(L.registerInstance(n.uid,S),n.mode==="preview"){const t=((v=S.getChartInstance)==null?void 0:v.call(S))||S.chartObj;t==null||t.off("click"),t==null||t.on("click",e=>{var o,i,s,f,h,r;const a=e==null?void 0:e.seriesName;if(typeof a=="string"&&a){const d=((i=(o=n.conf)==null?void 0:o.options)==null?void 0:i.linkChannel)==="custom"?(f=(s=n.conf)==null?void 0:s.options)==null?void 0:f.customChannel:(r=(h=n.conf)==null?void 0:h.options)==null?void 0:r.linkChannel;u.publish(d||"percentBar","percentBar",{objectId:"",deviceId:"",type:"select",fieldKey:a,fv:A({key:a},e),source:"percentBar"})}})}}),l.onUnmounted(()=>{L.unregisterInstance(n.uid)});const D=S.getStyle(),I=S.getEchartId(),k=n.conf,$=l.computed(()=>X.generateTitleStyle(n.conf.options));return(v,t)=>(l.openBlock(),l.createElementBlock("div",{class:"mix-component",style:l.normalizeStyle({background:l.unref(D).bgColor,borderRadius:`${l.unref(D).radiusSize}px`})},[l.createElementVNode("div",{class:"mix-title",style:l.normalizeStyle($.value)},l.toDisplayString(l.unref(k).caption||l.unref(k).name),5),l.createElementVNode("div",Y,[l.createElementVNode("div",{class:"w-full h-full",id:l.unref(I)},null,8,Z)]),l.renderSlot(v.$slots,"default",{},void 0,!0)],4))}})),lt=g._export_sfc(rt,[["__scopeId","data-v-ef344dae"]]);exports.default=lt;

package/dist/{photo-Dmxxqgrg.cjs → photo-CFomIdjq.cjs}

@@ -1 +1 @@
-"use strict";var Y=Object.defineProperty,ee=Object.defineProperties;var te=Object.getOwnPropertyDescriptors;var F=Object.getOwnPropertySymbols;var oe=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var T=(e,t,o)=>t in e?Y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,b=(e,t)=>{for(var o in t||(t={}))oe.call(t,o)&&T(e,o,t[o]);if(F)for(var o of F(t))ae.call(t,o)&&T(e,o,t[o]);return e},L=(e,t)=>ee(e,te(t));var s=(e,t,o)=>new Promise((l,a)=>{var d=f=>{try{r(o.next(f))}catch(v){a(v)}},h=f=>{try{r(o.throw(f))}catch(v){a(v)}},r=f=>f.done?l(f.value):Promise.resolve(f.value).then(d,h);r((o=o.apply(e,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ie=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/button/style/css");const i=require("vue"),re=require("./vue-i18n-BvHMBi_b.cjs"),ne=require("./BaseComponent-bzb58Hhs.cjs"),y=require("./index-6QhTSPkL.cjs"),A=require("./materialFileUrl-DfPNm265.cjs"),I=require("element-plus"),q=require("./ele-bmp-icon-BBI0-SX7.cjs");process.env.NODE_ENV;process.env.NODE_ENV;process.env.NODE_ENV;process.env.NODE_ENV;const le=Symbol(process.env.NODE_ENV!=="production"?"route location":"");process.env.NODE_ENV;function se(e){return i.inject(le)}const U=e=>{const t=typeof e=="string"?Number(e):e;return t===0||t===200},ce=(e,t)=>{if(e&&String(e).trim()){const o=String(e).trim();if(o.startsWith("http://")||o.startsWith("https://"))try{return new URL(o).pathname||""}catch(l){return o}return o.startsWith("/")?o:`/${o}`}return t?`/yunfiles/material/file/${t}`:""},de={uploadFile(e){return s(this,null,function*(){var l;const t=new FormData;t.append("file",e);const o=yield y.api.upload(t,!0);if(U(o.code)&&((l=o.result)!=null&&l.url))return o.result.url;throw new Error(o.msg||"文件上传失败")})},uploadMaterialGetPath(e,t){return s(this,null,function*(){var d,h;const l={material_data:e.includes(",")?e.split(",")[1]:e,material_type:t||"png"},a=yield y.api.post("upload_material",l,!0);if(U(a.code)&&a.result){const r=a.result,f=ce(r.material_path||r.relative_path||"",r.file_id);if(f)return L(b({},r),{material_path:f,material_size:(h=(d=r.material_size)!=null?d:r.file_size)!=null?h:0,material_type:r.material_type||r.mime_type||t||"png",name:r.name||r.file_name||""})}throw new Error(a.info||a.msg||"上传原图获取路径失败")})},createMaterial(e){return s(this,null,function*(){var o;const t=yield y.api.post("create_dashboard_material",e,!0);if(U(t.code)&&((o=t.result)!=null&&o.uid))return t.result;throw new Error(t.info||t.msg||"创建素材失败")})},uploadAndCreateMaterial(o){return s(this,arguments,function*(e,t={}){var h;const l=((h=e.name.split(".").pop())==null?void 0:h.toLowerCase())||"png",a=yield this._fileToBase64(e),d=yield this.uploadMaterialGetPath(a,l);if(d.uid)return{uid:d.uid};throw new Error("upload_material 未返回 uid")})},_fileToBase64(e){return new Promise((t,o)=>{const l=new FileReader;l.onload=()=>t(l.result),l.onerror=()=>o(new Error("文件读取失败")),l.readAsDataURL(e)})},getMaterialList(){return s(this,arguments,function*(e={}){const t=b({page_index:e.page_index||1,page_size:e.page_size||20,order_by:e.order_by||"created",order_type:e.order_type||"desc"},e);return yield y.api.post("get_dashboard_material_list",t)})},getMyMaterialList(){return s(this,arguments,function*(e={}){const t=b({page_index:e.page_index||1,page_size:e.page_size||20,order_by:e.order_by||"created",order_type:e.order_type||"desc"},e);return yield y.api.post("get_my_dashboard_material_list",t)})},getMaterialItem(e){return s(this,null,function*(){return yield y.api.post("get_dashboard_material_item",{uid:e})})},updateMaterial(e){return s(this,null,function*(){return yield y.api.post("update_dashboard_material",e,!0)})},deleteMaterial(e){return s(this,null,function*(){return yield y.api.post("delete_dashboard_material",{uid:e},!0)})},deleteMaterialByPath(e){return s(this,null,function*(){var o;if(!e||!String(e).trim())return;const t=String(e).replace(/^\//,"");try{const l=yield this.getMyMaterialList({page_index:1,page_size:10,where_and:JSON.stringify([["material_path","=",t]])}),a=(o=l==null?void 0:l.result)==null?void 0:o.data;Array.isArray(a)&&a.length>0&&a[0].uid&&(yield this.deleteMaterial(a[0].uid))}catch(l){}})}},W={_buildWhereAnd(e){return JSON.stringify(e.filter(([,,t])=>t!=null))},_isEmptyId(e){return e==null||String(e).trim()===""},_isComponentLevel(e){return!this._isEmptyId(e.component_id)},_isLayerLevel(e){return this._isEmptyId(e.component_id)&&!this._isEmptyId(e.layer_id)},_isSheetLevel(e){return this._isEmptyId(e.component_id)&&this._isEmptyId(e.layer_id)&&!this._isEmptyId(e.sheet_id)},_isDashboardLevel(e){return this._isEmptyId(e.component_id)&&this._isEmptyId(e.layer_id)&&this._isEmptyId(e.sheet_id)},_listRelations(e){return s(this,null,function*(){var o;const t=yield this.getMaterialRelationList({page_index:1,page_size:999,where_and:e});return((o=t==null?void 0:t.result)==null?void 0:o.data)||[]})},_deleteByUid(e,t){return s(this,null,function*(){t&&(yield this.deleteMaterialRelation({dashboard_record_uid:e,uid:t}))})},_deleteByRelation(e){return s(this,null,function*(){e!=null&&e.dashboard_record_uid&&(yield this.deleteMaterialRelation({dashboard_record_uid:e.dashboard_record_uid,dashboard_id:e.dashboard_id,sheet_id:e.sheet_id,layer_id:e.layer_id,component_id:e.component_id,uid:e.uid}))})},_deleteRelationList(e,t){return s(this,null,function*(){for(const o of t)yield this._deleteByUid(e,o.uid)})},createMaterialRelation(e){return s(this,null,function*(){return yield y.api.post("create_dashboard_materials_relation",e,!0)})},deleteMaterialRelation(e){return s(this,null,function*(){return yield y.api.post("delete_dashboard_materials_relation",e,!0)})},getMaterialRelationList(){return s(this,arguments,function*(e={}){const t=b({page_index:e.page_index||1,page_size:e.page_size||20,order_by:e.order_by||"created",order_type:e.order_type||"desc"},e);return!e.order_by&&!e.order_type&&e.order?t.order=e.order:delete t.order,yield y.api.post("get_my_dashboard_materials_relation_list",t)})},getMaterialRelationsByDashboard(o){return s(this,arguments,function*(e,t={}){const l=JSON.stringify([["dashboard_record_uid","=",e]]);return yield this.getMaterialRelationList(L(b({},t),{where_and:l}))})},getMaterialRelationByComponent(l,a){return s(this,arguments,function*(e,t,o={}){const d=JSON.stringify([["dashboard_record_uid","=",e],["component_id","=",t]]);return yield this.getMaterialRelationList(L(b({},o),{where_and:d}))})},getRelationsByMaterial(e){return s(this,null,function*(){var l;if(!e)return[];const t=JSON.stringify([["material_uid","=",e]]),o=yield this.getMaterialRelationList({page_index:1,page_size:999,where_and:t});return((l=o==null?void 0:o.result)==null?void 0:l.data)||[]})},getMaterialUsageSummary(e){return s(this,null,function*(){const t=yield this.getRelationsByMaterial(e),o=new Set;return t.forEach(l=>{const a=String(l.dashboard_record_uid||"").trim();a&&o.add(a)}),{relationCount:t.length,dashboardCount:o.size,relations:t}})},deleteAllRelationsByMaterial(e){return s(this,null,function*(){const t=yield this.getRelationsByMaterial(e);for(const o of t)!(o!=null&&o.uid)||!(o!=null&&o.dashboard_record_uid)||(yield this.deleteMaterialRelation({dashboard_record_uid:o.dashboard_record_uid,uid:o.uid}));return t.length})},deleteAllRelationsByDashboard(e){return s(this,null,function*(){return yield this.deleteRelationsByDashboardHierarchy(e)})},deleteRelationByComponent(e,t){return s(this,null,function*(){return yield this.deleteMaterialRelation({dashboard_record_uid:e,component_id:t})})},deleteComponentRelations(e,t,o,l){return s(this,null,function*(){if(!e||!t||!o||!l)return;const a=this._buildWhereAnd([["dashboard_record_uid","=",e],["sheet_id","=",t],["layer_id","=",o],["component_id","=",l]]),d=yield this._listRelations(a);for(const h of d)yield this._deleteByRelation(h)})},deleteLayerLevelRelations(e,t,o){return s(this,null,function*(){if(!e||!t||!o)return;const l=this._buildWhereAnd([["dashboard_record_uid","=",e],["sheet_id","=",t],["layer_id","=",o]]),d=(yield this._listRelations(l)).filter(h=>this._isLayerLevel(h));for(const h of d)yield this._deleteByRelation(h)})},deleteSheetLevelRelations(e,t){return s(this,null,function*(){if(!e||!t)return;const o=this._buildWhereAnd([["dashboard_record_uid","=",e],["sheet_id","=",t]]),a=(yield this._listRelations(o)).filter(d=>this._isSheetLevel(d));for(const d of a)yield this._deleteByRelation(d)})},deleteDashboardLevelRelations(e){return s(this,null,function*(){if(!e)return;const t=this._buildWhereAnd([["dashboard_record_uid","=",e]]),l=(yield this._listRelations(t)).filter(a=>this._isDashboardLevel(a));for(const a of l)yield this._deleteByRelation(a)})},deleteRelationsByLayerHierarchy(e,t,o){return s(this,null,function*(){if(!e||!t||!o)return;const l=this._buildWhereAnd([["dashboard_record_uid","=",e],["sheet_id","=",t],["layer_id","=",o]]),a=yield this._listRelations(l),d=a.filter(r=>this._isComponentLevel(r)),h=a.filter(r=>this._isLayerLevel(r));for(const r of d)yield this._deleteByRelation(r);for(const r of h)yield this._deleteByRelation(r)})},deleteRelationsBySheetHierarchy(e,t){return s(this,null,function*(){if(!e||!t)return;const o=this._buildWhereAnd([["dashboard_record_uid","=",e],["sheet_id","=",t]]),l=yield this._listRelations(o),a=l.filter(r=>this._isComponentLevel(r)),d=l.filter(r=>this._isLayerLevel(r)),h=l.filter(r=>this._isSheetLevel(r));for(const r of a)yield this._deleteByRelation(r);for(const r of d)yield this._deleteByRelation(r);for(const r of h)yield this._deleteByRelation(r)})},deleteRelationsByDashboardHierarchy(e){return s(this,null,function*(){if(!e)return;const t=this._buildWhereAnd([["dashboard_record_uid","=",e]]),o=yield this._listRelations(t),l=o.filter(r=>this._isComponentLevel(r)),a=o.filter(r=>this._isLayerLevel(r)),d=o.filter(r=>this._isSheetLevel(r)),h=o.filter(r=>this._isDashboardLevel(r));for(const r of l)yield this._deleteByRelation(r);for(const r of a)yield this._deleteByRelation(r);for(const r of d)yield this._deleteByRelation(r);for(const r of h)yield this._deleteByRelation(r)})}},ue=i.ref(!1),he=i.ref("all");function _e(e="all"){return he.value=e,ue.value=!0,new Promise(t=>{})}const pe={class:"mix-body"},me={class:"upload-content"},ye={viewBox:"0 0 24 24",width:"48",height:"48",fill:"currentColor",style:{opacity:"0.5"}},fe={class:"upload-text"},ge={key:0,class:"upload-actions"},ve={key:1,class:"viewer-container"},we={key:0,class:"file-info"},be={class:"file-name"},Re=["title"],Me=["src","alt"],Ne={DEFAULT_ICON:q.DEFAULT_ICON,ACTIVE_ICON:q.ACTIVE_ICON,NAME_CN:"图片查看器",NAME_EN:"Photo Viewer",ORDER:2,PLATFORM:["pc","screen","mobile"]},Le={imageDisplayMode:{value:"center",type:"select",options:[{label:"component.photo.center",value:"center"},{label:"component.photo.tile",value:"tile"},{label:"component.photo.stretch",value:"stretch"}],label:"component.options.imageDisplayMode"},fileUrl:{value:"",type:"string",label:"component.options.fileUrl",placeholder:"请上传素材"},fileName:{value:"",type:"string",label:"component.options.fileName",placeholder:"请上传素材"},materialUid:{value:"",type:"string",label:"component.options.materialUid",placeholder:"素材UID"}},Ee=[],Se=[],Be=[],Ce=null,Ae={DEFAULT:Ne,OPTIONS:Le,DATA:Ee,PARAMS:Se,SOURCE:Be,COMMON:Ce},Ue=i.defineComponent(L(b({},Ae),{__name:"photo",props:{conf:{type:Object,default:()=>({})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(e){const{t}=re.useI18n(),o=y.useCounterStore(),l=se(),a=e;class d extends ne.BaseComponent{extractStyles(){return{imageDisplayMode:this.getOptionValue("imageDisplayMode","center"),radiusSize:this.getOptionValue("radiusSize",0)}}init(){this.Style.value=this.extractStyles(),this.applyTheme(),j()}}const h=new d(a,"photo");h.setupLifecycle();const r=h.getStyle(),f=i.ref(null),v=i.ref(""),p=i.ref(""),R=i.ref(""),k=i.ref(!1),D=i.ref(!1),$=n=>A.buildMaterialFileUrlByMaterialPath(n),j=()=>s(null,null,function*(){var c,u,_;const{conf:n}=a;(u=(c=n==null?void 0:n.options)==null?void 0:c.fileUrl)!=null&&u.value&&(v.value=$(n.options.fileUrl.value),yield V(),R.value=((_=n.options.fileName)==null?void 0:_.value)||"")}),P=n=>{n&&n.startsWith("blob:")&&URL.revokeObjectURL(n)},V=()=>s(null,null,function*(){if(v.value)try{const n=y.resolveHttpAuthTokenForFetch();if(!n){p.value="";return}const c=A.encodeMaterialFileRequestUrl(v.value),u=yield fetch(c,{mode:"cors",credentials:"include",headers:{Authorization:`Bearer ${n}`}});if(!u.ok)throw new Error(`load image failed: ${u.status}`);const _=yield u.blob(),g=URL.createObjectURL(_);P(p.value),p.value=g}catch(n){console.error("[Photo] 拉取图片失败:",n),P(p.value),p.value=""}}),H=i.computed(()=>({width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"})),J=i.computed(()=>{var c;const n=(c=r==null?void 0:r.value)==null?void 0:c.imageDisplayMode;return n==="tile"?{display:"none"}:n==="stretch"?{width:"100%",height:"100%",objectFit:"fill"}:{width:"100%",height:"100%",objectFit:"contain"}}),G=i.computed(()=>{var n;return((n=r==null?void 0:r.value)==null?void 0:n.imageDisplayMode)!=="tile"||!p.value?{}:{width:"100%",height:"100%",backgroundImage:`url(${p.value})`,backgroundRepeat:"repeat",backgroundPosition:"center center"}}),O=i.computed(()=>{const n=l.params.id;return n?String(n):""}),x=n=>{var u;const c=((u=o.pageData)==null?void 0:u.sheets)||[];for(const _ of c){const g=_.id,M=_.caption||_.name||_.id,E=_.layers||[];for(const w of E){const S=w.id,B=w.caption||w.name||w.id,C=w.components||[];for(const m of C)if((m==null?void 0:m.id)===n){const N=m.caption||m.name||m.id;return{sheetId:g,layerId:S,sheetName:M,layerName:B,componentName:N}}}}return{sheetId:"",layerId:"",sheetName:"",layerName:"",componentName:""}},Z=n=>s(null,null,function*(){var g;if(!O.value)return;const c=a.uid||((g=a.conf)==null?void 0:g.id);if(!c||!n)return;const{sheetId:u,layerId:_}=x(c);try{yield W.deleteComponentRelations(O.value,u,_,c),yield W.createMaterialRelation({dashboard_record_uid:O.value,material_uid:n,sheet_id:u||void 0,layer_id:_||void 0,component_id:c})}catch(M){console.warn("[Photo] 同步素材关联失败:",M)}}),z=()=>s(null,null,function*(){try{const n=yield _e("image");if(n){if(console.log("[Photo] 选中的素材:",n),console.log("[Photo] material_path:",n.material_path),console.log("[Photo] thumbnail:",n.thumbnail),console.log("[Photo] file_id:",n.file_id),!n.material_path){I.ElMessage.warning("该素材缺少 material_path，无法获取原图"),console.warn("[Photo] 素材缺少 material_path");return}const c=String(n.material_path).trim(),u=A.buildMaterialFileUrlByMaterialPath(c);console.log("[Photo] 原图URL:",u),v.value=u,yield V(),R.value=n.name,a.conf&&a.conf.options&&(a.conf.options.fileUrl||(a.conf.options.fileUrl={value:"",type:"string",label:""}),a.conf.options.fileName||(a.conf.options.fileName={value:"",type:"string",label:""}),a.conf.options.materialUid||(a.conf.options.materialUid={value:"",type:"string",label:""}),a.conf.options.fileUrl.value=c,a.conf.options.fileName.value=n.name,a.conf.options.materialUid.value=n.uid,console.log("[Photo] 配置已保存:",{fileUrl:a.conf.options.fileUrl.value,fileName:a.conf.options.fileName.value,materialUid:a.conf.options.materialUid.value})),console.log("[Photo] uploadedFileUrl.value:",p.value),I.ElMessage.success(t("component.photo.materialSelected")||"素材选择成功"),yield Z(n.uid)}else console.log("[Photo] 用户取消选择")}catch(n){console.error("[Photo] 素材选择失败:",n),I.ElMessage.error("素材选择失败")}}),K=()=>{P(p.value),p.value="",v.value="",R.value="",a.mode!=="preview"&&z()},Q=()=>{k.value=!1,f.value,console.log("图片加载成功")},X=n=>{var g,M,E,w,S,B,C;if(console.error("图片加载失败:",n),k.value||D.value)return;const c=a.uid||((g=a.conf)==null?void 0:g.id)||"",u=c?x(c):null;u&&(u.sheetName||u.layerName||u.componentName)?`${u.sheetName||"-"}${u.layerName||"-"}${u.componentName||"-"}`:R.value;const _=String(((w=(E=(M=a.conf)==null?void 0:M.options)==null?void 0:E.materialUid)==null?void 0:w.value)||((C=(B=(S=a.conf)==null?void 0:S.options)==null?void 0:B.imageUid)==null?void 0:C.value)||"").trim();_&&(D.value=!0,de.getMaterialItem(_).then(m=>{if(U(m==null?void 0:m.code)&&(m!=null&&m.result)){const N=m.result;N!=null&&N.material_path&&(v.value=A.buildMaterialFileUrlByMaterialPath(String(N.material_path).trim()),V());return}k.value=!0}).catch(()=>{}).finally(()=>{D.value=!1}))};return i.onMounted(()=>{}),i.onBeforeUnmount(()=>{p.value&&p.value.startsWith("blob:")&&URL.revokeObjectURL(p.value)}),(n,c)=>{var _,g;const u=ie.ElButton;return i.openBlock(),i.createElementBlock("div",{class:"mix-component",style:i.normalizeStyle({borderRadius:`${i.unref(r).radiusSize}px`})},[i.createElementVNode("div",pe,[p.value?(i.openBlock(),i.createElementBlock("div",ve,[a.mode!=="preview"?(i.openBlock(),i.createElementBlock("div",we,[i.createElementVNode("span",be,i.toDisplayString(R.value),1),i.createElementVNode("button",{class:"change-file-btn",onClick:K,title:i.unref(t)("component.photo.changeFile")||"更换文件"},[...c[1]||(c[1]=[i.createElementVNode("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"currentColor"},[i.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)])],8,Re)])):i.createCommentVNode("",!0),i.createElementVNode("div",{class:"image-container",style:i.normalizeStyle(H.value)},[i.createElementVNode("img",{ref_key:"imageRef",ref:f,src:p.value,alt:R.value,style:i.normalizeStyle(J.value),onLoad:Q,onError:X},null,44,Me),((g=(_=i.unref(r))==null?void 0:_.value)==null?void 0:g.imageDisplayMode)==="tile"?(i.openBlock(),i.createElementBlock("div",{key:0,class:"tiled-background",style:i.normalizeStyle(G.value)},null,4)):i.createCommentVNode("",!0)],4)])):(i.openBlock(),i.createElementBlock("div",{key:0,class:i.normalizeClass(["upload-area",{"preview-mode":a.mode==="preview"}])},[i.createElementVNode("div",me,[(i.openBlock(),i.createElementBlock("svg",ye,[...c[0]||(c[0]=[i.createElementVNode("path",{d:"M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z"},null,-1)])])),i.createElementVNode("p",fe,i.toDisplayString(a.mode==="preview"?"未上传素材":i.unref(t)("component.photo.selectFromLibrary")||"从素材库选择"),1),a.mode!=="preview"?(i.openBlock(),i.createElementBlock("div",ge,[i.createVNode(u,{type:"primary",size:"small",onClick:z},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(t)("component.photo.selectFromLibrary")||"从素材库选择"),1)]),_:1})])):i.createCommentVNode("",!0)])],2))]),i.renderSlot(n.$slots,"default",{},void 0,!0)],4)}}})),ke=y._export_sfc(Ue,[["__scopeId","data-v-57314f5b"]]);exports.default=ke;
+"use strict";var Y=Object.defineProperty,ee=Object.defineProperties;var te=Object.getOwnPropertyDescriptors;var F=Object.getOwnPropertySymbols;var oe=Object.prototype.hasOwnProperty,ae=Object.prototype.propertyIsEnumerable;var T=(e,t,o)=>t in e?Y(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,b=(e,t)=>{for(var o in t||(t={}))oe.call(t,o)&&T(e,o,t[o]);if(F)for(var o of F(t))ae.call(t,o)&&T(e,o,t[o]);return e},L=(e,t)=>ee(e,te(t));var s=(e,t,o)=>new Promise((l,a)=>{var d=f=>{try{r(o.next(f))}catch(v){a(v)}},h=f=>{try{r(o.throw(f))}catch(v){a(v)}},r=f=>f.done?l(f.value):Promise.resolve(f.value).then(d,h);r((o=o.apply(e,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ie=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/button/style/css");const i=require("vue"),re=require("./vue-i18n-BvHMBi_b.cjs"),ne=require("./BaseComponent-DaYX7dUF.cjs"),y=require("./index-OgmTZiO-.cjs"),A=require("./materialFileUrl-DfPNm265.cjs"),I=require("element-plus"),q=require("./ele-bmp-icon-BBI0-SX7.cjs");process.env.NODE_ENV;process.env.NODE_ENV;process.env.NODE_ENV;process.env.NODE_ENV;const le=Symbol(process.env.NODE_ENV!=="production"?"route location":"");process.env.NODE_ENV;function se(e){return i.inject(le)}const U=e=>{const t=typeof e=="string"?Number(e):e;return t===0||t===200},ce=(e,t)=>{if(e&&String(e).trim()){const o=String(e).trim();if(o.startsWith("http://")||o.startsWith("https://"))try{return new URL(o).pathname||""}catch(l){return o}return o.startsWith("/")?o:`/${o}`}return t?`/yunfiles/material/file/${t}`:""},de={uploadFile(e){return s(this,null,function*(){var l;const t=new FormData;t.append("file",e);const o=yield y.api.upload(t,!0);if(U(o.code)&&((l=o.result)!=null&&l.url))return o.result.url;throw new Error(o.msg||"文件上传失败")})},uploadMaterialGetPath(e,t){return s(this,null,function*(){var d,h;const l={material_data:e.includes(",")?e.split(",")[1]:e,material_type:t||"png"},a=yield y.api.post("upload_material",l,!0);if(U(a.code)&&a.result){const r=a.result,f=ce(r.material_path||r.relative_path||"",r.file_id);if(f)return L(b({},r),{material_path:f,material_size:(h=(d=r.material_size)!=null?d:r.file_size)!=null?h:0,material_type:r.material_type||r.mime_type||t||"png",name:r.name||r.file_name||""})}throw new Error(a.info||a.msg||"上传原图获取路径失败")})},createMaterial(e){return s(this,null,function*(){var o;const t=yield y.api.post("create_dashboard_material",e,!0);if(U(t.code)&&((o=t.result)!=null&&o.uid))return t.result;throw new Error(t.info||t.msg||"创建素材失败")})},uploadAndCreateMaterial(o){return s(this,arguments,function*(e,t={}){var h;const l=((h=e.name.split(".").pop())==null?void 0:h.toLowerCase())||"png",a=yield this._fileToBase64(e),d=yield this.uploadMaterialGetPath(a,l);if(d.uid)return{uid:d.uid};throw new Error("upload_material 未返回 uid")})},_fileToBase64(e){return new Promise((t,o)=>{const l=new FileReader;l.onload=()=>t(l.result),l.onerror=()=>o(new Error("文件读取失败")),l.readAsDataURL(e)})},getMaterialList(){return s(this,arguments,function*(e={}){const t=b({page_index:e.page_index||1,page_size:e.page_size||20,order_by:e.order_by||"created",order_type:e.order_type||"desc"},e);return yield y.api.post("get_dashboard_material_list",t)})},getMyMaterialList(){return s(this,arguments,function*(e={}){const t=b({page_index:e.page_index||1,page_size:e.page_size||20,order_by:e.order_by||"created",order_type:e.order_type||"desc"},e);return yield y.api.post("get_my_dashboard_material_list",t)})},getMaterialItem(e){return s(this,null,function*(){return yield y.api.post("get_dashboard_material_item",{uid:e})})},updateMaterial(e){return s(this,null,function*(){return yield y.api.post("update_dashboard_material",e,!0)})},deleteMaterial(e){return s(this,null,function*(){return yield y.api.post("delete_dashboard_material",{uid:e},!0)})},deleteMaterialByPath(e){return s(this,null,function*(){var o;if(!e||!String(e).trim())return;const t=String(e).replace(/^\//,"");try{const l=yield this.getMyMaterialList({page_index:1,page_size:10,where_and:JSON.stringify([["material_path","=",t]])}),a=(o=l==null?void 0:l.result)==null?void 0:o.data;Array.isArray(a)&&a.length>0&&a[0].uid&&(yield this.deleteMaterial(a[0].uid))}catch(l){}})}},W={_buildWhereAnd(e){return JSON.stringify(e.filter(([,,t])=>t!=null))},_isEmptyId(e){return e==null||String(e).trim()===""},_isComponentLevel(e){return!this._isEmptyId(e.component_id)},_isLayerLevel(e){return this._isEmptyId(e.component_id)&&!this._isEmptyId(e.layer_id)},_isSheetLevel(e){return this._isEmptyId(e.component_id)&&this._isEmptyId(e.layer_id)&&!this._isEmptyId(e.sheet_id)},_isDashboardLevel(e){return this._isEmptyId(e.component_id)&&this._isEmptyId(e.layer_id)&&this._isEmptyId(e.sheet_id)},_listRelations(e){return s(this,null,function*(){var o;const t=yield this.getMaterialRelationList({page_index:1,page_size:999,where_and:e});return((o=t==null?void 0:t.result)==null?void 0:o.data)||[]})},_deleteByUid(e,t){return s(this,null,function*(){t&&(yield this.deleteMaterialRelation({dashboard_record_uid:e,uid:t}))})},_deleteByRelation(e){return s(this,null,function*(){e!=null&&e.dashboard_record_uid&&(yield this.deleteMaterialRelation({dashboard_record_uid:e.dashboard_record_uid,dashboard_id:e.dashboard_id,sheet_id:e.sheet_id,layer_id:e.layer_id,component_id:e.component_id,uid:e.uid}))})},_deleteRelationList(e,t){return s(this,null,function*(){for(const o of t)yield this._deleteByUid(e,o.uid)})},createMaterialRelation(e){return s(this,null,function*(){return yield y.api.post("create_dashboard_materials_relation",e,!0)})},deleteMaterialRelation(e){return s(this,null,function*(){return yield y.api.post("delete_dashboard_materials_relation",e,!0)})},getMaterialRelationList(){return s(this,arguments,function*(e={}){const t=b({page_index:e.page_index||1,page_size:e.page_size||20,order_by:e.order_by||"created",order_type:e.order_type||"desc"},e);return!e.order_by&&!e.order_type&&e.order?t.order=e.order:delete t.order,yield y.api.post("get_my_dashboard_materials_relation_list",t)})},getMaterialRelationsByDashboard(o){return s(this,arguments,function*(e,t={}){const l=JSON.stringify([["dashboard_record_uid","=",e]]);return yield this.getMaterialRelationList(L(b({},t),{where_and:l}))})},getMaterialRelationByComponent(l,a){return s(this,arguments,function*(e,t,o={}){const d=JSON.stringify([["dashboard_record_uid","=",e],["component_id","=",t]]);return yield this.getMaterialRelationList(L(b({},o),{where_and:d}))})},getRelationsByMaterial(e){return s(this,null,function*(){var l;if(!e)return[];const t=JSON.stringify([["material_uid","=",e]]),o=yield this.getMaterialRelationList({page_index:1,page_size:999,where_and:t});return((l=o==null?void 0:o.result)==null?void 0:l.data)||[]})},getMaterialUsageSummary(e){return s(this,null,function*(){const t=yield this.getRelationsByMaterial(e),o=new Set;return t.forEach(l=>{const a=String(l.dashboard_record_uid||"").trim();a&&o.add(a)}),{relationCount:t.length,dashboardCount:o.size,relations:t}})},deleteAllRelationsByMaterial(e){return s(this,null,function*(){const t=yield this.getRelationsByMaterial(e);for(const o of t)!(o!=null&&o.uid)||!(o!=null&&o.dashboard_record_uid)||(yield this.deleteMaterialRelation({dashboard_record_uid:o.dashboard_record_uid,uid:o.uid}));return t.length})},deleteAllRelationsByDashboard(e){return s(this,null,function*(){return yield this.deleteRelationsByDashboardHierarchy(e)})},deleteRelationByComponent(e,t){return s(this,null,function*(){return yield this.deleteMaterialRelation({dashboard_record_uid:e,component_id:t})})},deleteComponentRelations(e,t,o,l){return s(this,null,function*(){if(!e||!t||!o||!l)return;const a=this._buildWhereAnd([["dashboard_record_uid","=",e],["sheet_id","=",t],["layer_id","=",o],["component_id","=",l]]),d=yield this._listRelations(a);for(const h of d)yield this._deleteByRelation(h)})},deleteLayerLevelRelations(e,t,o){return s(this,null,function*(){if(!e||!t||!o)return;const l=this._buildWhereAnd([["dashboard_record_uid","=",e],["sheet_id","=",t],["layer_id","=",o]]),d=(yield this._listRelations(l)).filter(h=>this._isLayerLevel(h));for(const h of d)yield this._deleteByRelation(h)})},deleteSheetLevelRelations(e,t){return s(this,null,function*(){if(!e||!t)return;const o=this._buildWhereAnd([["dashboard_record_uid","=",e],["sheet_id","=",t]]),a=(yield this._listRelations(o)).filter(d=>this._isSheetLevel(d));for(const d of a)yield this._deleteByRelation(d)})},deleteDashboardLevelRelations(e){return s(this,null,function*(){if(!e)return;const t=this._buildWhereAnd([["dashboard_record_uid","=",e]]),l=(yield this._listRelations(t)).filter(a=>this._isDashboardLevel(a));for(const a of l)yield this._deleteByRelation(a)})},deleteRelationsByLayerHierarchy(e,t,o){return s(this,null,function*(){if(!e||!t||!o)return;const l=this._buildWhereAnd([["dashboard_record_uid","=",e],["sheet_id","=",t],["layer_id","=",o]]),a=yield this._listRelations(l),d=a.filter(r=>this._isComponentLevel(r)),h=a.filter(r=>this._isLayerLevel(r));for(const r of d)yield this._deleteByRelation(r);for(const r of h)yield this._deleteByRelation(r)})},deleteRelationsBySheetHierarchy(e,t){return s(this,null,function*(){if(!e||!t)return;const o=this._buildWhereAnd([["dashboard_record_uid","=",e],["sheet_id","=",t]]),l=yield this._listRelations(o),a=l.filter(r=>this._isComponentLevel(r)),d=l.filter(r=>this._isLayerLevel(r)),h=l.filter(r=>this._isSheetLevel(r));for(const r of a)yield this._deleteByRelation(r);for(const r of d)yield this._deleteByRelation(r);for(const r of h)yield this._deleteByRelation(r)})},deleteRelationsByDashboardHierarchy(e){return s(this,null,function*(){if(!e)return;const t=this._buildWhereAnd([["dashboard_record_uid","=",e]]),o=yield this._listRelations(t),l=o.filter(r=>this._isComponentLevel(r)),a=o.filter(r=>this._isLayerLevel(r)),d=o.filter(r=>this._isSheetLevel(r)),h=o.filter(r=>this._isDashboardLevel(r));for(const r of l)yield this._deleteByRelation(r);for(const r of a)yield this._deleteByRelation(r);for(const r of d)yield this._deleteByRelation(r);for(const r of h)yield this._deleteByRelation(r)})}},ue=i.ref(!1),he=i.ref("all");function _e(e="all"){return he.value=e,ue.value=!0,new Promise(t=>{})}const pe={class:"mix-body"},me={class:"upload-content"},ye={viewBox:"0 0 24 24",width:"48",height:"48",fill:"currentColor",style:{opacity:"0.5"}},fe={class:"upload-text"},ge={key:0,class:"upload-actions"},ve={key:1,class:"viewer-container"},we={key:0,class:"file-info"},be={class:"file-name"},Re=["title"],Me=["src","alt"],Ne={DEFAULT_ICON:q.DEFAULT_ICON,ACTIVE_ICON:q.ACTIVE_ICON,NAME_CN:"图片查看器",NAME_EN:"Photo Viewer",ORDER:2,PLATFORM:["pc","screen","mobile"]},Le={imageDisplayMode:{value:"center",type:"select",options:[{label:"component.photo.center",value:"center"},{label:"component.photo.tile",value:"tile"},{label:"component.photo.stretch",value:"stretch"}],label:"component.options.imageDisplayMode"},fileUrl:{value:"",type:"string",label:"component.options.fileUrl",placeholder:"请上传素材"},fileName:{value:"",type:"string",label:"component.options.fileName",placeholder:"请上传素材"},materialUid:{value:"",type:"string",label:"component.options.materialUid",placeholder:"素材UID"}},Ee=[],Se=[],Be=[],Ce=null,Ae={DEFAULT:Ne,OPTIONS:Le,DATA:Ee,PARAMS:Se,SOURCE:Be,COMMON:Ce},Ue=i.defineComponent(L(b({},Ae),{__name:"photo",props:{conf:{type:Object,default:()=>({})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(e){const{t}=re.useI18n(),o=y.useCounterStore(),l=se(),a=e;class d extends ne.BaseComponent{extractStyles(){return{imageDisplayMode:this.getOptionValue("imageDisplayMode","center"),radiusSize:this.getOptionValue("radiusSize",0)}}init(){this.Style.value=this.extractStyles(),this.applyTheme(),j()}}const h=new d(a,"photo");h.setupLifecycle();const r=h.getStyle(),f=i.ref(null),v=i.ref(""),p=i.ref(""),R=i.ref(""),k=i.ref(!1),D=i.ref(!1),$=n=>A.buildMaterialFileUrlByMaterialPath(n),j=()=>s(null,null,function*(){var c,u,_;const{conf:n}=a;(u=(c=n==null?void 0:n.options)==null?void 0:c.fileUrl)!=null&&u.value&&(v.value=$(n.options.fileUrl.value),yield V(),R.value=((_=n.options.fileName)==null?void 0:_.value)||"")}),P=n=>{n&&n.startsWith("blob:")&&URL.revokeObjectURL(n)},V=()=>s(null,null,function*(){if(v.value)try{const n=y.resolveHttpAuthTokenForFetch();if(!n){p.value="";return}const c=A.encodeMaterialFileRequestUrl(v.value),u=yield fetch(c,{mode:"cors",credentials:"include",headers:{Authorization:`Bearer ${n}`}});if(!u.ok)throw new Error(`load image failed: ${u.status}`);const _=yield u.blob(),g=URL.createObjectURL(_);P(p.value),p.value=g}catch(n){console.error("[Photo] 拉取图片失败:",n),P(p.value),p.value=""}}),H=i.computed(()=>({width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"})),J=i.computed(()=>{var c;const n=(c=r==null?void 0:r.value)==null?void 0:c.imageDisplayMode;return n==="tile"?{display:"none"}:n==="stretch"?{width:"100%",height:"100%",objectFit:"fill"}:{width:"100%",height:"100%",objectFit:"contain"}}),G=i.computed(()=>{var n;return((n=r==null?void 0:r.value)==null?void 0:n.imageDisplayMode)!=="tile"||!p.value?{}:{width:"100%",height:"100%",backgroundImage:`url(${p.value})`,backgroundRepeat:"repeat",backgroundPosition:"center center"}}),O=i.computed(()=>{const n=l.params.id;return n?String(n):""}),x=n=>{var u;const c=((u=o.pageData)==null?void 0:u.sheets)||[];for(const _ of c){const g=_.id,M=_.caption||_.name||_.id,E=_.layers||[];for(const w of E){const S=w.id,B=w.caption||w.name||w.id,C=w.components||[];for(const m of C)if((m==null?void 0:m.id)===n){const N=m.caption||m.name||m.id;return{sheetId:g,layerId:S,sheetName:M,layerName:B,componentName:N}}}}return{sheetId:"",layerId:"",sheetName:"",layerName:"",componentName:""}},Z=n=>s(null,null,function*(){var g;if(!O.value)return;const c=a.uid||((g=a.conf)==null?void 0:g.id);if(!c||!n)return;const{sheetId:u,layerId:_}=x(c);try{yield W.deleteComponentRelations(O.value,u,_,c),yield W.createMaterialRelation({dashboard_record_uid:O.value,material_uid:n,sheet_id:u||void 0,layer_id:_||void 0,component_id:c})}catch(M){console.warn("[Photo] 同步素材关联失败:",M)}}),z=()=>s(null,null,function*(){try{const n=yield _e("image");if(n){if(console.log("[Photo] 选中的素材:",n),console.log("[Photo] material_path:",n.material_path),console.log("[Photo] thumbnail:",n.thumbnail),console.log("[Photo] file_id:",n.file_id),!n.material_path){I.ElMessage.warning("该素材缺少 material_path，无法获取原图"),console.warn("[Photo] 素材缺少 material_path");return}const c=String(n.material_path).trim(),u=A.buildMaterialFileUrlByMaterialPath(c);console.log("[Photo] 原图URL:",u),v.value=u,yield V(),R.value=n.name,a.conf&&a.conf.options&&(a.conf.options.fileUrl||(a.conf.options.fileUrl={value:"",type:"string",label:""}),a.conf.options.fileName||(a.conf.options.fileName={value:"",type:"string",label:""}),a.conf.options.materialUid||(a.conf.options.materialUid={value:"",type:"string",label:""}),a.conf.options.fileUrl.value=c,a.conf.options.fileName.value=n.name,a.conf.options.materialUid.value=n.uid,console.log("[Photo] 配置已保存:",{fileUrl:a.conf.options.fileUrl.value,fileName:a.conf.options.fileName.value,materialUid:a.conf.options.materialUid.value})),console.log("[Photo] uploadedFileUrl.value:",p.value),I.ElMessage.success(t("component.photo.materialSelected")||"素材选择成功"),yield Z(n.uid)}else console.log("[Photo] 用户取消选择")}catch(n){console.error("[Photo] 素材选择失败:",n),I.ElMessage.error("素材选择失败")}}),K=()=>{P(p.value),p.value="",v.value="",R.value="",a.mode!=="preview"&&z()},Q=()=>{k.value=!1,f.value,console.log("图片加载成功")},X=n=>{var g,M,E,w,S,B,C;if(console.error("图片加载失败:",n),k.value||D.value)return;const c=a.uid||((g=a.conf)==null?void 0:g.id)||"",u=c?x(c):null;u&&(u.sheetName||u.layerName||u.componentName)?`${u.sheetName||"-"}${u.layerName||"-"}${u.componentName||"-"}`:R.value;const _=String(((w=(E=(M=a.conf)==null?void 0:M.options)==null?void 0:E.materialUid)==null?void 0:w.value)||((C=(B=(S=a.conf)==null?void 0:S.options)==null?void 0:B.imageUid)==null?void 0:C.value)||"").trim();_&&(D.value=!0,de.getMaterialItem(_).then(m=>{if(U(m==null?void 0:m.code)&&(m!=null&&m.result)){const N=m.result;N!=null&&N.material_path&&(v.value=A.buildMaterialFileUrlByMaterialPath(String(N.material_path).trim()),V());return}k.value=!0}).catch(()=>{}).finally(()=>{D.value=!1}))};return i.onMounted(()=>{}),i.onBeforeUnmount(()=>{p.value&&p.value.startsWith("blob:")&&URL.revokeObjectURL(p.value)}),(n,c)=>{var _,g;const u=ie.ElButton;return i.openBlock(),i.createElementBlock("div",{class:"mix-component",style:i.normalizeStyle({borderRadius:`${i.unref(r).radiusSize}px`})},[i.createElementVNode("div",pe,[p.value?(i.openBlock(),i.createElementBlock("div",ve,[a.mode!=="preview"?(i.openBlock(),i.createElementBlock("div",we,[i.createElementVNode("span",be,i.toDisplayString(R.value),1),i.createElementVNode("button",{class:"change-file-btn",onClick:K,title:i.unref(t)("component.photo.changeFile")||"更换文件"},[...c[1]||(c[1]=[i.createElementVNode("svg",{viewBox:"0 0 24 24",width:"16",height:"16",fill:"currentColor"},[i.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)])],8,Re)])):i.createCommentVNode("",!0),i.createElementVNode("div",{class:"image-container",style:i.normalizeStyle(H.value)},[i.createElementVNode("img",{ref_key:"imageRef",ref:f,src:p.value,alt:R.value,style:i.normalizeStyle(J.value),onLoad:Q,onError:X},null,44,Me),((g=(_=i.unref(r))==null?void 0:_.value)==null?void 0:g.imageDisplayMode)==="tile"?(i.openBlock(),i.createElementBlock("div",{key:0,class:"tiled-background",style:i.normalizeStyle(G.value)},null,4)):i.createCommentVNode("",!0)],4)])):(i.openBlock(),i.createElementBlock("div",{key:0,class:i.normalizeClass(["upload-area",{"preview-mode":a.mode==="preview"}])},[i.createElementVNode("div",me,[(i.openBlock(),i.createElementBlock("svg",ye,[...c[0]||(c[0]=[i.createElementVNode("path",{d:"M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z"},null,-1)])])),i.createElementVNode("p",fe,i.toDisplayString(a.mode==="preview"?"未上传素材":i.unref(t)("component.photo.selectFromLibrary")||"从素材库选择"),1),a.mode!=="preview"?(i.openBlock(),i.createElementBlock("div",ge,[i.createVNode(u,{type:"primary",size:"small",onClick:z},{default:i.withCtx(()=>[i.createTextVNode(i.toDisplayString(i.unref(t)("component.photo.selectFromLibrary")||"从素材库选择"),1)]),_:1})])):i.createCommentVNode("",!0)])],2))]),i.renderSlot(n.$slots,"default",{},void 0,!0)],4)}}})),ke=y._export_sfc(Ue,[["__scopeId","data-v-57314f5b"]]);exports.default=ke;

package/dist/{photo-DxXTYq73.js → photo-N8uk9UzU.js}

@@ -31,8 +31,8 @@ import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/button/style/css";
 import { inject as he, ref as R, defineComponent as _e, computed as O, onMounted as pe, onBeforeUnmount as me, openBlock as L, createElementBlock as M, normalizeStyle as x, unref as A, createElementVNode as g, normalizeClass as fe, toDisplayString as T, createVNode as ye, withCtx as ve, createTextVNode as ge, createCommentVNode as $, renderSlot as we } from "vue";
 import { u as be } from "./vue-i18n-5Nahpzrm.js";
-import { B as Re } from "./BaseComponent-Dwhb9Mde.js";
-import { a as y, u as Le, r as Me, _ as Se } from "./index-YNdVib_6.js";
+import { B as Re } from "./BaseComponent-CEp8NJiX.js";
+import { a as y, u as Le, r as Me, _ as Se } from "./index-CqVPeq0-.js";
 import { e as Ne, b as j } from "./materialFileUrl-CubtnHeq.js";
 import { ElMessage as H } from "element-plus";
 import { A as Ce, D as Ee } from "./ele-bmp-icon-Pdolk1J5.js";

package/dist/{pie-BxpiCEYe.cjs → pie-BzkMCV5O.cjs}

@@ -1,2 +1,2 @@
-"use strict";var k=Object.defineProperty,A=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var O=(r,l,c)=>l in r?k(r,l,{enumerable:!0,configurable:!0,writable:!0,value:c}):r[l]=c,d=(r,l)=>{for(var c in l||(l={}))$.call(l,c)&&O(r,c,l[c]);if(C)for(var c of C(l))I.call(l,c)&&O(r,c,l[c]);return r},f=(r,l)=>A(r,B(l));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),y=require("./index-6QhTSPkL.cjs");require("element-plus");const N=require("./EChartComponentBase-CMN_pOMr.cjs"),R=require("./titleStyle-NSnz6cUg.cjs"),S=require("./ele-pie-icon-BNhXPoUT.cjs"),b=require("./installCanvasRenderer-CyhM1Qpl.cjs"),j=require("./install-DV5cEgNV.cjs"),z=require("./install-CltTFs4e.cjs"),T=require("./install-nDY6w-GK.cjs"),q={class:"mix-body"},D=["id"],P={DEFAULT_ICON:S.DEFAULT_ICON,ACTIVE_ICON:S.ACTIVE_ICON,NAME_CN:"饼状图",NAME_EN:"Pie",ORDER:1,PLATFORM:["pc","screen","mobile"]},M={titleColor:"#111",textColor:"#111",bgColor:"#fff",radiusSize:8,textSize:12,type:{value:"pie",type:"radio",option:[{value:"pie",label:"component.options.pie_type_pie"},{value:"circle",label:"component.options.pie_type_circle"}],label:"component.options.pie_type"},radius:{value:50,type:"number",label:"component.options.pie_radius",dependent:"type",repel:"circle"},inside:{value:40,type:"number",label:"component.options.pie_inside",dependent:"type",repel:"pie"},outside:{value:75,type:"number",label:"component.options.pie_outside",dependent:"type",repel:"pie"},isHideTitle:!1,titleAlign:"left",titleWeight:"bold",titleBgColor:"transparent",titleBorderType:"none",titleBorderColor:"#cccccc",titleBorderWidth:1,titlePaddingH:8,titlePaddingV:4,showLabel:!1,showLegend:{value:!0,type:"checkbox",label:"component.options.showLegend",dependent:"showLabel"},orient:{value:"horizontal",type:"radio",option:[{value:"horizontal",label:"component.options.orient_horizontal"},{value:"vertical",label:"component.options.orient_vertical"}],label:"component.options.orient",dependent:"showLegend"},showValue:{value:!0,type:"checkbox",label:"component.options.showValue",dependent:"showLabel"},showRate:{value:!1,type:"checkbox",label:"component.options.showRate",dependent:"showLabel"},wrap:{value:!1,type:"checkbox",label:"component.options.wrap",dependent:"showLabel"},wrapByte:{value:5,type:"number",label:"component.options.pie_wrapByte",dependent:"wrap"}},H=[{name:"参数一",fv:"",object_id:"",color:"#4162ff"},{name:"参数二",fv:"",object_id:"",color:"#3bbc6a"},{name:"参数三",fv:"",object_id:"",color:"#e24359"}],F=["name","fv","object_id","color"],U=["mosaic","statistics","calculate"],W={useAlias:!1,multiObject:!1,source:"mosaic"},G={DEFAULT:P,OPTIONS:M,DATA:H,PARAMS:F,SOURCE:U,COMMON:W},K=a.defineComponent(f(d({},G),{__name:"pie",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(r){b.use([j.install,z.install,b.install,b.install$1,T.install]);const l=r,c=y.useLinkStore(),_={horizontal:{orient:"horizontal",bottom:"5%",left:"center"},vertical:{orient:"vertical",right:"5%",top:"5%"}};class L extends N.EChartComponentBase{initChart(){var e,t;super.initChart(),this.props.mode==="preview"&&((e=this.chartObj)==null||e.off("click"),(t=this.chartObj)==null||t.on("click",o=>{var n,s,p,u,h,v;const i=o==null?void 0:o.name;if(typeof i=="string"&&i){const E=((s=(n=this.props.conf)==null?void 0:n.options)==null?void 0:s.linkChannel)==="custom"?(u=(p=this.props.conf)==null?void 0:p.options)==null?void 0:u.customChannel:(v=(h=this.props.conf)==null?void 0:h.options)==null?void 0:v.linkChannel;c.publish(E||"pie","pie",{objectId:"",deviceId:"",type:"select",fieldKey:i,fv:d({key:i},o),source:"pie"})}}))}extractStyles(){return f(d({},super.extractStyles()),{type:this.getOptionValue("type","pie"),radius:this.getOptionValue("radius",50),inside:this.getOptionValue("inside",40),outside:this.getOptionValue("outside",75),showLabel:this.getOptionValue("showLabel",!1),showLegend:this.getOptionValue("showLegend",!0),orient:this.getOptionValue("orient","horizontal"),showValue:this.getOptionValue("showValue",!0),showRate:this.getOptionValue("showRate",!1),wrap:this.getOptionValue("wrap",!1),wrapByte:this.getOptionValue("wrapByte",5)})}getChartOption(){const e=this.Style.value,{data:t,name:o}=this.props.conf,i=t.map((n,s)=>n.color||y.COLORS[s]);return{title:{show:!1,text:o||"",x:"center"},color:i,tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c} ({d}%)"},legend:f(d({show:e.showLabel&&e.showLegend},_[e.orient]),{data:t.map(n=>n.name),textStyle:{color:e.textColor}}),series:this.formatSeries()}}formatSeries(){const e=this.Style.value,{data:t,name:o}=this.props.conf,i=t.map(s=>({value:0,name:s.name})),n=e.type==="pie"?`${e.radius}%`:[`${e.inside}%`,`${e.outside}%`];return[{name:o,type:"pie",radius:n,center:["50%","40%"],data:i,emphasis:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"},label:{show:e.showLabel,color:e.textColor,lineHeight:16,fontSize:e.textSize,formatter:s=>this.formatLabel(s)}}]}formatLabel(e){const t=this.Style.value;if(!t.showLabel)return"";let o=e.name;return t.showValue&&t.showRate?o=`${e.name}: ${e.value}(${e.percent}%)`:t.showValue?o=`${e.name}: ${e.value}`:t.showRate&&(o=`${e.name}${e.percent}%`),this.insertBreaks(o)}insertBreaks(e){const t=this.Style.value;if(!t.showLabel||!t.wrap)return e;const o=t.wrapByte||5;let i="",n=0,s=0;for(const p of e)p.charCodeAt(0)>=19968&&p.charCodeAt(0)<=40959?(s++,n+=2):n+=1,i+=p,(s>=o||n>=o*2)&&(i+=`
+"use strict";var k=Object.defineProperty,A=Object.defineProperties;var B=Object.getOwnPropertyDescriptors;var C=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var O=(r,l,c)=>l in r?k(r,l,{enumerable:!0,configurable:!0,writable:!0,value:c}):r[l]=c,d=(r,l)=>{for(var c in l||(l={}))$.call(l,c)&&O(r,c,l[c]);if(C)for(var c of C(l))I.call(l,c)&&O(r,c,l[c]);return r},f=(r,l)=>A(r,B(l));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),y=require("./index-OgmTZiO-.cjs");require("element-plus");const N=require("./EChartComponentBase-C2sxqwSE.cjs"),R=require("./titleStyle-NSnz6cUg.cjs"),S=require("./ele-pie-icon-BNhXPoUT.cjs"),b=require("./installCanvasRenderer-CyhM1Qpl.cjs"),j=require("./install-DV5cEgNV.cjs"),z=require("./install-CltTFs4e.cjs"),T=require("./install-nDY6w-GK.cjs"),q={class:"mix-body"},D=["id"],P={DEFAULT_ICON:S.DEFAULT_ICON,ACTIVE_ICON:S.ACTIVE_ICON,NAME_CN:"饼状图",NAME_EN:"Pie",ORDER:1,PLATFORM:["pc","screen","mobile"]},M={titleColor:"#111",textColor:"#111",bgColor:"#fff",radiusSize:8,textSize:12,type:{value:"pie",type:"radio",option:[{value:"pie",label:"component.options.pie_type_pie"},{value:"circle",label:"component.options.pie_type_circle"}],label:"component.options.pie_type"},radius:{value:50,type:"number",label:"component.options.pie_radius",dependent:"type",repel:"circle"},inside:{value:40,type:"number",label:"component.options.pie_inside",dependent:"type",repel:"pie"},outside:{value:75,type:"number",label:"component.options.pie_outside",dependent:"type",repel:"pie"},isHideTitle:!1,titleAlign:"left",titleWeight:"bold",titleBgColor:"transparent",titleBorderType:"none",titleBorderColor:"#cccccc",titleBorderWidth:1,titlePaddingH:8,titlePaddingV:4,showLabel:!1,showLegend:{value:!0,type:"checkbox",label:"component.options.showLegend",dependent:"showLabel"},orient:{value:"horizontal",type:"radio",option:[{value:"horizontal",label:"component.options.orient_horizontal"},{value:"vertical",label:"component.options.orient_vertical"}],label:"component.options.orient",dependent:"showLegend"},showValue:{value:!0,type:"checkbox",label:"component.options.showValue",dependent:"showLabel"},showRate:{value:!1,type:"checkbox",label:"component.options.showRate",dependent:"showLabel"},wrap:{value:!1,type:"checkbox",label:"component.options.wrap",dependent:"showLabel"},wrapByte:{value:5,type:"number",label:"component.options.pie_wrapByte",dependent:"wrap"}},H=[{name:"参数一",fv:"",object_id:"",color:"#4162ff"},{name:"参数二",fv:"",object_id:"",color:"#3bbc6a"},{name:"参数三",fv:"",object_id:"",color:"#e24359"}],F=["name","fv","object_id","color"],U=["mosaic","statistics","calculate"],W={useAlias:!1,multiObject:!1,source:"mosaic"},G={DEFAULT:P,OPTIONS:M,DATA:H,PARAMS:F,SOURCE:U,COMMON:W},K=a.defineComponent(f(d({},G),{__name:"pie",props:{conf:{type:Object,default:()=>({data:[]})},uid:{type:String,default:""},mode:{type:String,default:"edit"},theme:{type:String,default:"light"}},setup(r){b.use([j.install,z.install,b.install,b.install$1,T.install]);const l=r,c=y.useLinkStore(),_={horizontal:{orient:"horizontal",bottom:"5%",left:"center"},vertical:{orient:"vertical",right:"5%",top:"5%"}};class L extends N.EChartComponentBase{initChart(){var e,t;super.initChart(),this.props.mode==="preview"&&((e=this.chartObj)==null||e.off("click"),(t=this.chartObj)==null||t.on("click",o=>{var n,s,p,u,h,v;const i=o==null?void 0:o.name;if(typeof i=="string"&&i){const E=((s=(n=this.props.conf)==null?void 0:n.options)==null?void 0:s.linkChannel)==="custom"?(u=(p=this.props.conf)==null?void 0:p.options)==null?void 0:u.customChannel:(v=(h=this.props.conf)==null?void 0:h.options)==null?void 0:v.linkChannel;c.publish(E||"pie","pie",{objectId:"",deviceId:"",type:"select",fieldKey:i,fv:d({key:i},o),source:"pie"})}}))}extractStyles(){return f(d({},super.extractStyles()),{type:this.getOptionValue("type","pie"),radius:this.getOptionValue("radius",50),inside:this.getOptionValue("inside",40),outside:this.getOptionValue("outside",75),showLabel:this.getOptionValue("showLabel",!1),showLegend:this.getOptionValue("showLegend",!0),orient:this.getOptionValue("orient","horizontal"),showValue:this.getOptionValue("showValue",!0),showRate:this.getOptionValue("showRate",!1),wrap:this.getOptionValue("wrap",!1),wrapByte:this.getOptionValue("wrapByte",5)})}getChartOption(){const e=this.Style.value,{data:t,name:o}=this.props.conf,i=t.map((n,s)=>n.color||y.COLORS[s]);return{title:{show:!1,text:o||"",x:"center"},color:i,tooltip:{trigger:"item",formatter:"{a} <br/>{b} : {c} ({d}%)"},legend:f(d({show:e.showLabel&&e.showLegend},_[e.orient]),{data:t.map(n=>n.name),textStyle:{color:e.textColor}}),series:this.formatSeries()}}formatSeries(){const e=this.Style.value,{data:t,name:o}=this.props.conf,i=t.map(s=>({value:0,name:s.name})),n=e.type==="pie"?`${e.radius}%`:[`${e.inside}%`,`${e.outside}%`];return[{name:o,type:"pie",radius:n,center:["50%","40%"],data:i,emphasis:{shadowBlur:10,shadowOffsetX:0,shadowColor:"rgba(0, 0, 0, 0.5)"},label:{show:e.showLabel,color:e.textColor,lineHeight:16,fontSize:e.textSize,formatter:s=>this.formatLabel(s)}}]}formatLabel(e){const t=this.Style.value;if(!t.showLabel)return"";let o=e.name;return t.showValue&&t.showRate?o=`${e.name}: ${e.value}(${e.percent}%)`:t.showValue?o=`${e.name}: ${e.value}`:t.showRate&&(o=`${e.name}${e.percent}%`),this.insertBreaks(o)}insertBreaks(e){const t=this.Style.value;if(!t.showLabel||!t.wrap)return e;const o=t.wrapByte||5;let i="",n=0,s=0;for(const p of e)p.charCodeAt(0)>=19968&&p.charCodeAt(0)<=40959?(s++,n+=2):n+=1,i+=p,(s>=o||n>=o*2)&&(i+=`
 `,s=0,n=0);return i}setHistoryData(e){if(!e||!(e!=null&&e.length))return;const t=this.chartObj.getOption();t.series[0].data.forEach((o,i)=>{var n;o.value=(n=e[i].data[0])!=null?n:0}),this.updateChart(t)}setSocketData(e){if(!e||!this.chartObj)return;const{data:t}=this.props.conf,o=this.chartObj.getOption();t.forEach((i,n)=>{var p,u,h;const s=this.extractDataValue(e,i.fv);(h=(u=(p=o.series)==null?void 0:p[0])==null?void 0:u.data)!=null&&h[n]&&(o.series[0].data[n].value=s!=null?s:0)}),this.updateChart(o)}}const m=new L(l,"pie");m.setupLifecycle();const w=m.getStyle(),V=m.getEchartId(),x=a.computed(()=>R.generateTitleStyle(l.conf.options));return(g,e)=>(a.openBlock(),a.createElementBlock("div",{class:"mix-component",style:a.normalizeStyle({background:a.unref(w).bgColor,borderRadius:`${a.unref(w).radiusSize}px`})},[a.createElementVNode("div",{class:"mix-title",style:a.normalizeStyle(x.value)},a.toDisplayString(r.conf.caption||r.conf.name),5),a.createElementVNode("div",q,[a.createElementVNode("div",{class:"w-full h-full",id:a.unref(V)},null,8,D)]),a.renderSlot(g.$slots,"default",{},void 0,!0)],4))}})),X=y._export_sfc(K,[["__scopeId","data-v-03b40f26"]]);exports.default=X;

package/dist/{pie-COixdWUz.js → pie-DuWuL4rb.js}

@@ -11,9 +11,9 @@ var O = (l, a, r) => a in l ? k(l, a, { enumerable: !0, configurable: !0, writab
   return l;
 }, d = (l, a) => E(l, $(a));
 import { defineComponent as R, computed as j, openBlock as z, createElementBlock as I, normalizeStyle as _, unref as m, createElementVNode as b, toDisplayString as N, renderSlot as D } from "vue";
-import { l as T, C as P, _ as H } from "./index-YNdVib_6.js";
+import { l as T, C as P, _ as H } from "./index-CqVPeq0-.js";
 import "element-plus";
-import { E as M } from "./EChartComponentBase-BmS2KONN.js";
+import { E as M } from "./EChartComponentBase-B-VNAC8K.js";
 import { g as F } from "./titleStyle-BT5GlpAb.js";
 import { A as U, D as W } from "./ele-pie-icon-RPfHJxqp.js";
 import { u as G, i as K, a as X } from "./installCanvasRenderer-oDYkyVFy.js";

package/dist/{placeholder-Ole-Or58.cjs → placeholder-B9T7qNoD.cjs}

@@ -1 +1 @@
-"use strict";var P=Object.defineProperty,A=Object.defineProperties;var W=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var O=(l,t,r)=>t in l?P(l,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):l[t]=r,M=(l,t)=>{for(var r in t||(t={}))$.call(t,r)&&O(l,r,t[r]);if(D)for(var r of D(t))U.call(t,r)&&O(l,r,t[r]);return l},T=(l,t)=>A(l,W(t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),z=require("./ele-box-icon-NZ0BTjhm.cjs"),j=require("./index-6QhTSPkL.cjs"),q=["data-placeholder-id","data-placeholder-name","data-x","data-y","data-w","data-h"],G={key:0,class:"mix-placeholder__label"},H={class:"mix-placeholder__title"},J={key:0,class:"mix-placeholder__name"},K={class:"mix-placeholder__meta"},Q={key:0,class:"mix-placeholder__pixel"},X={class:"mix-placeholder__pixel-pos"},Y={key:1,class:"mix-placeholder__desc"},Z={key:0,class:"mix-placeholder__name-runtime"},ee={DEFAULT_ICON:z.DEFAULT_ICON,ACTIVE_ICON:z.ACTIVE_ICON,NAME_CN:"占位组件",NAME_EN:"Placeholder",ORDER:99,PLATFORM:["pc","screen","mobile"]},te={placeholderName:{value:"",type:"string",label:"占位组件名称"},description:{value:"",type:"string",label:"描述"},bgColor:{value:"rgba(64, 158, 255, 0.08)",type:"color",label:"填充色"},borderColor:{value:"#409EFF",type:"color",label:"边框颜色"},borderWidth:{value:2,type:"number",label:"边框宽度",min:0,max:10},borderStyle:{value:"dashed",type:"radio",label:"边框样式",option:[{label:"实线",value:"solid"},{label:"虚线",value:"dashed"},{label:"点线",value:"dotted"}]},radiusSize:{value:4,type:"number",label:"圆角",min:0,max:50},showLabel:{value:!0,type:"checkbox",label:"显示标签"},showInPreview:{value:!1,type:"checkbox",label:"运行时显示边框"}},oe=[],le={},ae={DEFAULT:ee,OPTIONS:te,SOURCE:oe,COMMON:le},ne=e.defineComponent(T(M({},ae),{__name:"placeholder",props:{conf:{type:Object,default:()=>({})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(l){const t=l,r=(o,a)=>{var c,i;const n=(i=(c=t.conf)==null?void 0:c.options)==null?void 0:i[o];return n==null?a:typeof n=="object"&&"value"in n?n.value:n},d=e.computed(()=>({placeholderName:r("placeholderName",""),description:r("description",""),bgColor:r("bgColor","rgba(64, 158, 255, 0.08)"),borderColor:r("borderColor","#409EFF"),borderWidth:Number(r("borderWidth",2))||0,borderStyle:r("borderStyle","dashed"),radiusSize:Number(r("radiusSize",4))||0,showLabel:r("showLabel",!0)!==!1,showInPreview:r("showInPreview",!1)===!0})),_=e.computed(()=>{var o,a;return d.value.placeholderName||((o=t.conf)==null?void 0:o.name)||((a=t.conf)==null?void 0:a.id)||""}),b=e.computed(()=>{var o,a;return d.value.placeholderName||((o=t.conf)==null?void 0:o.caption)||((a=t.conf)==null?void 0:a.name)||""}),F=e.computed(()=>({backgroundColor:d.value.bgColor,borderColor:d.value.borderColor,borderStyle:d.value.borderStyle,borderWidth:`${d.value.borderWidth}px`,borderRadius:`${d.value.radiusSize}px`})),L=e.computed(()=>({borderColor:d.value.borderColor,borderStyle:d.value.borderStyle,borderWidth:`${Math.max(1,d.value.borderWidth)}px`,borderRadius:`${d.value.radiusSize}px`,backgroundColor:"transparent"})),m=e.ref(null),S=e.useTemplateRef("rootRef"),N=()=>{const o=S.value;if(!o)return{gridItem:null,canvas:null};const a=o.closest(".vgl-item")||o.closest(".vue-grid-item"),n=o.closest(".canvas");return{gridItem:a,canvas:n}},x=()=>{const{gridItem:o,canvas:a}=N();if(!o||!a)return;const n=o.getBoundingClientRect(),c=a.getBoundingClientRect(),i=a.offsetWidth||1,u=c.width/i||1,s=u===0?1:u;m.value={left:Math.round((n.left-c.left)/s),top:Math.round((n.top-c.top)/s),width:Math.round(n.width/s),height:Math.round(n.height/s)}},y=o=>{var a,n,c,i,u,s,h,v,f;if(typeof window!="undefined")try{window.dispatchEvent(new CustomEvent(`mix-placeholder:${o}`,{detail:{id:((a=t.conf)==null?void 0:a.id)||"",name:_.value,grid:{x:(c=(n=t.conf)==null?void 0:n.x)!=null?c:0,y:(u=(i=t.conf)==null?void 0:i.y)!=null?u:0,w:(h=(s=t.conf)==null?void 0:s.w)!=null?h:0,h:(f=(v=t.conf)==null?void 0:v.h)!=null?f:0},pixel:m.value,mode:t.mode}}))}catch(g){}};let p=null;return e.onMounted(()=>{e.nextTick(()=>{x(),y("registered");const{gridItem:o}=N();o&&typeof ResizeObserver!="undefined"&&(p=new ResizeObserver(()=>{x(),y("updated")}),p.observe(o))})}),e.onBeforeUnmount(()=>{p==null||p.disconnect(),p=null,y("unregistered")}),e.watch(()=>{var o,a,n,c,i;return[(o=t.conf)==null?void 0:o.x,(a=t.conf)==null?void 0:a.y,(n=t.conf)==null?void 0:n.w,(c=t.conf)==null?void 0:c.h,(i=t.conf)==null?void 0:i.options,t.mode]},()=>{e.nextTick(()=>{x(),y("updated")})},{deep:!0}),(o,a)=>{var n,c,i,u,s,h,v,f,g,w,C,E,k,B,R,I,V;return e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:S,class:"mix-placeholder",style:e.normalizeStyle({pointerEvents:l.mode==="edit"?"auto":void 0}),"data-placeholder-id":((n=l.conf)==null?void 0:n.id)||"","data-placeholder-name":_.value,"data-x":(i=(c=l.conf)==null?void 0:c.x)!=null?i:0,"data-y":(s=(u=l.conf)==null?void 0:u.y)!=null?s:0,"data-w":(v=(h=l.conf)==null?void 0:h.w)!=null?v:0,"data-h":(g=(f=l.conf)==null?void 0:f.h)!=null?g:0},[l.mode==="edit"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"mix-placeholder__frame mix-placeholder__frame--edit",style:e.normalizeStyle(F.value)},[d.value.showLabel?(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",H,[a[0]||(a[0]=e.createElementVNode("span",{class:"mix-placeholder__tag"},"占位组件",-1)),b.value?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(b.value),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",K,[e.createElementVNode("span",null,"x:"+e.toDisplayString((C=(w=l.conf)==null?void 0:w.x)!=null?C:0),1),e.createElementVNode("span",null,"y:"+e.toDisplayString((k=(E=l.conf)==null?void 0:E.y)!=null?k:0),1),e.createElementVNode("span",null,"w:"+e.toDisplayString((R=(B=l.conf)==null?void 0:B.w)!=null?R:0),1),e.createElementVNode("span",null,"h:"+e.toDisplayString((V=(I=l.conf)==null?void 0:I.h)!=null?V:0),1)]),m.value?(e.openBlock(),e.createElementBlock("div",Q,[e.createTextVNode(e.toDisplayString(m.value.width)+"px × "+e.toDisplayString(m.value.height)+"px ",1),e.createElementVNode("span",X,"@("+e.toDisplayString(m.value.left)+", "+e.toDisplayString(m.value.top)+")",1)])):e.createCommentVNode("",!0),d.value.description?(e.openBlock(),e.createElementBlock("div",Y,e.toDisplayString(d.value.description),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],4)):d.value.showInPreview?(e.openBlock(),e.createElementBlock("div",{key:1,class:"mix-placeholder__frame mix-placeholder__frame--runtime",style:e.normalizeStyle(L.value)},[d.value.showLabel&&b.value?(e.openBlock(),e.createElementBlock("span",Z,e.toDisplayString(b.value),1)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},void 0,!0)],12,q)}}})),re=j._export_sfc(ne,[["__scopeId","data-v-d6ad7f4c"]]);exports.default=re;
+"use strict";var P=Object.defineProperty,A=Object.defineProperties;var W=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var $=Object.prototype.hasOwnProperty,U=Object.prototype.propertyIsEnumerable;var O=(l,t,r)=>t in l?P(l,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):l[t]=r,M=(l,t)=>{for(var r in t||(t={}))$.call(t,r)&&O(l,r,t[r]);if(D)for(var r of D(t))U.call(t,r)&&O(l,r,t[r]);return l},T=(l,t)=>A(l,W(t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),z=require("./ele-box-icon-NZ0BTjhm.cjs"),j=require("./index-OgmTZiO-.cjs"),q=["data-placeholder-id","data-placeholder-name","data-x","data-y","data-w","data-h"],G={key:0,class:"mix-placeholder__label"},H={class:"mix-placeholder__title"},J={key:0,class:"mix-placeholder__name"},K={class:"mix-placeholder__meta"},Q={key:0,class:"mix-placeholder__pixel"},X={class:"mix-placeholder__pixel-pos"},Y={key:1,class:"mix-placeholder__desc"},Z={key:0,class:"mix-placeholder__name-runtime"},ee={DEFAULT_ICON:z.DEFAULT_ICON,ACTIVE_ICON:z.ACTIVE_ICON,NAME_CN:"占位组件",NAME_EN:"Placeholder",ORDER:99,PLATFORM:["pc","screen","mobile"]},te={placeholderName:{value:"",type:"string",label:"占位组件名称"},description:{value:"",type:"string",label:"描述"},bgColor:{value:"rgba(64, 158, 255, 0.08)",type:"color",label:"填充色"},borderColor:{value:"#409EFF",type:"color",label:"边框颜色"},borderWidth:{value:2,type:"number",label:"边框宽度",min:0,max:10},borderStyle:{value:"dashed",type:"radio",label:"边框样式",option:[{label:"实线",value:"solid"},{label:"虚线",value:"dashed"},{label:"点线",value:"dotted"}]},radiusSize:{value:4,type:"number",label:"圆角",min:0,max:50},showLabel:{value:!0,type:"checkbox",label:"显示标签"},showInPreview:{value:!1,type:"checkbox",label:"运行时显示边框"}},oe=[],le={},ae={DEFAULT:ee,OPTIONS:te,SOURCE:oe,COMMON:le},ne=e.defineComponent(T(M({},ae),{__name:"placeholder",props:{conf:{type:Object,default:()=>({})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(l){const t=l,r=(o,a)=>{var c,i;const n=(i=(c=t.conf)==null?void 0:c.options)==null?void 0:i[o];return n==null?a:typeof n=="object"&&"value"in n?n.value:n},d=e.computed(()=>({placeholderName:r("placeholderName",""),description:r("description",""),bgColor:r("bgColor","rgba(64, 158, 255, 0.08)"),borderColor:r("borderColor","#409EFF"),borderWidth:Number(r("borderWidth",2))||0,borderStyle:r("borderStyle","dashed"),radiusSize:Number(r("radiusSize",4))||0,showLabel:r("showLabel",!0)!==!1,showInPreview:r("showInPreview",!1)===!0})),_=e.computed(()=>{var o,a;return d.value.placeholderName||((o=t.conf)==null?void 0:o.name)||((a=t.conf)==null?void 0:a.id)||""}),b=e.computed(()=>{var o,a;return d.value.placeholderName||((o=t.conf)==null?void 0:o.caption)||((a=t.conf)==null?void 0:a.name)||""}),F=e.computed(()=>({backgroundColor:d.value.bgColor,borderColor:d.value.borderColor,borderStyle:d.value.borderStyle,borderWidth:`${d.value.borderWidth}px`,borderRadius:`${d.value.radiusSize}px`})),L=e.computed(()=>({borderColor:d.value.borderColor,borderStyle:d.value.borderStyle,borderWidth:`${Math.max(1,d.value.borderWidth)}px`,borderRadius:`${d.value.radiusSize}px`,backgroundColor:"transparent"})),m=e.ref(null),S=e.useTemplateRef("rootRef"),N=()=>{const o=S.value;if(!o)return{gridItem:null,canvas:null};const a=o.closest(".vgl-item")||o.closest(".vue-grid-item"),n=o.closest(".canvas");return{gridItem:a,canvas:n}},x=()=>{const{gridItem:o,canvas:a}=N();if(!o||!a)return;const n=o.getBoundingClientRect(),c=a.getBoundingClientRect(),i=a.offsetWidth||1,u=c.width/i||1,s=u===0?1:u;m.value={left:Math.round((n.left-c.left)/s),top:Math.round((n.top-c.top)/s),width:Math.round(n.width/s),height:Math.round(n.height/s)}},y=o=>{var a,n,c,i,u,s,h,v,f;if(typeof window!="undefined")try{window.dispatchEvent(new CustomEvent(`mix-placeholder:${o}`,{detail:{id:((a=t.conf)==null?void 0:a.id)||"",name:_.value,grid:{x:(c=(n=t.conf)==null?void 0:n.x)!=null?c:0,y:(u=(i=t.conf)==null?void 0:i.y)!=null?u:0,w:(h=(s=t.conf)==null?void 0:s.w)!=null?h:0,h:(f=(v=t.conf)==null?void 0:v.h)!=null?f:0},pixel:m.value,mode:t.mode}}))}catch(g){}};let p=null;return e.onMounted(()=>{e.nextTick(()=>{x(),y("registered");const{gridItem:o}=N();o&&typeof ResizeObserver!="undefined"&&(p=new ResizeObserver(()=>{x(),y("updated")}),p.observe(o))})}),e.onBeforeUnmount(()=>{p==null||p.disconnect(),p=null,y("unregistered")}),e.watch(()=>{var o,a,n,c,i;return[(o=t.conf)==null?void 0:o.x,(a=t.conf)==null?void 0:a.y,(n=t.conf)==null?void 0:n.w,(c=t.conf)==null?void 0:c.h,(i=t.conf)==null?void 0:i.options,t.mode]},()=>{e.nextTick(()=>{x(),y("updated")})},{deep:!0}),(o,a)=>{var n,c,i,u,s,h,v,f,g,w,C,E,k,B,R,I,V;return e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:S,class:"mix-placeholder",style:e.normalizeStyle({pointerEvents:l.mode==="edit"?"auto":void 0}),"data-placeholder-id":((n=l.conf)==null?void 0:n.id)||"","data-placeholder-name":_.value,"data-x":(i=(c=l.conf)==null?void 0:c.x)!=null?i:0,"data-y":(s=(u=l.conf)==null?void 0:u.y)!=null?s:0,"data-w":(v=(h=l.conf)==null?void 0:h.w)!=null?v:0,"data-h":(g=(f=l.conf)==null?void 0:f.h)!=null?g:0},[l.mode==="edit"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"mix-placeholder__frame mix-placeholder__frame--edit",style:e.normalizeStyle(F.value)},[d.value.showLabel?(e.openBlock(),e.createElementBlock("div",G,[e.createElementVNode("div",H,[a[0]||(a[0]=e.createElementVNode("span",{class:"mix-placeholder__tag"},"占位组件",-1)),b.value?(e.openBlock(),e.createElementBlock("span",J,e.toDisplayString(b.value),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",K,[e.createElementVNode("span",null,"x:"+e.toDisplayString((C=(w=l.conf)==null?void 0:w.x)!=null?C:0),1),e.createElementVNode("span",null,"y:"+e.toDisplayString((k=(E=l.conf)==null?void 0:E.y)!=null?k:0),1),e.createElementVNode("span",null,"w:"+e.toDisplayString((R=(B=l.conf)==null?void 0:B.w)!=null?R:0),1),e.createElementVNode("span",null,"h:"+e.toDisplayString((V=(I=l.conf)==null?void 0:I.h)!=null?V:0),1)]),m.value?(e.openBlock(),e.createElementBlock("div",Q,[e.createTextVNode(e.toDisplayString(m.value.width)+"px × "+e.toDisplayString(m.value.height)+"px ",1),e.createElementVNode("span",X,"@("+e.toDisplayString(m.value.left)+", "+e.toDisplayString(m.value.top)+")",1)])):e.createCommentVNode("",!0),d.value.description?(e.openBlock(),e.createElementBlock("div",Y,e.toDisplayString(d.value.description),1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],4)):d.value.showInPreview?(e.openBlock(),e.createElementBlock("div",{key:1,class:"mix-placeholder__frame mix-placeholder__frame--runtime",style:e.normalizeStyle(L.value)},[d.value.showLabel&&b.value?(e.openBlock(),e.createElementBlock("span",Z,e.toDisplayString(b.value),1)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},void 0,!0)],12,q)}}})),re=j._export_sfc(ne,[["__scopeId","data-v-d6ad7f4c"]]);exports.default=re;

package/dist/{placeholder-CLLNLxRC.js → placeholder-DI_zsp-O.js}

@@ -12,7 +12,7 @@ var $ = (o, e, r) => e in o ? q(o, e, { enumerable: !0, configurable: !0, writab
 }, D = (o, e) => G(o, H(e));
 import { defineComponent as Q, computed as w, ref as X, useTemplateRef as Y, onMounted as Z, nextTick as U, onBeforeUnmount as ee, watch as te, openBlock as h, createElementBlock as m, normalizeStyle as R, createElementVNode as p, toDisplayString as i, createCommentVNode as b, createTextVNode as oe, renderSlot as le } from "vue";
 import { A as ae, D as re } from "./ele-box-icon-Brlhb3oN.js";
-import { _ as de } from "./index-YNdVib_6.js";
+import { _ as de } from "./index-CqVPeq0-.js";
 const ne = ["data-placeholder-id", "data-placeholder-name", "data-x", "data-y", "data-w", "data-h"], ce = {
   key: 0,
   class: "mix-placeholder__label"