mixdashboards 1.0.71 → 1.0.73

package/dist/{bmp-DrVcnYxy.js → bmp-BnSOaFEr.js}

@@ -1,13 +1,13 @@
 var J = Object.defineProperty, Q = Object.defineProperties;
 var X = Object.getOwnPropertyDescriptors;
-var V = Object.getOwnPropertySymbols;
+var T = Object.getOwnPropertySymbols;
 var Y = Object.prototype.hasOwnProperty, ee = Object.prototype.propertyIsEnumerable;
-var T = (a, n, s) => n in a ? J(a, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[n] = s, L = (a, n) => {
+var V = (a, n, s) => n in a ? J(a, n, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[n] = s, L = (a, n) => {
   for (var s in n || (n = {}))
-    Y.call(n, s) && T(a, s, n[s]);
-  if (V)
-    for (var s of V(n))
-      ee.call(n, s) && T(a, s, n[s]);
+    Y.call(n, s) && V(a, s, n[s]);
+  if (T)
+    for (var s of T(n))
+      ee.call(n, s) && V(a, s, n[s]);
   return a;
 }, j = (a, n) => Q(a, X(n));
 var D = (a, n, s) => new Promise((g, m) => {
@@ -30,21 +30,22 @@ import { ElIcon as te } from "element-plus/es";
 import "element-plus/es/components/base/style/css";
 import "element-plus/es/components/icon/style/css";
 import { defineComponent as oe, getCurrentInstance as se, computed as R, reactive as ne, ref as w, openBlock as f, createElementBlock as y, normalizeStyle as $, unref as b, createElementVNode as i, toDisplayString as p, createVNode as N, withCtx as A, Fragment as ae, renderList as le, createBlock as ie, createCommentVNode as P, withModifiers as re, renderSlot as ce } from "vue";
-import { B as de } from "./BaseComponent-D5tlYehc.js";
-import { a as F, _ as ue } from "./index-Bdq33405.js";
+import { B as de } from "./BaseComponent-CBagahPU.js";
+import { a as F, _ as ue } from "./index-DwPJu6XM.js";
 import { g as pe } from "./titleStyle-BT5GlpAb.js";
 import { n as me, B as fe, M as ge, a as ve, w as _e } from "./no-image-icon-n2ZlEjxS.js";
 import { Close as he } from "@element-plus/icons-vue";
 import { A as ye, D as be } from "./ele-bmp-icon-Pdolk1J5.js";
-const ke = { class: "mix-body" }, Ce = { key: 0 }, Se = { class: "w-[80px] h-[80px]" }, xe = ["src"], Me = { class: "bdmap-base-info" }, we = { class: "flex" }, Ne = { class: "name" }, Oe = { class: "value" }, ze = { class: "flex" }, $e = { class: "name" }, Ae = { class: "value" }, Be = { class: "flex" }, Ee = { class: "name" }, Ie = { class: "value" }, Ve = {
+const ke = { class: "mix-body" }, Ce = { key: 0 }, Se = { class: "w-[80px] h-[80px]" }, xe = ["src"], Me = { class: "bdmap-base-info" }, we = { class: "flex" }, Ne = { class: "name" }, Oe = { class: "value" }, ze = { class: "flex" }, $e = { class: "name" }, Ae = { class: "value" }, Be = { class: "flex" }, Ee = { class: "name" }, Ie = { class: "value" }, Te = {
   key: 1,
   class: "w-[100%] h-[100%] p-[12px] text-[13px] text-[#999]"
-}, Te = {
+}, Ve = {
   DEFAULT_ICON: be,
   ACTIVE_ICON: ye,
   NAME_CN: "百度地图",
   NAME_EN: "Baidu Map",
-  ORDER: 2
+  ORDER: 2,
+  PLATFORM: ["pc", "screen", "mobile"]
 }, Le = {
   titleColor: "#111",
   bgColor: "#fff",
@@ -56,7 +57,7 @@ const ke = { class: "mix-body" }, Ce = { key: 0 }, Se = { class: "w-[80px] h-[80
 }, je = {
   baiduMapAk: ""
   // 百度地图AK，用户自行申请
-}, De = { DEFAULT: Te, OPTIONS: Le, COMMON: je }, Re = /* @__PURE__ */ oe(j(L({}, De), {
+}, De = { DEFAULT: Ve, OPTIONS: Le, COMMON: je }, Re = /* @__PURE__ */ oe(j(L({}, De), {
   __name: "bmp",
   props: {
     conf: { type: Object, default: () => ({ data: [] }) },
@@ -213,13 +214,13 @@ const ke = { class: "mix-body" }, Ce = { key: 0 }, Se = { class: "w-[80px] h-[80
               ]),
               _: 1
             }, 8, ["center", "zoom", "ak"])
-          ])) : (f(), y("div", Ve, p(t.$t("component.map.apiKeyRequired")), 1))
+          ])) : (f(), y("div", Te, p(t.$t("component.map.apiKeyRequired")), 1))
         ]),
         ce(t.$slots, "default", {}, void 0, !0)
       ], 4);
     };
   }
-})), Xe = /* @__PURE__ */ ue(Re, [["__scopeId", "data-v-7c9a461b"]]);
+})), Xe = /* @__PURE__ */ ue(Re, [["__scopeId", "data-v-d1ccdc00"]]);
 export {
   Xe as default
 };

package/dist/box-CKuGsh2k.cjs

@@ -0,0 +1 @@
+"use strict";var j=Object.defineProperty,H=Object.defineProperties;var G=Object.getOwnPropertyDescriptors;var A=Object.getOwnPropertySymbols;var Q=Object.prototype.hasOwnProperty,X=Object.prototype.propertyIsEnumerable;var D=(r,o,i)=>o in r?j(r,o,{enumerable:!0,configurable:!0,writable:!0,value:i}):r[o]=i,v=(r,o)=>{for(var i in o||(o={}))Q.call(o,i)&&D(r,i,o[i]);if(A)for(var i of A(o))X.call(o,i)&&D(r,i,o[i]);return r},C=(r,o)=>H(r,G(o));var M=(r,o,i)=>new Promise((E,h)=>{var N=p=>{try{g(i.next(p))}catch(x){h(x)}},b=p=>{try{g(i.throw(p))}catch(x){h(x)}},g=p=>p.done?E(p.value):Promise.resolve(p.value).then(N,b);g((i=i.apply(r,o)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/dialog/style/css");require("element-plus/es/components/collapse/style/css");require("element-plus/es/components/collapse-item/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/icon/style/css");const e=require("vue"),q=require("@element-plus/icons-vue"),Y=require("./BaseComponent-Chnv4fBT.cjs"),B=require("./index-DVqMfQVc.cjs"),P=require("./ele-box-icon-NZ0BTjhm.cjs"),Z=["onClick"],K=["onClick"],ee={key:1,class:"slot-placeholder"},te={key:2,class:"slot-actions"},oe={class:"component-selector"},ne={class:"component-grid"},le=["onClick"],ae={class:"comp-icon"},re=["src","alt"],ie={class:"comp-name"},ce={DEFAULT_ICON:P.DEFAULT_ICON,ACTIVE_ICON:P.ACTIVE_ICON,NAME_CN:"组合盒子",NAME_EN:"Box",ORDER:0,PLATFORM:["pc","screen","mobile"]},se={layoutType:{value:"horizontal",type:"select",label:"布局方式",options:[{label:"水平排列",value:"horizontal"},{label:"垂直排列",value:"vertical"},{label:"自由布局",value:"free"},{label:"网格布局",value:"grid"}]},slotCount:{value:2,type:"number",label:"插槽数量",min:1,max:12},gridCols:{value:2,type:"number",label:"网格列数",min:1,max:6},gap:{value:8,type:"number",label:"间距(px)",min:0,max:50},padding:{value:8,type:"number",label:"内边距(px)",min:0,max:50},backgroundColor:{value:"transparent",type:"color",label:"背景色"},borderWidth:{value:0,type:"number",label:"边框宽度",min:0,max:10},borderColor:{value:"#e5e7eb",type:"color",label:"边框颜色"},borderRadius:{value:4,type:"number",label:"圆角(px)",min:0,max:50},slotsConfig:{value:"[]",type:"textarea",label:"插槽配置(JSON)",placeholder:'[{"x":0,"y":0,"w":50,"h":100},{"x":50,"y":0,"w":50,"h":100}]'}},de=[],ue=[],pe=[],me={},ye={DEFAULT:ce,OPTIONS:se,DATA:de,PARAMS:ue,SOURCE:pe,COMMON:me},fe=e.defineComponent(C(v({},ye),{__name:"box",props:{conf:{type:Object,default:()=>({data:[],options:{}})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(r){const o=r,i=e.shallowRef({}),E=e.ref({}),h=e.ref(!1),N=e.ref([]),b=e.ref(-1),g=e.ref(-1);e.onMounted(()=>M(null,null,function*(){i.value=B.elements.loadComponents(),E.value=yield B.elements.getElementsMap()}));class p extends Y.BaseComponent{extractStyles(){return{layoutType:this.getOptionValue("layoutType","horizontal"),slotCount:this.getOptionValue("slotCount",2),gridCols:this.getOptionValue("gridCols",2),gap:this.getOptionValue("gap",8),padding:this.getOptionValue("padding",8),backgroundColor:this.getOptionValue("backgroundColor","transparent"),borderWidth:this.getOptionValue("borderWidth",0),borderColor:this.getOptionValue("borderColor","#e5e7eb"),borderRadius:this.getOptionValue("borderRadius",4),slotsConfig:this.getOptionValue("slotsConfig","[]")}}init(){this.Style.value=this.extractStyles(),this.applyTheme(),$()}}const x=new p(o,"box");x.setupLifecycle();const y=x.getStyle(),_=e.ref([]),$=()=>{var O,V,l,c,s,T,I,z;const t=((O=y.value)==null?void 0:O.slotCount)||2,n=((V=y.value)==null?void 0:V.layoutType)||"horizontal",a=((l=o.conf)==null?void 0:l.slots)||[];let u=[];try{const d=((c=y.value)==null?void 0:c.slotsConfig)||"[]";u=JSON.parse(d)}catch(d){u=[]}const k=[];for(let d=0;d<t;d++){const m=a[d],f=u[d];let w={x:0,y:0,w:100,h:100};n==="free"&&f?w={x:(s=f.x)!=null?s:0,y:(T=f.y)!=null?T:0,w:(I=f.w)!=null?I:50,h:(z=f.h)!=null?z:100}:n==="horizontal"?w={x:100/t*d,y:0,w:100/t,h:100}:n==="vertical"&&(w={x:0,y:100/t*d,w:100,h:100/t}),k.push(C(v({id:(m==null?void 0:m.id)||`slot-${Date.now()}-${d}`,name:(m==null?void 0:m.name)||(f==null?void 0:f.name)||`插槽 ${d+1}`},w),{component:(m==null?void 0:m.component)||null}))}_.value=k,o.conf&&(o.conf.slots=k)},R=e.computed(()=>{const t=y.value,n=(t==null?void 0:t.layoutType)||"horizontal",a={width:"100%",height:"100%",backgroundColor:(t==null?void 0:t.backgroundColor)||"transparent",borderWidth:`${(t==null?void 0:t.borderWidth)||0}px`,borderStyle:(t==null?void 0:t.borderWidth)>0?"solid":"none",borderColor:(t==null?void 0:t.borderColor)||"#e5e7eb",borderRadius:`${(t==null?void 0:t.borderRadius)||4}px`,padding:`${(t==null?void 0:t.padding)||8}px`,boxSizing:"border-box",overflow:"hidden"};return n==="horizontal"?C(v({},a),{display:"flex",flexDirection:"row",gap:`${(t==null?void 0:t.gap)||8}px`}):n==="vertical"?C(v({},a),{display:"flex",flexDirection:"column",gap:`${(t==null?void 0:t.gap)||8}px`}):n==="grid"?C(v({},a),{display:"grid",gridTemplateColumns:`repeat(${(t==null?void 0:t.gridCols)||2}, 1fr)`,gap:`${(t==null?void 0:t.gap)||8}px`}):C(v({},a),{position:"relative"})}),J=t=>{var a;const n=((a=y.value)==null?void 0:a.layoutType)||"horizontal";return n==="free"?{position:"absolute",left:`${t.x}%`,top:`${t.y}%`,width:`${t.w}%`,height:`${t.h}%`}:{flex:n==="horizontal"||n==="vertical"?1:void 0,minWidth:0,minHeight:0,overflow:"hidden"}},L=(t,n)=>{o.mode==="edit"&&(t.component||(b.value=n,h.value=!0))},F=(t,n)=>{var u;if(o.mode!=="edit"||!t.component)return;g.value=n;const a=new CustomEvent("box-component-selected",{bubbles:!0,detail:{component:t.component,boxId:(u=o.conf)==null?void 0:u.id,slotIndex:n}});document.dispatchEvent(a)},W=t=>{if(b.value<0)return;const a=B.elements.getAllExposedProps()[t.type]||{},u={id:`box-comp-${Date.now()}`,type:t.type,i:`box-comp-${Date.now()}`,x:0,y:0,w:1,h:1,options:JSON.parse(JSON.stringify(a.OPTIONS||{})),data:JSON.parse(JSON.stringify(a.DATA||[])),common:JSON.parse(JSON.stringify(a.COMMON||{}))};_.value[b.value].component=u,o.conf&&(o.conf.slots=_.value),h.value=!1,b.value=-1},U=t=>{_.value[t].component=null,o.conf&&(o.conf.slots=_.value)};return e.watch(()=>{var t,n,a;return[(t=y.value)==null?void 0:t.slotCount,(n=y.value)==null?void 0:n.layoutType,(a=y.value)==null?void 0:a.slotsConfig]},()=>{$()},{deep:!0}),(t,n)=>{const a=S.ElIcon,u=S.ElButton,k=S.ElCollapseItem,O=S.ElCollapse,V=S.ElDialog;return e.openBlock(),e.createElementBlock("div",{class:"box-container",style:e.normalizeStyle(R.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,(l,c)=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:e.normalizeClass(["box-slot",{"slot-empty":!l.component,"slot-hover":r.mode==="edit"&&!l.component}]),style:e.normalizeStyle(J(l)),onClick:e.withModifiers(s=>L(l,c),["stop"])},[l.component&&i.value[l.component.type]?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["slot-component-wrapper",{"slot-component-selected":r.mode==="edit"&&g.value===c}]),onClick:e.withModifiers(s=>F(l,c),["stop"])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value[l.component.type]),{conf:l.component,theme:r.theme,mode:r.mode,class:"slot-component"},null,8,["conf","theme","mode"]))],10,K)):r.mode==="edit"?(e.openBlock(),e.createElementBlock("div",ee,[e.createVNode(a,{size:24},{default:e.withCtx(()=>[e.createVNode(e.unref(q.Plus))]),_:1}),e.createElementVNode("span",null,e.toDisplayString(l.name||`插槽 ${c+1}`),1)])):e.createCommentVNode("",!0),r.mode==="edit"&&l.component?(e.openBlock(),e.createElementBlock("div",te,[e.createVNode(u,{type:"danger",size:"small",circle:"",onClick:e.withModifiers(s=>U(c),["stop"])},{default:e.withCtx(()=>[e.createVNode(a,null,{default:e.withCtx(()=>[e.createVNode(e.unref(q.Close))]),_:1})]),_:1},8,["onClick"])])):e.createCommentVNode("",!0)],14,Z))),128)),e.renderSlot(t.$slots,"default",{},void 0,!0),e.createVNode(V,{modelValue:h.value,"onUpdate:modelValue":n[1]||(n[1]=l=>h.value=l),title:"选择组件",width:"600px","append-to-body":!0,"close-on-click-modal":!0,"destroy-on-close":""},{default:e.withCtx(()=>[e.createElementVNode("div",oe,[e.createVNode(O,{modelValue:N.value,"onUpdate:modelValue":n[0]||(n[0]=l=>N.value=l)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(E.value,(l,c)=>(e.openBlock(),e.createBlock(k,{key:c,title:l.name,name:c},{default:e.withCtx(()=>[e.createElementVNode("div",ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.data,s=>(e.openBlock(),e.createElementBlock("div",{key:s.type,class:"component-item",onClick:T=>W(s)},[e.createElementVNode("div",ae,[e.createElementVNode("img",{src:s.default_icon,alt:s.name},null,8,re)]),e.createElementVNode("div",ie,e.toDisplayString(s.name),1)],8,le))),128))])]),_:2},1032,["title","name"]))),128))]),_:1},8,["modelValue"])])]),_:1},8,["modelValue"])],4)}}})),he=B._export_sfc(fe,[["__scopeId","data-v-61ed94fc"]]);exports.default=he;

package/dist/{box-szcLhted.js → box-DIHVOqrV.js}

@@ -1,29 +1,29 @@
 var ne = Object.defineProperty, le = Object.defineProperties;
 var ae = Object.getOwnPropertyDescriptors;
-var U = Object.getOwnPropertySymbols;
+var L = Object.getOwnPropertySymbols;
 var ie = Object.prototype.hasOwnProperty, re = Object.prototype.propertyIsEnumerable;
-var L = (a, o, i) => o in a ? ne(a, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : a[o] = i, b = (a, o) => {
+var U = (a, o, i) => o in a ? ne(a, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : a[o] = i, b = (a, o) => {
   for (var i in o || (o = {}))
-    ie.call(o, i) && L(a, i, o[i]);
-  if (U)
-    for (var i of U(o))
-      re.call(o, i) && L(a, i, o[i]);
+    ie.call(o, i) && U(a, i, o[i]);
+  if (L)
+    for (var i of L(o))
+      re.call(o, i) && U(a, i, o[i]);
   return a;
 }, g = (a, o) => le(a, ae(o));
 var F = (a, o, i) => new Promise((V, h) => {
-  var E = (p) => {
+  var T = (p) => {
     try {
       _(i.next(p));
-    } catch (S) {
-      h(S);
+    } catch (O) {
+      h(O);
     }
   }, x = (p) => {
     try {
       _(i.throw(p));
-    } catch (S) {
-      h(S);
+    } catch (O) {
+      h(O);
     }
-  }, _ = (p) => p.done ? V(p.value) : Promise.resolve(p.value).then(E, x);
+  }, _ = (p) => p.done ? V(p.value) : Promise.resolve(p.value).then(T, x);
   _((i = i.apply(a, o)).next());
 });
 import { ElIcon as se, ElButton as ce, ElDialog as de, ElCollapse as ue, ElCollapseItem as pe } from "element-plus/es";
@@ -33,24 +33,25 @@ import "element-plus/es/components/collapse/style/css";
 import "element-plus/es/components/collapse-item/style/css";
 import "element-plus/es/components/button/style/css";
 import "element-plus/es/components/icon/style/css";
-import { defineComponent as me, shallowRef as ye, ref as w, onMounted as fe, computed as ve, watch as he, openBlock as d, createElementBlock as y, normalizeStyle as j, Fragment as I, renderList as M, withModifiers as R, normalizeClass as H, createBlock as q, resolveDynamicComponent as be, createVNode as C, withCtx as k, unref as G, createElementVNode as $, toDisplayString as Q, createCommentVNode as X, renderSlot as ge } from "vue";
+import { defineComponent as me, shallowRef as fe, ref as w, onMounted as ye, computed as ve, watch as he, openBlock as d, createElementBlock as f, normalizeStyle as j, Fragment as I, renderList as M, withModifiers as R, normalizeClass as H, createBlock as q, resolveDynamicComponent as be, createVNode as C, withCtx as k, unref as G, createElementVNode as $, toDisplayString as Q, createCommentVNode as X, renderSlot as ge } from "vue";
 import { Plus as Ce, Close as xe } from "@element-plus/icons-vue";
-import { B as _e } from "./BaseComponent-D5tlYehc.js";
-import { v as P, _ as Se } from "./index-Bdq33405.js";
-import { A as Oe, D as we } from "./ele-box-icon-Brlhb3oN.js";
+import { B as _e } from "./BaseComponent-CBagahPU.js";
+import { v as P, _ as Oe } from "./index-DwPJu6XM.js";
+import { A as Se, D as we } from "./ele-box-icon-Brlhb3oN.js";
 const ke = ["onClick"], $e = ["onClick"], Ne = {
   key: 1,
   class: "slot-placeholder"
 }, Ve = {
   key: 2,
   class: "slot-actions"
-}, Ee = { class: "component-selector" }, Te = { class: "component-grid" }, ze = ["onClick"], De = { class: "comp-icon" }, Ae = ["src", "alt"], Ie = { class: "comp-name" }, Me = {
+}, Te = { class: "component-selector" }, Ee = { class: "component-grid" }, ze = ["onClick"], Ae = { class: "comp-icon" }, De = ["src", "alt"], Ie = { class: "comp-name" }, Me = {
   DEFAULT_ICON: we,
-  ACTIVE_ICON: Oe,
+  ACTIVE_ICON: Se,
   NAME_CN: "组合盒子",
   NAME_EN: "Box",
-  ORDER: 0
+  ORDER: 0,
   // 排在最前面
+  PLATFORM: ["pc", "screen", "mobile"]
 }, Re = {
   // 布局类型
   layoutType: {
@@ -85,7 +86,7 @@ const ke = ["onClick"], $e = ["onClick"], Ne = {
     label: "插槽配置(JSON)",
     placeholder: '[{"x":0,"y":0,"w":50,"h":100},{"x":50,"y":0,"w":50,"h":100}]'
   }
-}, Pe = [], Be = [], Je = [], We = {}, Ue = { DEFAULT: Me, OPTIONS: Re, DATA: Pe, PARAMS: Be, SOURCE: Je, COMMON: We }, Le = /* @__PURE__ */ me(g(b({}, Ue), {
+}, Pe = [], Be = [], Je = [], We = {}, Le = { DEFAULT: Me, OPTIONS: Re, DATA: Pe, PARAMS: Be, SOURCE: Je, COMMON: We }, Ue = /* @__PURE__ */ me(g(b({}, Le), {
   __name: "box",
   props: {
     conf: { type: Object, default: () => ({ data: [], options: {} }) },
@@ -94,8 +95,8 @@ const ke = ["onClick"], $e = ["onClick"], Ne = {
     theme: { type: String, default: "light" }
   },
   setup(a) {
-    const o = a, i = ye({}), V = w({}), h = w(!1), E = w([]), x = w(-1), _ = w(-1);
-    fe(() => F(null, null, function* () {
+    const o = a, i = fe({}), V = w({}), h = w(!1), T = w([]), x = w(-1), _ = w(-1);
+    ye(() => F(null, null, function* () {
       i.value = P.loadComponents(), V.value = yield P.getElementsMap();
     }));
     class p extends _e {
@@ -117,14 +118,14 @@ const ke = ["onClick"], $e = ["onClick"], Ne = {
         this.Style.value = this.extractStyles(), this.applyTheme(), B();
       }
     }
-    const S = new p(o, "box");
-    S.setupLifecycle();
-    const f = S.getStyle(), O = w([]), B = () => {
-      var T, z, n, r, s, A, J, W;
-      const e = ((T = f.value) == null ? void 0 : T.slotCount) || 2, t = ((z = f.value) == null ? void 0 : z.layoutType) || "horizontal", l = ((n = o.conf) == null ? void 0 : n.slots) || [];
+    const O = new p(o, "box");
+    O.setupLifecycle();
+    const y = O.getStyle(), S = w([]), B = () => {
+      var E, z, n, r, s, D, J, W;
+      const e = ((E = y.value) == null ? void 0 : E.slotCount) || 2, t = ((z = y.value) == null ? void 0 : z.layoutType) || "horizontal", l = ((n = o.conf) == null ? void 0 : n.slots) || [];
       let u = [];
       try {
-        const c = ((r = f.value) == null ? void 0 : r.slotsConfig) || "[]";
+        const c = ((r = y.value) == null ? void 0 : r.slotsConfig) || "[]";
         u = JSON.parse(c);
       } catch (c) {
         u = [];
@@ -132,18 +133,18 @@ const ke = ["onClick"], $e = ["onClick"], Ne = {
       const N = [];
       for (let c = 0; c < e; c++) {
         const m = l[c], v = u[c];
-        let D = { x: 0, y: 0, w: 100, h: 100 };
-        t === "free" && v ? D = {
+        let A = { x: 0, y: 0, w: 100, h: 100 };
+        t === "free" && v ? A = {
           x: (s = v.x) != null ? s : 0,
-          y: (A = v.y) != null ? A : 0,
+          y: (D = v.y) != null ? D : 0,
           w: (J = v.w) != null ? J : 50,
           h: (W = v.h) != null ? W : 100
-        } : t === "horizontal" ? D = {
+        } : t === "horizontal" ? A = {
           x: 100 / e * c,
           y: 0,
           w: 100 / e,
           h: 100
-        } : t === "vertical" && (D = {
+        } : t === "vertical" && (A = {
           x: 0,
           y: 100 / e * c,
           w: 100,
@@ -151,13 +152,13 @@ const ke = ["onClick"], $e = ["onClick"], Ne = {
         }), N.push(g(b({
           id: (m == null ? void 0 : m.id) || `slot-${Date.now()}-${c}`,
           name: (m == null ? void 0 : m.name) || (v == null ? void 0 : v.name) || `插槽 ${c + 1}`
-        }, D), {
+        }, A), {
           component: (m == null ? void 0 : m.component) || null
         }));
       }
-      O.value = N, o.conf && (o.conf.slots = N);
+      S.value = N, o.conf && (o.conf.slots = N);
     }, Y = ve(() => {
-      const e = f.value, t = (e == null ? void 0 : e.layoutType) || "horizontal", l = {
+      const e = y.value, t = (e == null ? void 0 : e.layoutType) || "horizontal", l = {
         width: "100%",
         height: "100%",
         backgroundColor: (e == null ? void 0 : e.backgroundColor) || "transparent",
@@ -186,7 +187,7 @@ const ke = ["onClick"], $e = ["onClick"], Ne = {
       });
     }), Z = (e) => {
       var l;
-      const t = ((l = f.value) == null ? void 0 : l.layoutType) || "horizontal";
+      const t = ((l = y.value) == null ? void 0 : l.layoutType) || "horizontal";
       return t === "free" ? {
         position: "absolute",
         left: `${e.x}%`,
@@ -228,26 +229,26 @@ const ke = ["onClick"], $e = ["onClick"], Ne = {
         data: JSON.parse(JSON.stringify(l.DATA || [])),
         common: JSON.parse(JSON.stringify(l.COMMON || {}))
       };
-      O.value[x.value].component = u, o.conf && (o.conf.slots = O.value), h.value = !1, x.value = -1;
+      S.value[x.value].component = u, o.conf && (o.conf.slots = S.value), h.value = !1, x.value = -1;
     }, te = (e) => {
-      O.value[e].component = null, o.conf && (o.conf.slots = O.value);
+      S.value[e].component = null, o.conf && (o.conf.slots = S.value);
     };
     return he(
       () => {
         var e, t, l;
-        return [(e = f.value) == null ? void 0 : e.slotCount, (t = f.value) == null ? void 0 : t.layoutType, (l = f.value) == null ? void 0 : l.slotsConfig];
+        return [(e = y.value) == null ? void 0 : e.slotCount, (t = y.value) == null ? void 0 : t.layoutType, (l = y.value) == null ? void 0 : l.slotsConfig];
       },
       () => {
         B();
       },
       { deep: !0 }
     ), (e, t) => {
-      const l = se, u = ce, N = pe, T = ue, z = de;
-      return d(), y("div", {
+      const l = se, u = ce, N = pe, E = ue, z = de;
+      return d(), f("div", {
         class: "box-container",
         style: j(Y.value)
       }, [
-        (d(!0), y(I, null, M(O.value, (n, r) => (d(), y("div", {
+        (d(!0), f(I, null, M(S.value, (n, r) => (d(), f("div", {
           key: n.id,
           class: H(["box-slot", {
             "slot-empty": !n.component,
@@ -256,7 +257,7 @@ const ke = ["onClick"], $e = ["onClick"], Ne = {
           style: j(Z(n)),
           onClick: R((s) => K(n, r), ["stop"])
         }, [
-          n.component && i.value[n.component.type] ? (d(), y("div", {
+          n.component && i.value[n.component.type] ? (d(), f("div", {
             key: 0,
             class: H(["slot-component-wrapper", { "slot-component-selected": a.mode === "edit" && _.value === r }]),
             onClick: R((s) => ee(n, r), ["stop"])
@@ -267,7 +268,7 @@ const ke = ["onClick"], $e = ["onClick"], Ne = {
               mode: a.mode,
               class: "slot-component"
             }, null, 8, ["conf", "theme", "mode"]))
-          ], 10, $e)) : a.mode === "edit" ? (d(), y("div", Ne, [
+          ], 10, $e)) : a.mode === "edit" ? (d(), f("div", Ne, [
             C(l, { size: 24 }, {
               default: k(() => [
                 C(G(Ce))
@@ -276,7 +277,7 @@ const ke = ["onClick"], $e = ["onClick"], Ne = {
             }),
             $("span", null, Q(n.name || `插槽 ${r + 1}`), 1)
           ])) : X("", !0),
-          a.mode === "edit" && n.component ? (d(), y("div", Ve, [
+          a.mode === "edit" && n.component ? (d(), f("div", Ve, [
             C(u, {
               type: "danger",
               size: "small",
@@ -306,29 +307,29 @@ const ke = ["onClick"], $e = ["onClick"], Ne = {
           "destroy-on-close": ""
         }, {
           default: k(() => [
-            $("div", Ee, [
-              C(T, {
-                modelValue: E.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (n) => E.value = n)
+            $("div", Te, [
+              C(E, {
+                modelValue: T.value,
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => T.value = n)
               }, {
                 default: k(() => [
-                  (d(!0), y(I, null, M(V.value, (n, r) => (d(), q(N, {
+                  (d(!0), f(I, null, M(V.value, (n, r) => (d(), q(N, {
                     key: r,
                     title: n.name,
                     name: r
                   }, {
                     default: k(() => [
-                      $("div", Te, [
-                        (d(!0), y(I, null, M(n.data, (s) => (d(), y("div", {
+                      $("div", Ee, [
+                        (d(!0), f(I, null, M(n.data, (s) => (d(), f("div", {
                           key: s.type,
                           class: "component-item",
-                          onClick: (A) => oe(s)
+                          onClick: (D) => oe(s)
                         }, [
-                          $("div", De, [
+                          $("div", Ae, [
                             $("img", {
                               src: s.default_icon,
                               alt: s.name
-                            }, null, 8, Ae)
+                            }, null, 8, De)
                           ]),
                           $("div", Ie, Q(s.name), 1)
                         ], 8, ze))), 128))
@@ -346,7 +347,7 @@ const ke = ["onClick"], $e = ["onClick"], Ne = {
       ], 4);
     };
   }
-})), no = /* @__PURE__ */ Se(Le, [["__scopeId", "data-v-1c0a6918"]]);
+})), no = /* @__PURE__ */ Oe(Ue, [["__scopeId", "data-v-61ed94fc"]]);
 export {
   no as default
 };

package/dist/chartConfigPanel-BVdVXbs6.cjs

@@ -0,0 +1 @@
+"use strict";var se=Object.defineProperty,re=Object.defineProperties;var ie=Object.getOwnPropertyDescriptors;var G=Object.getOwnPropertySymbols;var ce=Object.prototype.hasOwnProperty,de=Object.prototype.propertyIsEnumerable;var Q=(c,a,r)=>a in c?se(c,a,{enumerable:!0,configurable:!0,writable:!0,value:r}):c[a]=r,q=(c,a)=>{for(var r in a||(a={}))ce.call(a,r)&&Q(c,r,a[r]);if(G)for(var r of G(a))de.call(a,r)&&Q(c,r,a[r]);return c},R=(c,a)=>re(c,ie(a));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("element-plus/es");require("element-plus/es/components/base/style/css");require("element-plus/es/components/input/style/css");require("element-plus/es/components/radio-group/style/css");require("element-plus/es/components/radio/style/css");require("element-plus/es/components/checkbox-group/style/css");require("element-plus/es/components/button/style/css");require("element-plus/es/components/icon/style/css");require("element-plus/es/components/checkbox/style/css");require("element-plus/es/components/date-picker/style/css");const e=require("vue"),X=require("@element-plus/icons-vue"),b=require("./index-DVqMfQVc.cjs"),H=require("./ele-ctrSet-icon-DCsPO0tL.cjs"),ue={class:"chart-config-panel"},pe={key:0,class:"config-section"},ve={class:"section-header"},me={class:"section-title"},fe={class:"granularity-switch"},ge={class:"quick-range"},Ve=["onClick"],Ce={class:"date-inputs"},ye={key:1,class:"config-section"},Ne={class:"section-header"},be={class:"section-title"},ke={class:"time-list-actions"},_e={class:"selected-count"},Ee={class:"time-list"},he={key:2,class:"config-section"},De={class:"section-title"},xe={key:3,class:"config-section"},Ye={class:"section-title"},Se={class:"direction-tabs"},Be=["onClick"],Me={key:4,class:"config-section"},we={class:"section-title"},Te={class:"range-inputs"},Ie={key:5,class:"config-section"},qe={class:"section-title"},Re={class:"range-inputs"},Ae={key:6,class:"config-section"},Oe={class:"section-title"},Ue={class:"function-options"},Pe={key:7,class:"config-section"},Fe={DEFAULT_ICON:H.DEFAULT_ICON,ACTIVE_ICON:H.ACTIVE_ICON,NAME_CN:"图表配置面板",NAME_EN:"Chart Config Panel",ORDER:14,PLATFORM:["pc","screen"]},Le={bindId:{value:"",type:"string",label:"component.deepDisplacement.bindId"},bgColor:{value:"#ffffff",type:"color",label:"component.options.bgColor"},textColor:{value:"#333333",type:"color",label:"component.options.textColor"},accentColor:{value:"#409eff",type:"color",label:"component.options.accentColor"},borderColor:{value:"#e5e5e5",type:"color",label:"component.options.borderColor"}},ze=[{type:"timeRange",label:"时间段",targetId:""},{type:"timeList",label:"采集时间列表",targetId:""},{type:"direction",label:"位移方向",targetId:""},{type:"dispSwitch",label:"累计/相对切换",targetId:""}],je=["type","label","targetId"],$e=[],Ge={useAlias:!1,multiObject:!1,source:""},Qe={DEFAULT:Fe,OPTIONS:Le,DATA:ze,PARAMS:je,SOURCE:$e,COMMON:Ge},Xe=e.defineComponent(R(q({},Qe),{__name:"chartConfigPanel",props:{conf:{type:Object,default:()=>({})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(c){e.useCssVars(l=>({v7cc69559:y.value.bgColor,v520c1f5c:y.value.borderColor,v07166a9e:y.value.textColor,v66046274:y.value.accentColor}));const a=b.useLinkStore(),r=c,y=e.computed(()=>{var t,i,n,u,g;const{options:l}=r.conf||{};return{bindId:((t=l==null?void 0:l.bindId)==null?void 0:t.value)||"",bgColor:((i=l==null?void 0:l.bgColor)==null?void 0:i.value)||"#ffffff",textColor:((n=l==null?void 0:l.textColor)==null?void 0:n.value)||"#333333",accentColor:((u=l==null?void 0:l.accentColor)==null?void 0:u.value)||"#409eff",borderColor:((g=l==null?void 0:l.borderColor)==null?void 0:g.value)||"#e5e5e5"}}),A=e.computed(()=>{var l;return((l=r.conf)==null?void 0:l.data)||[]}),O=e.computed(()=>y.value.bindId||r.uid||""),k=e.ref("day"),U=e.ref("week"),p=e.ref(""),f=e.ref(""),J=[{label:"近7天",value:"week"},{label:"近30天",value:"month"},{label:"近90天",value:"quarter"}],_=e.ref([]),v=e.ref([]),N=e.ref(!0),Y=e.ref("relative"),S=e.ref("total"),K=[{label:"合",value:"total"},{label:"X轴",value:"x"},{label:"Y轴",value:"y"}],B=e.ref(""),M=e.ref(""),w=e.ref(""),T=e.ref(""),E=e.ref(!0),h=e.ref(!0),P=()=>({granularity:k.value,startDate:p.value,endDate:f.value,selectedTimes:v.value,chartType:Y.value,direction:S.value,dispRange:{min:parseFloat(B.value)||null,max:parseFloat(M.value)||null},relativeDispRange:{min:parseFloat(w.value)||null,max:parseFloat(T.value)||null},showDisp:E.value,showRelativeDisp:h.value}),d=()=>{const l=P(),t=A.value,i=O.value;i&&(console.log("[ConfigPanel] 广播配置 (uid):",i,l),a.publish("deepDisplacement","chartConfigPanel",{objectId:i,type:"config",fv:l})),t.forEach(n=>{const u=n.targetId;u&&(n.type==="dispSwitch"?u.split(",").map(V=>V.trim()).forEach((V,C)=>{if(!V)return;const I=C===0?E.value:h.value;a.publish("deepDisplacement","chartConfigPanel",{objectId:V,type:"bindConfig",fv:R(q({},l),{visible:I})})}):a.publish("deepDisplacement","chartConfigPanel",{objectId:u,type:"bindConfig",fv:l}))})},F=l=>{k.value=l,d()},L=l=>{U.value=l;const t=b.dayjs();f.value=t.format("YYYY-MM-DD"),l==="week"?p.value=t.subtract(7,"day").format("YYYY-MM-DD"):l==="month"?p.value=t.subtract(30,"day").format("YYYY-MM-DD"):l==="quarter"&&(p.value=t.subtract(90,"day").format("YYYY-MM-DD")),j(),d()},z=()=>{p.value&&f.value&&(j(),d())},j=()=>{const l=b.dayjs(p.value),t=b.dayjs(f.value),i=[];let n=t;for(;n.isAfter(l)||n.isSame(l);)i.push(n.format("YYYY-MM-DD")),n=n.subtract(1,"day");_.value=i,v.value=[...i],N.value=!0},W=l=>{v.value=l?[..._.value]:[],d()},Z=()=>{v.value=[],N.value=!1,d()},ee=()=>{N.value=v.value.length===_.value.length,d()},te=()=>{d()},le=l=>{S.value=l,d()},D=()=>{d()},$=()=>{d()},oe=()=>{const l=O.value;l&&a.publish("deepDisplacement",{objectId:l,type:"export",fv:{type:"chart",config:P()},source:"chartConfigPanel"})};return e.onMounted(()=>{L("week"),setTimeout(d,300)}),(l,t)=>{const i=m.ElDatePicker,n=m.ElCheckbox,u=m.ElIcon,g=m.ElButton,V=m.ElCheckboxGroup,C=m.ElRadio,I=m.ElRadioGroup,x=m.ElInput;return e.openBlock(),e.createElementBlock("div",ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(A.value,(s,ae)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:ae},[s.type==="timeRange"?(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("div",ve,[e.createElementVNode("span",me,e.toDisplayString(s.label||"时间段"),1),e.createElementVNode("div",fe,[e.createElementVNode("span",{class:e.normalizeClass(["switch-item",{active:k.value==="day"}]),onClick:t[0]||(t[0]=o=>F("day"))},"日均",2),e.createElementVNode("span",{class:e.normalizeClass(["switch-item",{active:k.value==="hour"}]),onClick:t[1]||(t[1]=o=>F("hour"))},"小时",2)])]),e.createElementVNode("div",ge,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(J,o=>e.createElementVNode("span",{key:o.value,class:e.normalizeClass(["range-item",{active:U.value===o.value}]),onClick:ne=>L(o.value)},e.toDisplayString(o.label),11,Ve)),64))]),e.createElementVNode("div",Ce,[e.createVNode(i,{modelValue:p.value,"onUpdate:modelValue":t[2]||(t[2]=o=>p.value=o),type:"date",placeholder:"开始日期",format:"YYYY-MM-DD","value-format":"YYYY-MM-DD",size:"small",class:"date-picker",onChange:z},null,8,["modelValue"]),e.createVNode(i,{modelValue:f.value,"onUpdate:modelValue":t[3]||(t[3]=o=>f.value=o),type:"date",placeholder:"结束日期",format:"YYYY-MM-DD","value-format":"YYYY-MM-DD",size:"small",class:"date-picker",onChange:z},null,8,["modelValue"])])])):s.type==="timeList"?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("div",Ne,[e.createElementVNode("span",be,e.toDisplayString(s.label||"采集时间列表"),1)]),e.createElementVNode("div",ke,[e.createVNode(n,{modelValue:N.value,"onUpdate:modelValue":t[4]||(t[4]=o=>N.value=o),onChange:W},{default:e.withCtx(()=>[...t[13]||(t[13]=[e.createTextVNode("全选",-1)])]),_:1},8,["modelValue"]),e.createVNode(g,{size:"small",text:"",onClick:Z},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(e.unref(X.Delete))]),_:1}),t[14]||(t[14]=e.createTextVNode("清空",-1))]),_:1}),e.createElementVNode("span",_e,[t[15]||(t[15]=e.createTextVNode("已选 ",-1)),e.createElementVNode("em",null,e.toDisplayString(v.value.length),1),t[16]||(t[16]=e.createTextVNode(" 项",-1))])]),e.createElementVNode("div",Ee,[e.createVNode(V,{modelValue:v.value,"onUpdate:modelValue":t[5]||(t[5]=o=>v.value=o),onChange:ee},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(_.value,o=>(e.openBlock(),e.createBlock(n,{key:o,value:o,class:"time-checkbox"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o),1)]),_:2},1032,["value"]))),128))]),_:1},8,["modelValue"])])])):s.type==="chartType"?(e.openBlock(),e.createElementBlock("div",he,[e.createElementVNode("div",De,e.toDisplayString(s.label||"图类型"),1),e.createVNode(I,{modelValue:Y.value,"onUpdate:modelValue":t[6]||(t[6]=o=>Y.value=o),class:"chart-type-group",onChange:te},{default:e.withCtx(()=>[e.createVNode(C,{value:"relative"},{default:e.withCtx(()=>[...t[17]||(t[17]=[e.createTextVNode("相对位移",-1)])]),_:1}),e.createVNode(C,{value:"cluster"},{default:e.withCtx(()=>[...t[18]||(t[18]=[e.createTextVNode("滑面聚类判识",-1)])]),_:1}),e.createVNode(C,{value:"borehole"},{default:e.withCtx(()=>[...t[19]||(t[19]=[e.createTextVNode("钻孔柱状图",-1)])]),_:1}),e.createVNode(C,{value:"sensor"},{default:e.withCtx(()=>[...t[20]||(t[20]=[e.createTextVNode("传感器分布图",-1)])]),_:1})]),_:1},8,["modelValue"])])):s.type==="direction"?(e.openBlock(),e.createElementBlock("div",xe,[e.createElementVNode("div",Ye,e.toDisplayString(s.label||"位移方向"),1),e.createElementVNode("div",Se,[(e.openBlock(),e.createElementBlock(e.Fragment,null,e.renderList(K,o=>e.createElementVNode("span",{key:o.value,class:e.normalizeClass(["direction-item",{active:S.value===o.value}]),onClick:ne=>le(o.value)},e.toDisplayString(o.label),11,Be)),64))])])):s.type==="dispRange"?(e.openBlock(),e.createElementBlock("div",Me,[e.createElementVNode("div",we,e.toDisplayString(s.label||"累计位移区间"),1),e.createElementVNode("div",Te,[e.createVNode(x,{modelValue:B.value,"onUpdate:modelValue":t[7]||(t[7]=o=>B.value=o),size:"small",placeholder:"最小值",class:"range-input",onChange:D},null,8,["modelValue"]),t[21]||(t[21]=e.createElementVNode("span",{class:"range-sep"},"~",-1)),e.createVNode(x,{modelValue:M.value,"onUpdate:modelValue":t[8]||(t[8]=o=>M.value=o),size:"small",placeholder:"最大值",class:"range-input",onChange:D},null,8,["modelValue"]),t[22]||(t[22]=e.createElementVNode("span",{class:"range-unit"},"mm",-1))])])):s.type==="relativeDispRange"?(e.openBlock(),e.createElementBlock("div",Ie,[e.createElementVNode("div",qe,e.toDisplayString(s.label||"相对位移区间"),1),e.createElementVNode("div",Re,[e.createVNode(x,{modelValue:w.value,"onUpdate:modelValue":t[9]||(t[9]=o=>w.value=o),size:"small",placeholder:"最小值",class:"range-input",onChange:D},null,8,["modelValue"]),t[23]||(t[23]=e.createElementVNode("span",{class:"range-sep"},"~",-1)),e.createVNode(x,{modelValue:T.value,"onUpdate:modelValue":t[10]||(t[10]=o=>T.value=o),size:"small",placeholder:"最大值",class:"range-input",onChange:D},null,8,["modelValue"]),t[24]||(t[24]=e.createElementVNode("span",{class:"range-unit"},"mm",-1))])])):s.type==="dispSwitch"?(e.openBlock(),e.createElementBlock("div",Ae,[e.createElementVNode("div",Oe,e.toDisplayString(s.label||"功能"),1),e.createElementVNode("div",Ue,[e.createVNode(n,{modelValue:E.value,"onUpdate:modelValue":t[11]||(t[11]=o=>E.value=o),onChange:$},{default:e.withCtx(()=>[...t[25]||(t[25]=[e.createTextVNode("累计位移",-1)])]),_:1},8,["modelValue"]),e.createVNode(n,{modelValue:h.value,"onUpdate:modelValue":t[12]||(t[12]=o=>h.value=o),onChange:$},{default:e.withCtx(()=>[...t[26]||(t[26]=[e.createTextVNode("相对位移",-1)])]),_:1},8,["modelValue"])])])):s.type==="export"?(e.openBlock(),e.createElementBlock("div",Pe,[e.createVNode(g,{size:"small",onClick:oe,class:"export-btn"},{default:e.withCtx(()=>[e.createVNode(u,null,{default:e.withCtx(()=>[e.createVNode(e.unref(X.Upload))]),_:1}),e.createTextVNode(e.toDisplayString(s.label||"导出图"),1)]),_:2},1024)])):e.createCommentVNode("",!0)],64))),128)),e.renderSlot(l.$slots,"default",{},void 0,!0)])}}})),He=b._export_sfc(Xe,[["__scopeId","data-v-8b0e3d68"]]);exports.default=He;