bp-aicc-editor 1.0.0

package/lib/index-DOYvASbD.js

@@ -0,0 +1,121 @@
+import { _ as C, l as F } from "./index-Bjs1bW2W.js";
+import { defineComponent as R, computed as r, toRef as h, ref as f, shallowRef as z, watch as S, onMounted as A, onUnmounted as D, nextTick as _, createElementBlock as B, openBlock as E, normalizeStyle as s, createElementVNode as l, createTextVNode as g, toDisplayString as $ } from "vue";
+import { g as N } from "./index-CTo4-44e.js";
+import { u as j, a as I, g as O } from "./use-data-center-Cj9FGyCg.js";
+const P = R({
+  name: "VMarquee",
+  props: {
+    com: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const o = j();
+    I(e.com);
+    const m = r(() => o.dataMap[e.com.id]?.source ?? {}), v = r(() => O(e.com.apis.source.fields)), n = h(e.com, "config"), i = h(e.com, "attr"), u = f(null), a = f(0), c = f(0), y = z(null), k = r(() => {
+      const { textStyle: t } = n.value;
+      return {
+        width: `${i.value.w}px`,
+        height: `${i.value.h}px`,
+        fontFamily: `${t.fontFamily}, Arial, sans-serif`,
+        fontSize: `${t.fontSize}px`,
+        color: t.color,
+        "font-weight": t.fontWeight
+      };
+    }), M = r(() => ({
+      display: "inline-block",
+      transform: `translateX(-${c.value}px)`,
+      transition: "none 0s ease 0s"
+    })), d = r(() => m.value[v.value.value] || ""), w = () => {
+      n.value.loop && _(() => {
+        const { ifSpeed: t, speed: T, duration: b, timeout: W } = n.value;
+        if (u.value && (a.value = u.value.offsetWidth / 2), a.value > i.value.w) {
+          const V = t ? T / 100 * a.value : b;
+          y.value = N.fromTo(
+            c,
+            {
+              value: 0
+            },
+            {
+              value: a.value,
+              duration: V / 1e3,
+              ease: "none",
+              repeatDelay: W / 1e3,
+              repeat: 1 / 0
+            }
+          );
+        } else
+          p();
+      });
+    }, p = () => {
+      y.value?.kill(), a.value = i.value.w, c.value = 0;
+    };
+    S(
+      [n, d],
+      () => {
+        p(), w();
+      },
+      {
+        deep: !0
+      }
+    );
+    let x = !0;
+    return S(d, (t) => {
+      x || (n.value.contentText = t), x = !1;
+    }), A(() => {
+      w();
+    }), D(() => {
+      p();
+    }), {
+      config: n,
+      marqueeRef: u,
+      wrapperStyle: k,
+      textStyle: M,
+      titleText: d,
+      textWidth: a
+    };
+  }
+}), U = {
+  class: "datav-marquee",
+  style: { "white-space": "nowrap", overflow: "hidden" }
+};
+function X(e, o, m, v, n, i) {
+  return E(), B("div", {
+    class: "datav-wrapper",
+    style: s(e.wrapperStyle)
+  }, [
+    l("div", U, [
+      l("div", {
+        ref: "marqueeRef",
+        style: s(e.textStyle)
+      }, [
+        l("div", {
+          style: s({
+            display: "inline-block",
+            "min-width": `${e.textWidth}px`
+          })
+        }, [
+          g($(e.config.contentText), 1),
+          o[0] || (o[0] = l("i", { style: { display: "inline-block", width: "80px" } }, null, -1))
+        ], 4),
+        l("div", {
+          style: s({
+            display: "inline-block",
+            "min-width": `${e.textWidth}px`
+          })
+        }, [
+          g($(e.config.contentText), 1),
+          o[1] || (o[1] = l("i", { style: { display: "inline-block", width: "80px" } }, null, -1))
+        ], 4)
+      ], 4)
+    ])
+  ], 4);
+}
+const q = /* @__PURE__ */ C(P, [["render", X]]);
+q.install = (e) => {
+  e.component("VMarquee", q), e.component("VMarqueeProp", F(() => import("./config-V6sABZH7.js")));
+};
+export {
+  q as default
+};

package/lib/index-D_ojDCWy.js

@@ -0,0 +1,52 @@
+import { _ as p, l as m } from "./index-Bjs1bW2W.js";
+import { defineComponent as u, toRef as c, computed as i, createElementBlock as d, openBlock as g, normalizeStyle as l, createElementVNode as f } from "vue";
+import { presetImages as y } from "./decoration-ByPSHV8P.js";
+const h = u({
+  name: "VDecoration",
+  props: {
+    com: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(e) {
+    const t = c(e.com, "config"), o = c(e.com, "attr"), n = i(() => ({
+      transform: "translateZ(0px)",
+      width: `${o.value.w}px`,
+      height: `${o.value.h}px`
+    })), a = i(() => {
+      const r = y[t.value.global.img];
+      return {
+        width: "100%",
+        height: "100%",
+        opacity: t.value.global.opacity,
+        "background-image": `url(${r.url})`,
+        "background-size": "100%",
+        "background-repeat": "no-repeat",
+        "background-position": "center",
+        ...r.css
+      };
+    });
+    return {
+      wraperStyle: n,
+      imgBoxStyle: a
+    };
+  }
+});
+function b(e, t, o, n, a, r) {
+  return g(), d("div", {
+    class: "datav-wrapper",
+    style: l(e.wraperStyle)
+  }, [
+    f("div", {
+      style: l(e.imgBoxStyle)
+    }, null, 4)
+  ], 4);
+}
+const s = /* @__PURE__ */ p(h, [["render", b]]);
+s.install = (e) => {
+  e.component("VDecoration", s), e.component("VDecorationProp", m(() => import("./config-DOtfpO43.js")));
+};
+export {
+  s as default
+};

package/lib/index-DcmokBSP.js

@@ -0,0 +1,109 @@
+import { b as m, a as v, f as y, _ as x, l as B } from "./index-Bjs1bW2W.js";
+import { storeToRefs as I } from "pinia";
+import { defineComponent as $, toRef as k, computed as p, ref as _, watch as z, onMounted as V, onBeforeUnmount as E, resolveComponent as T, createElementBlock as A, openBlock as h, normalizeStyle as w, createBlock as L, createCommentVNode as U, withCtx as j, createTextVNode as q, toDisplayString as D } from "vue";
+const F = $({
+  name: "VButtonBase",
+  props: {
+    com: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(a) {
+    const { pageConfig: r } = I(m()), e = k(a.com, "config"), c = k(a.com, "attr"), d = p(() => r.value.resourceList[e.value.url]), l = _(""), i = async (t) => {
+      if (!t) {
+        l.value = e.value.url;
+        return;
+      }
+      l.value = t;
+    };
+    i(r.value.resourceList[e.value.url]), z(
+      () => d,
+      (t) => {
+        i(t.value);
+      },
+      {
+        deep: !0
+      }
+    );
+    const C = p(() => {
+      const t = e.value.imageType === "vector";
+      let o = `url('${l.value}') 0% 0% / `, n = "";
+      return e.value.bgModel && (e.value.repeat === "repeat" ? (o += "auto repeat", n = "auto") : e.value.repeat === "repeat-x" ? (o += "auto 100% repeat-x", n = "auto 100%") : e.value.repeat === "repeat-y" ? (o += "100% repeat-y", n = "100%") : (o += "100% 100% no-repeat", n = "100% 100%")), {
+        width: `${c.value.w}px`,
+        height: `${c.value.h}px`,
+        "image-rendering": "-webkit-optimize-contrast",
+        background: t ? e.value.vectorFill : o,
+        "-webkit-mask-image": t ? `url(${e.value.vectorImage})` : "none",
+        "-webkit-mask-repeat": t ? e.value.repeat : "initial",
+        "-webkit-mask-size": t ? n : "initial",
+        "border-radius": `${e.value.radius}px`,
+        cursor: e.value.cursor ? "pointer" : "default"
+      };
+    }), P = p(() => ({
+      width: "100%",
+      height: "100%",
+      backgroundColor: e.value.backgroundColor,
+      color: e.value.textStyle.color,
+      fontSize: `${e.value.textStyle.fontSize}px`,
+      fontWeight: e.value.textStyle.fontWeight,
+      fontFamily: e.value.textStyle.fontFamily
+    })), b = () => {
+      if (e.value.jumpPageId) {
+        const t = v(), o = m(), n = e.value.jumpPageId, u = o.allPages.findIndex((s) => s.id === n);
+        u !== -1 && (t.editIsComs(!1), o.editPages(r.value.defaultAllPages, n), t.requestCom(o.screen.id, y, u));
+      }
+      e.value.instructions && e.value.instructions.length > 0 && e.value.instructions.forEach((t) => {
+        const { delay: o } = t;
+        o > 0 && setTimeout(() => {
+        }, o);
+      });
+    }, f = () => {
+      const t = v(), o = m(), n = o.allPages.findIndex((s) => s.id === r.value.defaultAllPages), u = o.allPages.findIndex((s) => s.id === o.allPages[n].returnPage);
+      t.editIsComs(!1), o.editPages(r.value.defaultAllPages, o.allPages[n].returnPage), t.requestCom(o.screen.id, y, u);
+    }, g = (t) => {
+      t.keyCode === e.value.shortcutKeys && f();
+    };
+    return V(() => {
+      e.value.shortcutKeys && window.addEventListener("keydown", g);
+    }), E(() => {
+      window.removeEventListener("keydown", g);
+    }), {
+      returnPage: f,
+      imgUrl: l,
+      bgUrl: d,
+      config: e,
+      imgStyle: P,
+      wrapperStyle: C,
+      handleClick: b
+    };
+  }
+});
+function K(a, r, e, c, d, l) {
+  const i = T("el-button");
+  return h(), A("div", {
+    class: "datav-wrapper",
+    style: w(a.wrapperStyle)
+  }, [
+    a.config.bgModel ? U("", !0) : (h(), L(i, {
+      key: 0,
+      style: w(a.imgStyle),
+      onClick: a.handleClick
+    }, {
+      default: j(() => [
+        q(D(a.config.contentText), 1)
+      ]),
+      _: 1
+    }, 8, ["style", "onClick"]))
+  ], 4);
+}
+const S = /* @__PURE__ */ x(F, [["render", K]]);
+S.install = (a) => {
+  a.component("VButtonBase", S), a.component(
+    "VButtonBaseProp",
+    B(() => import("./config-DwVaqCyN.js"))
+  );
+};
+export {
+  S as default
+};

package/lib/index-Dm1le54W.js

@@ -0,0 +1,226 @@
+import { useDialog as N, NIcon as O } from "naive-ui";
+import { ElMessageBox as A } from "element-plus";
+import { createElementBlock as h, openBlock as r, createElementVNode as _, defineComponent as H, ref as z, watch as U, computed as I, onMounted as F, onUnmounted as K, resolveComponent as s, createVNode as f, withCtx as i, Fragment as L, renderList as T, createBlock as k, normalizeClass as R, createCommentVNode as j, toDisplayString as M, createTextVNode as q } from "vue";
+import { _ as D, u as G, a as J, b as Q, m as W, P as x } from "./index-Bjs1bW2W.js";
+import { I as X } from "./plus-DjE6l8qH.js";
+import { storeToRefs as Y } from "pinia";
+const Z = {}, e0 = {
+  t: "1631033355676",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "5531",
+  width: "64",
+  height: "64"
+};
+function o0(o, a) {
+  return r(), h("svg", e0, [...a[0] || (a[0] = [
+    _("path", {
+      d: "M974.11282027 682.14153813c23.10564053 0 42.010256-18.90461547 42.01025706-42.010256v-546.13333333c0-23.10564053-18.90461547-42.010256-42.01025706-42.010256H49.88717973c-23.10564053 0-42.010256 18.90461547-42.01025706 42.010256v546.13333333c0 23.10564053 18.90461547 42.010256 42.01025706 42.010256h924.22564054z m-882.21538454-84.020512v-462.11282133h840.20512854v462.11282133H91.89743573z m161.73948694-350.7856416c0 16.8041024-14.70358933 31.5076928-31.50769174 31.5076928h-21.00512853c-16.8041024 0-31.5076928-14.70358933-31.50769173-31.5076928v-21.00512853c0-16.8041024 14.70358933-31.5076928 31.50769173-31.50769173h21.00512853c16.8041024 0 31.5076928 14.70358933 31.50769174 31.50769173v21.00512853z m119.72923093-21.00512853c0-16.8041024-14.70358933-31.5076928-31.50769173-31.50769173h-21.00512854c-16.8041024 0-31.5076928 14.70358933-31.5076928 31.50769173v21.00512853c0 16.8041024 14.70358933 31.5076928 31.5076928 31.5076928h21.00512854c16.8041024 0 31.5076928-14.70358933 31.50769173-31.5076928v-21.00512853z m241.55897493 21.00512853c0 16.8041024-14.70358933 31.5076928-31.5076928 31.5076928h-21.00512853c-16.8041024 0-31.5076928-14.70358933-31.50769173-31.5076928v-21.00512853c0-16.8041024 14.70358933-31.5076928 31.50769173-31.50769173h21.00512853c16.8041024 0 31.5076928 14.70358933 31.5076928 31.50769173v21.00512853z m-121.829744 0c0 16.8041024-14.70358933 31.5076928-31.50769173 31.5076928h-21.00512853c-16.8041024 0-31.5076928-14.70358933-31.5076928-31.5076928v-21.00512853c0-16.8041024 14.70358933-31.5076928 31.5076928-31.50769173h21.00512853c16.8041024 0 31.5076928 14.70358933 31.50769173 31.50769173v21.00512853z m363.38871787-21.00512853c0-16.8041024-14.70358933-31.5076928-31.50769173-31.50769173h-21.00512854c-16.8041024 0-31.5076928 14.70358933-31.5076928 31.50769173v21.00512853c0 16.8041024 14.70358933 31.5076928 31.5076928 31.5076928h21.00512854c16.8041024 0 31.5076928-14.70358933 31.50769173-31.5076928v-21.00512853z m-121.82974293 0c0-16.8041024-14.70358933-31.5076928-31.5076928-31.50769173h-21.00512854c-16.8041024 0-31.5076928 14.70358933-31.50769173 31.50769173v21.00512853c0 16.8041024 14.70358933 31.5076928 31.50769173 31.5076928h21.00512854c16.8041024 0 31.5076928-14.70358933 31.5076928-31.5076928v-21.00512853z m-481.0174368 147.0358976c0 16.8041024-14.70358933 31.5076928-31.50769174 31.5076928h-21.00512853c-16.8041024 0-31.5076928-14.70358933-31.50769173-31.5076928v-21.00512747c0-16.8041024 14.70358933-31.5076928 31.50769173-31.5076928h21.00512853c16.8041024 0 31.5076928 14.70358933 31.50769174 31.5076928v21.00512747z m119.72923093-21.00512747c0-16.8041024-14.70358933-31.5076928-31.50769173-31.5076928h-21.00512854c-16.8041024 0-31.5076928 14.70358933-31.5076928 31.5076928v21.00512747c0 16.8041024 14.70358933 31.5076928 31.5076928 31.5076928h21.00512854c16.8041024 0 31.5076928-14.70358933 31.50769173-31.5076928v-21.00512747z m241.55897493 21.00512747c0 16.8041024-14.70358933 31.5076928-31.5076928 31.5076928h-21.00512853c-16.8041024 0-31.5076928-14.70358933-31.50769173-31.5076928v-21.00512747c0-16.8041024 14.70358933-31.5076928 31.50769173-31.5076928h21.00512853c16.8041024 0 31.5076928 14.70358933 31.5076928 31.5076928v21.00512747z m-121.829744 0c0 16.8041024-14.70358933 31.5076928-31.50769173 31.5076928h-21.00512853c-16.8041024 0-31.5076928-14.70358933-31.5076928-31.5076928v-21.00512747c0-16.8041024 14.70358933-31.5076928 31.5076928-31.5076928h21.00512853c16.8041024 0 31.5076928 14.70358933 31.50769173 31.5076928v21.00512747z m363.38871787-21.00512747c0-16.8041024-14.70358933-31.5076928-31.50769173-31.5076928h-21.00512854c-16.8041024 0-31.5076928 14.70358933-31.5076928 31.5076928v21.00512747c0 16.8041024 14.70358933 31.5076928 31.5076928 31.5076928h21.00512854c16.8041024 0 31.5076928-14.70358933 31.50769173-31.5076928v-21.00512747z m-121.82974293 0c0-16.8041024-14.70358933-31.5076928-31.5076928-31.5076928h-21.00512854c-16.8041024 0-31.5076928 14.70358933-31.50769173 31.5076928v21.00512747c0 16.8041024 14.70358933 31.5076928 31.50769173 31.5076928h21.00512854c16.8041024 0 31.5076928-14.70358933 31.5076928-31.5076928v-21.00512747z m-481.0174368 147.03589654c0 16.8041024-14.70358933 31.5076928-31.50769174 31.5076928h-21.00512853c-16.8041024 0-31.5076928-14.70358933-31.50769173-31.5076928v-21.00512747c0-16.8041024 14.70358933-31.5076928 31.50769173-31.5076928h21.00512853c16.8041024 0 31.5076928 14.70358933 31.50769174 31.5076928v21.00512747z m481.0174368-21.00512747c0-16.8041024-14.70358933-31.5076928-31.5076928-31.5076928H320.85333333c-16.8041024 0-31.5076928 14.70358933-31.5076928 31.5076928v21.00512747c0 16.8041024 14.70358933 31.5076928 31.5076928 31.5076928h382.29333334c16.8041024 0 31.5076928-14.70358933 31.5076928-31.5076928v-21.00512747z m121.82974293 0c0-16.8041024-14.70358933-31.5076928-31.50769173-31.5076928h-21.00512854c-16.8041024 0-31.5076928 14.70358933-31.5076928 31.5076928v21.00512747c0 16.8041024 14.70358933 31.5076928 31.5076928 31.5076928h21.00512854c16.8041024 0 31.5076928-14.70358933 31.50769173-31.5076928v-21.00512747zM346.05948693 747.25743573h331.88102614c10.50256427 0 16.8041024 12.60307733 8.4020512 21.00512854l-161.73948694 199.54871786c-6.30153813 6.30153813-18.90461547 6.30153813-23.1056416 0l-163.84-199.54871786c-6.30153813-8.4020512-2.10051307-21.00512853 8.4020512-21.00512854z",
+      "p-id": "5532"
+    }, null, -1)
+  ])]);
+}
+const n0 = /* @__PURE__ */ D(Z, [["render", o0]]), t0 = {}, a0 = {
+  t: "1639131986503",
+  class: "icon",
+  viewBox: "0 0 1024 1024",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "p-id": "4869",
+  width: "64",
+  height: "64"
+};
+function c0(o, a) {
+  return r(), h("svg", a0, [...a[0] || (a[0] = [
+    _("path", {
+      d: "M148.95240533 309.952512a36.32878933 36.32878933 0 0 1 52.21034667-9.08765867l272.54237867 204.95291734a63.635456 63.635456 0 0 0 76.58973866 0l272.52053334-204.95291734a36.306944 36.306944 0 0 1 52.21034666 9.08765867c12.582912 19.00544 10.76974933 44.19310933-4.36906666 61.16693333L575.504384 701.94517333a84.91281067 84.91281067 0 0 1-127.008768 0L153.36516267 371.14129067a50.331648 50.331648 0 0 1-4.41275734-61.16693334z",
+      "p-id": "4870"
+    }, null, -1)
+  ])]);
+}
+const l0 = /* @__PURE__ */ D(t0, [["render", c0]]), s0 = H({
+  name: "FooterToolbar",
+  components: {
+    IconKeyboard: n0,
+    IconArrowDown: l0,
+    IconPlus: X
+  },
+  setup() {
+    N();
+    const o = z(null);
+    U(
+      () => o.value,
+      (e) => {
+        e !== null && (w(e ? "dialog" : "page"), o.value = null);
+      }
+    );
+    const a = (e) => {
+      e !== null && (w(e ? "dialog" : "page"), o.value = null);
+    }, d = G(), y = J(), c = Q(), E = z(20), C = z(20), P = [
+      { label: "200%", value: 200 },
+      { label: "150%", value: 150 },
+      { label: "100%", value: 100 },
+      { label: "50%", value: 50 },
+      { label: "自适应", value: -1 }
+    ], { selectPage: S } = Y(c), g = I(() => (c.pageConfig.pages?.forEach((e) => {
+      e.renameing = !1;
+    }), c.pageConfig.pages)), w = (e) => {
+      c.handleAddPage(e);
+    }, B = (e) => {
+      A.confirm("确定删除子屏吗，删除后子屏下的所有组件也将同步删除，且无法恢复！", "删除确认", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        c.removePage(e);
+      });
+    }, $ = I(() => c.pageConfig), V = async (e) => {
+      e === -1 ? c.autoCanvasScale(() => d.getPanelOffset) : c.setCanvasScale(e === 0 ? C.value : e, d.getPanelOffset.x, d.getPanelOffset.y);
+    }, p = (e, l) => {
+      y.selectedComs.forEach((t) => {
+        t.attr.y += e, t.attr.x += l;
+      });
+    }, b = (e) => {
+      const l = e.target;
+      if (!["input", "textarea"].includes(l.tagName.toLowerCase())) {
+        const t = e.key.toLowerCase();
+        if (W(e)) {
+          e.preventDefault();
+          const { setPanelState: m } = d;
+          t === "arrowleft" ? m(x.layer, !d.layer.show) : t === "arrowup" ? m(x.components, !d.components.show) : t === "arrowright" ? m(x.config, !d.config.show) : t === "a" && c.autoCanvasScale(() => d.getPanelOffset);
+        } else if (y.selectedComs.length && ["arrowup", "arrowright", "arrowdown", "arrowleft"].includes(t)) {
+          e.preventDefault();
+          const { grid: m } = $.value;
+          t === "arrowup" ? p(-m, 0) : t === "arrowright" ? p(0, m) : t === "arrowdown" ? p(m, 0) : t === "arrowleft" && p(0, -m);
+        }
+      }
+    }, u = z(""), n = (e) => {
+      u.value = e.name;
+      const l = g.value?.find((t) => t.id === e.id);
+      l && (l.renameing = !0);
+    }, v = (e) => {
+      const l = g.value?.find((t) => t.id === e.id);
+      l && (l.renameing = !1), l.name = u.value, c.setSelectPage(u.value), u.value = "";
+    };
+    return F(() => {
+      document.addEventListener("keydown", b, !1);
+    }), K(() => {
+      document.removeEventListener("keydown", b, !1);
+    }), {
+      handleCommand: a,
+      scaleList: P,
+      scale: E,
+      inputScale: C,
+      selectPage: S,
+      pagePanels: g,
+      typeAddValue: o,
+      rename: u,
+      submitScale: V,
+      handleAdd: w,
+      handleClose: B,
+      handDbClick: n,
+      handBlur: v,
+      options: [
+        {
+          label: "子屏",
+          value: 0
+        }
+        // {
+        // label: '弹窗',
+        // value: 1,
+        // }
+      ]
+    };
+  }
+}), r0 = { class: "g-footer bottom-sider" }, d0 = { class: "screen-pages" }, i0 = {
+  key: 0,
+  class: "flex"
+}, m0 = ["onDblclick"], u0 = { class: "screen-size" }, f0 = { class: "el-dropdown-link" };
+function p0(o, a, d, y, c, E) {
+  const C = s("ele-CloseBold"), P = s("el-icon"), S = s("el-link"), g = s("el-input"), w = s("el-radio"), B = s("el-radio-group"), $ = s("IconPlus"), V = O, p = s("el-dropdown-item"), b = s("el-dropdown-menu"), u = s("el-dropdown");
+  return r(), h("div", r0, [
+    _("div", d0, [
+      f(B, {
+        modelValue: o.selectPage,
+        "onUpdate:modelValue": a[1] || (a[1] = (n) => o.selectPage = n),
+        class: "radio-group"
+      }, {
+        default: i(() => [
+          (r(!0), h(L, null, T(o.pagePanels, (n) => (r(), k(w, {
+            value: n.name,
+            border: "",
+            key: n.id,
+            class: R(n.name === "主屏" ? "is-panel" : ""),
+            name: n.name
+          }, {
+            default: i(() => [
+              n.renameing ? (r(), k(g, {
+                key: 1,
+                modelValue: o.rename,
+                "onUpdate:modelValue": a[0] || (a[0] = (v) => o.rename = v),
+                onBlur: (v) => o.handBlur(n)
+              }, null, 8, ["modelValue", "onBlur"])) : (r(), h("div", i0, [
+                _("p", {
+                  onDblclick: (v) => o.handDbClick(n)
+                }, M(n.name), 41, m0),
+                n.name !== "主屏" ? (r(), k(S, {
+                  key: 0,
+                  underline: !1,
+                  onClick: (v) => o.handleClose(n.name)
+                }, {
+                  default: i(() => [
+                    f(P, { class: "el-icon--right" }, {
+                      default: i(() => [
+                        f(C)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["onClick"])) : j("", !0)
+              ]))
+            ]),
+            _: 2
+          }, 1032, ["value", "class", "name"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ]),
+    _("div", u0, [
+      f(u, { onCommand: o.handleCommand }, {
+        dropdown: i(() => [
+          f(b, null, {
+            default: i(() => [
+              (r(!0), h(L, null, T(o.options, (n) => (r(), k(p, {
+                command: n.value
+              }, {
+                default: i(() => [
+                  q(M(n.label), 1)
+                ]),
+                _: 2
+              }, 1032, ["command"]))), 256))
+            ]),
+            _: 1
+          })
+        ]),
+        default: i(() => [
+          _("span", f0, [
+            f(V, { class: "btn-add-icon" }, {
+              default: i(() => [
+                f($)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 1
+      }, 8, ["onCommand"])
+    ])
+  ]);
+}
+const b0 = /* @__PURE__ */ D(s0, [["render", p0], ["__scopeId", "data-v-bc4eadf1"]]);
+export {
+  b0 as default
+};

package/lib/index-Dpg5we85.js

@@ -0,0 +1,127 @@
+import { s as G, _ as I, l as L } from "./index-Bjs1bW2W.js";
+import { defineComponent as R, toRef as k, ref as h, computed as l, watch as W, createElementBlock as g, openBlock as y, normalizeStyle as $, createElementVNode as j, Fragment as q, renderList as H, toDisplayString as N } from "vue";
+import { u as O, a as P, g as T } from "./use-data-center-Cj9FGyCg.js";
+import { u as U } from "./event-DDj_G-ix.js";
+const J = R({
+  name: "VBtnGroup",
+  props: {
+    com: {
+      type: Object,
+      required: !0
+    }
+  },
+  setup(o) {
+    const i = U(), s = k(o.com, "config"), v = k(o.com, "attr"), x = O(), f = h(!1), r = h(-1), u = h(-1);
+    P(o.com);
+    const d = l(() => x.dataMap[o.com.id]?.source ?? []), t = l(() => T(o.com.apis.source.fields));
+    W(
+      () => d.value,
+      (e) => {
+        r.value = e?.find((n) => n[t.value.s])?.[t.value.y];
+      }
+    );
+    const w = l(() => ({
+      width: `${v.value.w}px`,
+      height: `${v.value.h}px`
+    })), S = l(() => s.value.active.show), b = l(() => s.value.hover.show), B = l(() => {
+      const { radius: e } = s.value.global;
+      return {
+        borderRadius: `${e.t}px ${e.r}px ${e.b}px ${e.z}px `
+      };
+    }), M = l(() => Array.isArray(d.value) ? d.value?.length ? d.value.map((e) => ({
+      x: e[t.value.x],
+      y: e[t.value.y],
+      ...e
+    })) : [] : []), p = (e) => {
+      const { margin: n, global: a, padding: c } = s.value;
+      let m = a.shadow;
+      return {
+        padding: `${c.t}px ${c.r}px ${c.b}px ${c.z}px`,
+        margin: `${n.t}px ${n.r}px ${n.b}px ${n.z}px`,
+        color: setChartColor(e.color),
+        backgroundColor: setChartColor(e.backgroundColor),
+        backgroundImage: `url('${G(e.image)}')`,
+        border: `${a.borderWidth}px ${a.borderType} ${e.borderColor}`,
+        backgroundSize: e.backgroundSize,
+        fontSize: `${a.fontSize}px`,
+        fontWeight: a.fontWeight,
+        fontFamily: a.fontFamily,
+        letterSpacing: `${a.letterSpacing}px`,
+        width: `${a.width}px`,
+        transform: `rotate(${a.roate}deg)`,
+        borderRadius: `${a.btn.t}px ${a.btn.r}px ${a.btn.b}px ${a.btn.z}px `,
+        ...m
+      };
+    }, z = (e) => {
+      const n = e[t.value.y], { defaul: a, hover: c, active: m } = s.value;
+      return n === r.value ? p(m) : n === u.value ? p(c) : p(a);
+    }, V = (e) => {
+      r.value = S.value ? e[t.value.y] : -1, console.log("btn", e), i.handleSubVariablesChange(o.com, "click", {
+        ...e,
+        x: e[t.value.x],
+        y: e[t.value.y]
+      });
+    }, _ = (e) => {
+      r.value = S.value ? e[t.value.y] : -1, i.handleSubVariablesChange(o.com, "dbclick", {
+        ...e,
+        x: e[t.value.x],
+        y: e[t.value.y]
+      });
+    }, A = (e) => {
+      u.value = b.value ? e.y : -1, i.handleSubVariablesChange(o.com, "mouseover", {
+        ...e,
+        x: e[t.value.x],
+        y: e[t.value.y]
+      });
+    }, D = (e) => {
+      u.value = -1, i.handleSubVariablesChange(o.com, "mouseleave", {
+        ...e,
+        x: e[t.value.x],
+        y: e[t.value.y]
+      });
+    }, E = l(() => ({})), F = l(() => ({}));
+    return {
+      setBtnStyle: z,
+      clickBtn: V,
+      dblClick: _,
+      handMouseover: A,
+      handMouseleave: D,
+      showHover: b,
+      dv_field: t,
+      outerStyle: B,
+      hoverIndex: u,
+      activeIndex: r,
+      wrapperStyle: w,
+      imgStyle: E,
+      imgSrc: F,
+      isEnter: f,
+      btnList: M
+    };
+  }
+}), K = ["onClick", "onDblclick", "onMouseover", "onMouseleave"];
+function Q(o, i, s, v, x, f) {
+  return y(), g("div", {
+    class: "datav-wrapper btn-group",
+    style: $(o.wrapperStyle)
+  }, [
+    j("div", {
+      style: $(o.outerStyle)
+    }, [
+      (y(!0), g(q, null, H(o.btnList, (r) => (y(), g("div", {
+        key: r.x,
+        style: $(o.setBtnStyle(r)),
+        onClick: (u) => o.clickBtn(r),
+        onDblclick: (u) => o.dblClick(r),
+        onMouseover: (u) => o.handMouseover(r),
+        onMouseleave: (u) => o.handMouseleave(r)
+      }, N(r.x), 45, K))), 128))
+    ], 4)
+  ], 4);
+}
+const C = /* @__PURE__ */ I(J, [["render", Q], ["__scopeId", "data-v-0be81260"]]);
+C.install = (o) => {
+  o.component("VBtnGroup", C), o.component("VBtnGroupProp", L(() => import("./config-DJJlRxrQ.js")));
+};
+export {
+  C as default
+};