mixdashboards 1.0.32 → 1.0.39

package/dist/box-DqewT3MF.js

@@ -0,0 +1,352 @@
+var le = Object.defineProperty, ae = Object.defineProperties;
+var ie = Object.getOwnPropertyDescriptors;
+var U = Object.getOwnPropertySymbols;
+var re = Object.prototype.hasOwnProperty, se = Object.prototype.propertyIsEnumerable;
+var W = (l, o, a) => o in l ? le(l, o, { enumerable: !0, configurable: !0, writable: !0, value: a }) : l[o] = a, y = (l, o) => {
+  for (var a in o || (o = {}))
+    re.call(o, a) && W(l, a, o[a]);
+  if (U)
+    for (var a of U(o))
+      se.call(o, a) && W(l, a, o[a]);
+  return l;
+}, C = (l, o) => ae(l, ie(o));
+var Z = (l, o, a) => new Promise((T, f) => {
+  var V = (p) => {
+    try {
+      w(a.next(p));
+    } catch ($) {
+      f($);
+    }
+  }, b = (p) => {
+    try {
+      w(a.throw(p));
+    } catch ($) {
+      f($);
+    }
+  }, w = (p) => p.done ? T(p.value) : Promise.resolve(p.value).then(V, b);
+  w((a = a.apply(l, o)).next());
+});
+import { ElIcon as ce, ElButton as de, ElDialog as pe, ElCollapse as ue, ElCollapseItem as me } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/dialog/style/css";
+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 he, shallowRef as ve, ref as k, onMounted as ge, computed as fe, watch as ye, openBlock as d, createElementBlock as m, normalizeStyle as j, Fragment as D, renderList as A, withModifiers as I, normalizeClass as H, createBlock as q, resolveDynamicComponent as Ce, createVNode as x, withCtx as S, unref as G, createElementVNode as O, toDisplayString as Q, createCommentVNode as X, renderSlot as xe } from "vue";
+import { Plus as be, Close as we } from "@element-plus/icons-vue";
+import { B as _e } from "./element-resize-detector-DJcsrJ8s.js";
+import { h as F, _ as ke } from "./index-kShjySl9.js";
+const Se = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='17px'%20viewBox='0%200%2016%2017'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e组合盒子%3c/title%3e%3cg%20id='box-icon'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20transform='translate(0.000000,%200.500000)'%20fill='%23333333'%20fill-rule='nonzero'%3e%3c!--%20外框%20--%3e%3cpath%20d='M14,0%20C15.1045695,0%2016,0.8954305%2016,2%20L16,14%20C16,15.1045695%2015.1045695,16%2014,16%20L2,16%20C0.8954305,16%200,15.1045695%200,14%20L0,2%20C0,0.8954305%200.8954305,0%202,0%20L14,0%20Z%20M14,1.2%20L2,1.2%20C1.55817,1.2%201.2,1.55817%201.2,2%20L1.2,14%20C1.2,14.44183%201.55817,14.8%202,14.8%20L14,14.8%20C14.44183,14.8%2014.8,14.44183%2014.8,14%20L14.8,2%20C14.8,1.55817%2014.44183,1.2%2014,1.2%20Z'/%3e%3c!--%20左侧插槽%20--%3e%3crect%20x='2.5'%20y='2.5'%20width='4.5'%20height='11'%20rx='0.5'/%3e%3c!--%20右侧插槽%20--%3e%3crect%20x='9'%20y='2.5'%20width='4.5'%20height='11'%20rx='0.5'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e", Oe = "data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='17px'%20viewBox='0%200%2016%2017'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e组合盒子%3c/title%3e%3cg%20id='box-icon-active'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20transform='translate(0.000000,%200.500000)'%20fill='%23FFFFFF'%20fill-rule='nonzero'%3e%3c!--%20外框%20--%3e%3cpath%20d='M14,0%20C15.1045695,0%2016,0.8954305%2016,2%20L16,14%20C16,15.1045695%2015.1045695,16%2014,16%20L2,16%20C0.8954305,16%200,15.1045695%200,14%20L0,2%20C0,0.8954305%200.8954305,0%202,0%20L14,0%20Z%20M14,1.2%20L2,1.2%20C1.55817,1.2%201.2,1.55817%201.2,2%20L1.2,14%20C1.2,14.44183%201.55817,14.8%202,14.8%20L14,14.8%20C14.44183,14.8%2014.8,14.44183%2014.8,14%20L14.8,2%20C14.8,1.55817%2014.44183,1.2%2014,1.2%20Z'/%3e%3c!--%20左侧插槽%20--%3e%3crect%20x='2.5'%20y='2.5'%20width='4.5'%20height='11'%20rx='0.5'/%3e%3c!--%20右侧插槽%20--%3e%3crect%20x='9'%20y='2.5'%20width='4.5'%20height='11'%20rx='0.5'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e", $e = ["onClick"], Ne = ["onClick"], Te = {
+  key: 1,
+  class: "slot-placeholder"
+}, Ve = {
+  key: 2,
+  class: "slot-actions"
+}, Le = { class: "component-selector" }, Ee = { class: "component-grid" }, ze = ["onClick"], Me = { class: "comp-icon" }, De = ["src", "alt"], Ae = { class: "comp-name" }, Ie = {
+  DEFAULT_ICON: Se,
+  ACTIVE_ICON: Oe,
+  NAME_CN: "组合盒子",
+  NAME_EN: "Box",
+  ORDER: 0
+  // 排在最前面
+}, Fe = {
+  // 布局类型
+  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 },
+  // 插槽配置（JSON格式，用于自由布局）
+  slotsConfig: {
+    value: "[]",
+    type: "textarea",
+    label: "插槽配置(JSON)",
+    placeholder: '[{"x":0,"y":0,"w":50,"h":100},{"x":50,"y":0,"w":50,"h":100}]'
+  }
+}, Be = [], Re = [], Je = [], Pe = {}, Ue = { DEFAULT: Ie, OPTIONS: Fe, DATA: Be, PARAMS: Re, SOURCE: Je, COMMON: Pe }, We = /* @__PURE__ */ he(C(y({}, Ue), {
+  __name: "box",
+  props: {
+    conf: { type: Object, default: () => ({ data: [], options: {} }) },
+    mode: { type: String, default: "edit" },
+    uid: { type: String, default: "" },
+    theme: { type: String, default: "light" }
+  },
+  setup(l) {
+    const o = l, a = ve({}), T = k({}), f = k(!1), V = k([]), b = k(-1), w = k(-1);
+    let p = {};
+    ge(() => Z(null, null, function* () {
+      a.value = yield F.loadComponents(), T.value = yield F.getElementsMap(), p = yield F.getAllExposedProps();
+    }));
+    class $ extends _e {
+      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(), R();
+      }
+    }
+    const B = new $(o, "box");
+    B.setupLifecycle();
+    const h = B.getStyle(), _ = k([]), R = () => {
+      var L, E, n, r, s, M, J, P;
+      const e = ((L = h.value) == null ? void 0 : L.slotCount) || 2, t = ((E = h.value) == null ? void 0 : E.layoutType) || "horizontal", i = ((n = o.conf) == null ? void 0 : n.slots) || [];
+      let v = [];
+      try {
+        const c = ((r = h.value) == null ? void 0 : r.slotsConfig) || "[]";
+        v = JSON.parse(c);
+      } catch (c) {
+        v = [];
+      }
+      const N = [];
+      for (let c = 0; c < e; c++) {
+        const u = i[c], g = v[c];
+        let z = { x: 0, y: 0, w: 100, h: 100 };
+        t === "free" && g ? z = {
+          x: (s = g.x) != null ? s : 0,
+          y: (M = g.y) != null ? M : 0,
+          w: (J = g.w) != null ? J : 50,
+          h: (P = g.h) != null ? P : 100
+        } : t === "horizontal" ? z = {
+          x: 100 / e * c,
+          y: 0,
+          w: 100 / e,
+          h: 100
+        } : t === "vertical" && (z = {
+          x: 0,
+          y: 100 / e * c,
+          w: 100,
+          h: 100 / e
+        }), N.push(C(y({
+          id: (u == null ? void 0 : u.id) || `slot-${Date.now()}-${c}`,
+          name: (u == null ? void 0 : u.name) || (g == null ? void 0 : g.name) || `插槽 ${c + 1}`
+        }, z), {
+          component: (u == null ? void 0 : u.component) || null
+        }));
+      }
+      _.value = N, o.conf && (o.conf.slots = N);
+    }, Y = fe(() => {
+      const e = h.value, t = (e == null ? void 0 : e.layoutType) || "horizontal", i = {
+        width: "100%",
+        height: "100%",
+        backgroundColor: (e == null ? void 0 : e.backgroundColor) || "transparent",
+        borderWidth: `${(e == null ? void 0 : e.borderWidth) || 0}px`,
+        borderStyle: (e == null ? void 0 : e.borderWidth) > 0 ? "solid" : "none",
+        borderColor: (e == null ? void 0 : e.borderColor) || "#e5e7eb",
+        borderRadius: `${(e == null ? void 0 : e.borderRadius) || 4}px`,
+        padding: `${(e == null ? void 0 : e.padding) || 8}px`,
+        boxSizing: "border-box",
+        overflow: "hidden"
+      };
+      return t === "horizontal" ? C(y({}, i), {
+        display: "flex",
+        flexDirection: "row",
+        gap: `${(e == null ? void 0 : e.gap) || 8}px`
+      }) : t === "vertical" ? C(y({}, i), {
+        display: "flex",
+        flexDirection: "column",
+        gap: `${(e == null ? void 0 : e.gap) || 8}px`
+      }) : t === "grid" ? C(y({}, i), {
+        display: "grid",
+        gridTemplateColumns: `repeat(${(e == null ? void 0 : e.gridCols) || 2}, 1fr)`,
+        gap: `${(e == null ? void 0 : e.gap) || 8}px`
+      }) : C(y({}, i), {
+        position: "relative"
+      });
+    }), K = (e) => {
+      var i;
+      const t = ((i = h.value) == null ? void 0 : i.layoutType) || "horizontal";
+      return t === "free" ? {
+        position: "absolute",
+        left: `${e.x}%`,
+        top: `${e.y}%`,
+        width: `${e.w}%`,
+        height: `${e.h}%`
+      } : {
+        flex: t === "horizontal" || t === "vertical" ? 1 : void 0,
+        minWidth: 0,
+        minHeight: 0,
+        overflow: "hidden"
+      };
+    }, ee = (e, t) => {
+      o.mode === "edit" && (e.component || (b.value = t, f.value = !0));
+    }, te = (e, t) => {
+      var v;
+      if (o.mode !== "edit" || !e.component) return;
+      w.value = t;
+      const i = new CustomEvent("box-component-selected", {
+        bubbles: !0,
+        detail: {
+          component: e.component,
+          boxId: (v = o.conf) == null ? void 0 : v.id,
+          slotIndex: t
+        }
+      });
+      document.dispatchEvent(i);
+    }, oe = (e) => {
+      if (b.value < 0) return;
+      const t = p[e.type] || {}, i = {
+        id: `box-comp-${Date.now()}`,
+        type: e.type,
+        i: `box-comp-${Date.now()}`,
+        x: 0,
+        y: 0,
+        w: 1,
+        h: 1,
+        options: JSON.parse(JSON.stringify(t.OPTIONS || {})),
+        data: JSON.parse(JSON.stringify(t.DATA || [])),
+        common: JSON.parse(JSON.stringify(t.COMMON || {}))
+      };
+      _.value[b.value].component = i, o.conf && (o.conf.slots = _.value), f.value = !1, b.value = -1;
+    }, ne = (e) => {
+      _.value[e].component = null, o.conf && (o.conf.slots = _.value);
+    };
+    return ye(
+      () => {
+        var e, t, i;
+        return [(e = h.value) == null ? void 0 : e.slotCount, (t = h.value) == null ? void 0 : t.layoutType, (i = h.value) == null ? void 0 : i.slotsConfig];
+      },
+      () => {
+        R();
+      },
+      { deep: !0 }
+    ), (e, t) => {
+      const i = ce, v = de, N = me, L = ue, E = pe;
+      return d(), m("div", {
+        class: "box-container",
+        style: j(Y.value)
+      }, [
+        (d(!0), m(D, null, A(_.value, (n, r) => (d(), m("div", {
+          key: n.id,
+          class: H(["box-slot", {
+            "slot-empty": !n.component,
+            "slot-hover": l.mode === "edit" && !n.component
+          }]),
+          style: j(K(n)),
+          onClick: I((s) => ee(n, r), ["stop"])
+        }, [
+          n.component && a.value[n.component.type] ? (d(), m("div", {
+            key: 0,
+            class: H(["slot-component-wrapper", { "slot-component-selected": l.mode === "edit" && w.value === r }]),
+            onClick: I((s) => te(n, r), ["stop"])
+          }, [
+            (d(), q(Ce(a.value[n.component.type]), {
+              conf: n.component,
+              theme: l.theme,
+              mode: l.mode,
+              class: "slot-component"
+            }, null, 8, ["conf", "theme", "mode"]))
+          ], 10, Ne)) : l.mode === "edit" ? (d(), m("div", Te, [
+            x(i, { size: 24 }, {
+              default: S(() => [
+                x(G(be))
+              ]),
+              _: 1
+            }),
+            O("span", null, Q(n.name || `插槽 ${r + 1}`), 1)
+          ])) : X("", !0),
+          l.mode === "edit" && n.component ? (d(), m("div", Ve, [
+            x(v, {
+              type: "danger",
+              size: "small",
+              circle: "",
+              onClick: I((s) => ne(r), ["stop"])
+            }, {
+              default: S(() => [
+                x(i, null, {
+                  default: S(() => [
+                    x(G(we))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ])) : X("", !0)
+        ], 14, $e))), 128)),
+        xe(e.$slots, "default", {}, void 0, !0),
+        x(E, {
+          modelValue: f.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (n) => f.value = n),
+          title: "选择组件",
+          width: "600px",
+          "append-to-body": !0,
+          "close-on-click-modal": !0,
+          "destroy-on-close": ""
+        }, {
+          default: S(() => [
+            O("div", Le, [
+              x(L, {
+                modelValue: V.value,
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => V.value = n)
+              }, {
+                default: S(() => [
+                  (d(!0), m(D, null, A(T.value, (n, r) => (d(), q(N, {
+                    key: r,
+                    title: n.name,
+                    name: r
+                  }, {
+                    default: S(() => [
+                      O("div", Ee, [
+                        (d(!0), m(D, null, A(n.data, (s) => (d(), m("div", {
+                          key: s.type,
+                          class: "component-item",
+                          onClick: (M) => oe(s)
+                        }, [
+                          O("div", Me, [
+                            O("img", {
+                              src: s.default_icon,
+                              alt: s.name
+                            }, null, 8, De)
+                          ]),
+                          O("div", Ae, Q(s.name), 1)
+                        ], 8, ze))), 128))
+                      ])
+                    ]),
+                    _: 2
+                  }, 1032, ["title", "name"]))), 128))
+                ]),
+                _: 1
+              }, 8, ["modelValue"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 4);
+    };
+  }
+})), nt = /* @__PURE__ */ ke(We, [["__scopeId", "data-v-42684798"]]);
+export {
+  nt as default
+};

package/dist/box-qgu_67OD.cjs

@@ -0,0 +1 @@
+"use strict";var Z=Object.defineProperty,j=Object.defineProperties;var H=Object.getOwnPropertyDescriptors;var D=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,Q=Object.prototype.propertyIsEnumerable;var F=(a,n,r)=>n in a?Z(a,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):a[n]=r,f=(a,n)=>{for(var r in n||(n={}))G.call(n,r)&&F(a,r,n[r]);if(D)for(var r of D(n))Q.call(n,r)&&F(a,r,n[r]);return a},y=(a,n)=>j(a,H(n));var A=(a,n,r)=>new Promise((S,v)=>{var V=u=>{try{x(r.next(u))}catch(w){v(w)}},C=u=>{try{x(r.throw(u))}catch(w){v(w)}},x=u=>u.done?S(u.value):Promise.resolve(u.value).then(V,C);x((r=r.apply(a,n)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=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"),I=require("@element-plus/icons-vue"),X=require("./element-resize-detector-Bo5uDQAu.cjs"),B=require("./index-Mh5Dw2sd.cjs"),Y="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='17px'%20viewBox='0%200%2016%2017'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e组合盒子%3c/title%3e%3cg%20id='box-icon'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20transform='translate(0.000000,%200.500000)'%20fill='%23333333'%20fill-rule='nonzero'%3e%3c!--%20外框%20--%3e%3cpath%20d='M14,0%20C15.1045695,0%2016,0.8954305%2016,2%20L16,14%20C16,15.1045695%2015.1045695,16%2014,16%20L2,16%20C0.8954305,16%200,15.1045695%200,14%20L0,2%20C0,0.8954305%200.8954305,0%202,0%20L14,0%20Z%20M14,1.2%20L2,1.2%20C1.55817,1.2%201.2,1.55817%201.2,2%20L1.2,14%20C1.2,14.44183%201.55817,14.8%202,14.8%20L14,14.8%20C14.44183,14.8%2014.8,14.44183%2014.8,14%20L14.8,2%20C14.8,1.55817%2014.44183,1.2%2014,1.2%20Z'/%3e%3c!--%20左侧插槽%20--%3e%3crect%20x='2.5'%20y='2.5'%20width='4.5'%20height='11'%20rx='0.5'/%3e%3c!--%20右侧插槽%20--%3e%3crect%20x='9'%20y='2.5'%20width='4.5'%20height='11'%20rx='0.5'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e",K="data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='16px'%20height='17px'%20viewBox='0%200%2016%2017'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3e组合盒子%3c/title%3e%3cg%20id='box-icon-active'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20transform='translate(0.000000,%200.500000)'%20fill='%23FFFFFF'%20fill-rule='nonzero'%3e%3c!--%20外框%20--%3e%3cpath%20d='M14,0%20C15.1045695,0%2016,0.8954305%2016,2%20L16,14%20C16,15.1045695%2015.1045695,16%2014,16%20L2,16%20C0.8954305,16%200,15.1045695%200,14%20L0,2%20C0,0.8954305%200.8954305,0%202,0%20L14,0%20Z%20M14,1.2%20L2,1.2%20C1.55817,1.2%201.2,1.55817%201.2,2%20L1.2,14%20C1.2,14.44183%201.55817,14.8%202,14.8%20L14,14.8%20C14.44183,14.8%2014.8,14.44183%2014.8,14%20L14.8,2%20C14.8,1.55817%2014.44183,1.2%2014,1.2%20Z'/%3e%3c!--%20左侧插槽%20--%3e%3crect%20x='2.5'%20y='2.5'%20width='4.5'%20height='11'%20rx='0.5'/%3e%3c!--%20右侧插槽%20--%3e%3crect%20x='9'%20y='2.5'%20width='4.5'%20height='11'%20rx='0.5'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e",ee=["onClick"],te=["onClick"],oe={key:1,class:"slot-placeholder"},ne={key:2,class:"slot-actions"},le={class:"component-selector"},ae={class:"component-grid"},re=["onClick"],ie={class:"comp-icon"},ce=["src","alt"],se={class:"comp-name"},de={DEFAULT_ICON:Y,ACTIVE_ICON:K,NAME_CN:"组合盒子",NAME_EN:"Box",ORDER:0},ue={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}]'}},pe=[],me=[],he=[],ge={},ve={DEFAULT:de,OPTIONS:ue,DATA:pe,PARAMS:me,SOURCE:he,COMMON:ge},fe=e.defineComponent(y(f({},ve),{__name:"box",props:{conf:{type:Object,default:()=>({data:[],options:{}})},mode:{type:String,default:"edit"},uid:{type:String,default:""},theme:{type:String,default:"light"}},setup(a){const n=a,r=e.shallowRef({}),S=e.ref({}),v=e.ref(!1),V=e.ref([]),C=e.ref(-1),x=e.ref(-1);let u={};e.onMounted(()=>A(null,null,function*(){r.value=yield B.elements.loadComponents(),S.value=yield B.elements.getElementsMap(),u=yield B.elements.getAllExposedProps()}));class w extends X.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 T=new w(n,"box");T.setupLifecycle();const m=T.getStyle(),b=e.ref([]),$=()=>{var N,E,l,c,s,L,z,M;const t=((N=m.value)==null?void 0:N.slotCount)||2,o=((E=m.value)==null?void 0:E.layoutType)||"horizontal",i=((l=n.conf)==null?void 0:l.slots)||[];let h=[];try{const d=((c=m.value)==null?void 0:c.slotsConfig)||"[]";h=JSON.parse(d)}catch(d){h=[]}const k=[];for(let d=0;d<t;d++){const p=i[d],g=h[d];let O={x:0,y:0,w:100,h:100};o==="free"&&g?O={x:(s=g.x)!=null?s:0,y:(L=g.y)!=null?L:0,w:(z=g.w)!=null?z:50,h:(M=g.h)!=null?M:100}:o==="horizontal"?O={x:100/t*d,y:0,w:100/t,h:100}:o==="vertical"&&(O={x:0,y:100/t*d,w:100,h:100/t}),k.push(y(f({id:(p==null?void 0:p.id)||`slot-${Date.now()}-${d}`,name:(p==null?void 0:p.name)||(g==null?void 0:g.name)||`插槽 ${d+1}`},O),{component:(p==null?void 0:p.component)||null}))}b.value=k,n.conf&&(n.conf.slots=k)},q=e.computed(()=>{const t=m.value,o=(t==null?void 0:t.layoutType)||"horizontal",i={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 o==="horizontal"?y(f({},i),{display:"flex",flexDirection:"row",gap:`${(t==null?void 0:t.gap)||8}px`}):o==="vertical"?y(f({},i),{display:"flex",flexDirection:"column",gap:`${(t==null?void 0:t.gap)||8}px`}):o==="grid"?y(f({},i),{display:"grid",gridTemplateColumns:`repeat(${(t==null?void 0:t.gridCols)||2}, 1fr)`,gap:`${(t==null?void 0:t.gap)||8}px`}):y(f({},i),{position:"relative"})}),R=t=>{var i;const o=((i=m.value)==null?void 0:i.layoutType)||"horizontal";return o==="free"?{position:"absolute",left:`${t.x}%`,top:`${t.y}%`,width:`${t.w}%`,height:`${t.h}%`}:{flex:o==="horizontal"||o==="vertical"?1:void 0,minWidth:0,minHeight:0,overflow:"hidden"}},P=(t,o)=>{n.mode==="edit"&&(t.component||(C.value=o,v.value=!0))},J=(t,o)=>{var h;if(n.mode!=="edit"||!t.component)return;x.value=o;const i=new CustomEvent("box-component-selected",{bubbles:!0,detail:{component:t.component,boxId:(h=n.conf)==null?void 0:h.id,slotIndex:o}});document.dispatchEvent(i)},U=t=>{if(C.value<0)return;const o=u[t.type]||{},i={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(o.OPTIONS||{})),data:JSON.parse(JSON.stringify(o.DATA||[])),common:JSON.parse(JSON.stringify(o.COMMON||{}))};b.value[C.value].component=i,n.conf&&(n.conf.slots=b.value),v.value=!1,C.value=-1},W=t=>{b.value[t].component=null,n.conf&&(n.conf.slots=b.value)};return e.watch(()=>{var t,o,i;return[(t=m.value)==null?void 0:t.slotCount,(o=m.value)==null?void 0:o.layoutType,(i=m.value)==null?void 0:i.slotsConfig]},()=>{$()},{deep:!0}),(t,o)=>{const i=_.ElIcon,h=_.ElButton,k=_.ElCollapseItem,N=_.ElCollapse,E=_.ElDialog;return e.openBlock(),e.createElementBlock("div",{class:"box-container",style:e.normalizeStyle(q.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.value,(l,c)=>(e.openBlock(),e.createElementBlock("div",{key:l.id,class:e.normalizeClass(["box-slot",{"slot-empty":!l.component,"slot-hover":a.mode==="edit"&&!l.component}]),style:e.normalizeStyle(R(l)),onClick:e.withModifiers(s=>P(l,c),["stop"])},[l.component&&r.value[l.component.type]?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["slot-component-wrapper",{"slot-component-selected":a.mode==="edit"&&x.value===c}]),onClick:e.withModifiers(s=>J(l,c),["stop"])},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.value[l.component.type]),{conf:l.component,theme:a.theme,mode:a.mode,class:"slot-component"},null,8,["conf","theme","mode"]))],10,te)):a.mode==="edit"?(e.openBlock(),e.createElementBlock("div",oe,[e.createVNode(i,{size:24},{default:e.withCtx(()=>[e.createVNode(e.unref(I.Plus))]),_:1}),e.createElementVNode("span",null,e.toDisplayString(l.name||`插槽 ${c+1}`),1)])):e.createCommentVNode("",!0),a.mode==="edit"&&l.component?(e.openBlock(),e.createElementBlock("div",ne,[e.createVNode(h,{type:"danger",size:"small",circle:"",onClick:e.withModifiers(s=>W(c),["stop"])},{default:e.withCtx(()=>[e.createVNode(i,null,{default:e.withCtx(()=>[e.createVNode(e.unref(I.Close))]),_:1})]),_:1},8,["onClick"])])):e.createCommentVNode("",!0)],14,ee))),128)),e.renderSlot(t.$slots,"default",{},void 0,!0),e.createVNode(E,{modelValue:v.value,"onUpdate:modelValue":o[1]||(o[1]=l=>v.value=l),title:"选择组件",width:"600px","append-to-body":!0,"close-on-click-modal":!0,"destroy-on-close":""},{default:e.withCtx(()=>[e.createElementVNode("div",le,[e.createVNode(N,{modelValue:V.value,"onUpdate:modelValue":o[0]||(o[0]=l=>V.value=l)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.value,(l,c)=>(e.openBlock(),e.createBlock(k,{key:c,title:l.name,name:c},{default:e.withCtx(()=>[e.createElementVNode("div",ae,[(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:L=>U(s)},[e.createElementVNode("div",ie,[e.createElementVNode("img",{src:s.default_icon,alt:s.name},null,8,ce)]),e.createElementVNode("div",se,e.toDisplayString(s.name),1)],8,re))),128))])]),_:2},1032,["title","name"]))),128))]),_:1},8,["modelValue"])])]),_:1},8,["modelValue"])],4)}}})),ye=B._export_sfc(fe,[["__scopeId","data-v-42684798"]]);exports.default=ye;

package/dist/chartConfigPanel-BiQArCoQ.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-Mh5Dw2sd.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"},he={class:"time-list"},Ee={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"],we={key:4,class:"config-section"},Me={class:"section-title"},Te={class:"range-inputs"},Ie={key:5,class:"config-section"},qe={class:"section-title"},Re={class:"range-inputs"},Ue={key:6,class:"config-section"},Ae={class:"section-title"},Oe={class:"function-options"},ze={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},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"}},Pe=[{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:Pe,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=>({v6460e860:y.value.bgColor,v15b6596e:y.value.borderColor,v2f19ff68:y.value.textColor,f7a1752a: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"}}),U=e.computed(()=>{var l;return((l=r.conf)==null?void 0:l.data)||[]}),A=e.computed(()=>y.value.bindId||r.uid||""),k=e.ref("day"),O=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(""),w=e.ref(""),M=e.ref(""),T=e.ref(""),h=e.ref(!0),E=e.ref(!0),z=()=>({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(w.value)||null},relativeDispRange:{min:parseFloat(M.value)||null,max:parseFloat(T.value)||null},showDisp:h.value,showRelativeDisp:E.value}),d=()=>{const l=z(),t=U.value,i=A.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?h.value:E.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=>{O.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()},P=()=>{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=A.value;l&&a.publish("deepDisplacement",{objectId:l,type:"export",fv:{type:"chart",config:z()},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(U.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:O.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:P},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:P},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",he,[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",Ee,[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",we,[e.createElementVNode("div",Me,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:w.value,"onUpdate:modelValue":t[8]||(t[8]=o=>w.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:M.value,"onUpdate:modelValue":t[9]||(t[9]=o=>M.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",Ue,[e.createElementVNode("div",Ae,e.toDisplayString(s.label||"功能"),1),e.createElementVNode("div",Oe,[e.createVNode(n,{modelValue:h.value,"onUpdate:modelValue":t[11]||(t[11]=o=>h.value=o),onChange:$},{default:e.withCtx(()=>[...t[25]||(t[25]=[e.createTextVNode("累计位移",-1)])]),_:1},8,["modelValue"]),e.createVNode(n,{modelValue:E.value,"onUpdate:modelValue":t[12]||(t[12]=o=>E.value=o),onChange:$},{default:e.withCtx(()=>[...t[26]||(t[26]=[e.createTextVNode("相对位移",-1)])]),_:1},8,["modelValue"])])])):s.type==="export"?(e.openBlock(),e.createElementBlock("div",ze,[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-1a145f90"]]);exports.default=He;