smarteye-e-components 0.0.56 → 0.0.57

package/dist/smarteye-e-components.mjs

@@ -1,804 +1,4 @@
-import { defineComponent as _e, computed as W, openBlock as A, createElementBlock as F, renderSlot as oe, createElementVNode as C, toDisplayString as ue, h as Fe, ref as M, watch as $e, normalizeStyle as Le, Fragment as Oe, renderList as De, inject as fn, resolveComponent as ie, normalizeClass as Xe, createVNode as se, withCtx as ce, createCommentVNode as Be, createBlock as _n, getCurrentInstance as it, effectScope as bo, onMounted as To, onUnmounted as yo, isRef as Lo, Text as Io, provide as So, withDirectives as wo, vShow as Do, pushScopeId as Co, popScopeId as Po } from "vue";
-var bt;
-((e) => {
-  ((n) => {
-    function r(s) {
-      const l = [];
-      for (let i = 0; i < s; i++)
-        l.push({
-          id: "testId",
-          pid: "",
-          name: `device-${i}`,
-          online: i % 2 == 0,
-          channels: []
-        });
-      return l;
-    }
-    function o(s) {
-      const l = [];
-      for (let i = 0; i < s; i++)
-        l.push({
-          id: `groupid-${i}`,
-          name: `group-${i}`,
-          pid: "",
-          onlineCount: 0,
-          totalCount: 0,
-          devices: r(14),
-          items: o(s - i - 1)
-        });
-      return l;
-    }
-    function a(s) {
-      const l = o(s);
-      return l[s - 1].items.push({
-        id: "groupid-ttttttt",
-        name: "group-ttttt",
-        pid: "",
-        onlineCount: 0,
-        totalCount: 0,
-        devices: [{
-          id: "testId",
-          pid: "",
-          name: "999999",
-          online: !1,
-          channels: []
-        }],
-        items: []
-      }), console.log(l), {
-        name: "hah",
-        onlineCount: 0,
-        totalCount: 0,
-        items: l
-      };
-    }
-    n.RandomDeviceGroup = a;
-  })(e.Test || (e.Test = {}));
-  function t(n, r) {
-    for (let o = 0; o < n.length; o++)
-      r(n[o]), t(n[o].items, r);
-  }
-  ((n) => {
-    function r(o) {
-      const a = {}, s = {};
-      return t(o.items, (l) => {
-        a[l.id] = l;
-        for (let i = 0; i < l.devices.length; i++)
-          s[l.devices[i].id] = l.devices[i];
-      }), {
-        getGroup(l) {
-          return a[l];
-        },
-        getDevice(l) {
-          return s[l];
-        },
-        foreachGroup(l) {
-          for (let i in a)
-            l(a[i]);
-        }
-      };
-    }
-    n.AccessSession = r;
-  })(e.Utils || (e.Utils = {}));
-})(bt || (bt = {}));
-var x;
-((e) => {
-  function t(n, r, o) {
-    if (o) {
-      let s = n * r;
-      return o.forEach(([l, i, c, u]) => {
-        s -= (u - i) * (c - l) - 1;
-      }), {
-        count: s,
-        row: n,
-        col: r,
-        name: `${s < 10 ? `0${s}` : s}`,
-        areas: o.map(([l, i, c, u]) => ({
-          leftTop: {
-            col: l,
-            row: i
-          },
-          rightBottom: {
-            col: c,
-            row: u
-          }
-        }))
-      };
-    }
-    const a = n * r;
-    return {
-      count: a,
-      row: n,
-      col: r,
-      name: `${a < 10 ? `0${a}` : a}`
-    };
-  }
-  e.genLayout = t, ((n) => {
-    function r(a, s, l) {
-      if (l) {
-        const c = a * s - (l[3] - l[1]) * (l[2] - l[0]) + 1;
-        return {
-          count: c,
-          row: a,
-          col: s,
-          name: `${c < 10 ? `0${c}` : c}`,
-          area: {
-            leftTop: {
-              row: l[1],
-              col: l[0]
-            },
-            rightBottom: {
-              row: l[3],
-              col: l[2]
-            }
-          }
-        };
-      }
-      const i = a * s;
-      return {
-        count: i,
-        row: a,
-        col: s,
-        name: `${i < 10 ? `0${i}` : i}`
-      };
-    }
-    n.genLayout = r;
-    function o() {
-      return {
-        count: 25,
-        row: 5,
-        col: 5,
-        name: "12"
-      };
-    }
-    n.getTestLayout = o;
-  })(e.Test || (e.Test = {}));
-})(x || (x = {}));
-const Ao = _e({
-  props: {
-    countInfo: Object,
-    controlParams: Object
-  },
-  setup(e) {
-    function t(o, a) {
-      if (a) {
-        let s = 0;
-        return a.items.forEach((l) => {
-          s += t(o, l);
-        }), o(a) + s;
-      }
-      return 0;
-    }
-    const n = W(() => t((o) => {
-      var a, s;
-      if (o.devices) {
-        let l = (a = o.devices) == null ? void 0 : a.filter((c) => c.online);
-        const i = (s = e.controlParams) == null ? void 0 : s.searchStr;
-        return i && (l = l.filter((c) => c.name.includes(i) || c.id.includes(i))), l.length;
-      }
-      return 0;
-    }, e.countInfo));
-    return {
-      totalCount: W(() => t((o) => {
-        var a;
-        if (o.devices) {
-          let s = o.devices;
-          const l = (a = e.controlParams) == null ? void 0 : a.searchStr;
-          return l && (s = s.filter((i) => i.name.includes(l) || i.id.includes(l))), s.length;
-        }
-        return o.totalCount;
-      }, e.countInfo)),
-      onlineCount: n
-    };
-  }
-});
-const de = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [r, o] of t)
-    n[r] = o;
-  return n;
-}, ko = { class: "root" }, Ro = { class: "count-show" };
-function Fo(e, t, n, r, o, a) {
-  return A(), F("div", ko, [
-    oe(e.$slots, "default", {
-      total: e.totalCount,
-      online: e.onlineCount
-    }, void 0, !0),
-    C("span", Ro, ue(e.onlineCount) + "/" + ue(e.totalCount), 1)
-  ]);
-}
-const dn = /* @__PURE__ */ de(Ao, [["render", Fo], ["__scopeId", "data-v-a063c331"]]), mn = Object.freeze(
-  {
-    left: 0,
-    top: 0,
-    width: 16,
-    height: 16
-  }
-), gn = Object.freeze({
-  rotate: 0,
-  vFlip: !1,
-  hFlip: !1
-}), ct = Object.freeze({
-  ...mn,
-  ...gn
-});
-Object.freeze({
-  ...ct,
-  body: "",
-  hidden: !1
-});
-({
-  ...mn
-});
-const pn = Object.freeze({
-  width: null,
-  height: null
-}), hn = Object.freeze({
-  ...pn,
-  ...gn
-});
-function $o(e, t) {
-  const n = {
-    ...e
-  };
-  for (const r in t) {
-    const o = t[r], a = typeof o;
-    r in pn ? (o === null || o && (a === "string" || a === "number")) && (n[r] = o) : a === typeof n[r] && (n[r] = r === "rotate" ? o % 4 : o);
-  }
-  return n;
-}
-const Mo = /[\s,]+/;
-function Vo(e, t) {
-  t.split(Mo).forEach((n) => {
-    switch (n.trim()) {
-      case "horizontal":
-        e.hFlip = !0;
-        break;
-      case "vertical":
-        e.vFlip = !0;
-        break;
-    }
-  });
-}
-function Uo(e, t = 0) {
-  const n = e.replace(/^-?[0-9.]*/, "");
-  function r(o) {
-    for (; o < 0; )
-      o += 4;
-    return o % 4;
-  }
-  if (n === "") {
-    const o = parseInt(e);
-    return isNaN(o) ? 0 : r(o);
-  } else if (n !== e) {
-    let o = 0;
-    switch (n) {
-      case "%":
-        o = 25;
-        break;
-      case "deg":
-        o = 90;
-    }
-    if (o) {
-      let a = parseFloat(e.slice(0, e.length - n.length));
-      return isNaN(a) ? 0 : (a = a / o, a % 1 === 0 ? r(a) : 0);
-    }
-  }
-  return t;
-}
-const xo = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Go = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
-function Tt(e, t, n) {
-  if (t === 1)
-    return e;
-  if (n = n || 100, typeof e == "number")
-    return Math.ceil(e * t * n) / n;
-  if (typeof e != "string")
-    return e;
-  const r = e.split(xo);
-  if (r === null || !r.length)
-    return e;
-  const o = [];
-  let a = r.shift(), s = Go.test(a);
-  for (; ; ) {
-    if (s) {
-      const l = parseFloat(a);
-      isNaN(l) ? o.push(a) : o.push(Math.ceil(l * t * n) / n);
-    } else
-      o.push(a);
-    if (a = r.shift(), a === void 0)
-      return o.join("");
-    s = !s;
-  }
-}
-function Wo(e, t) {
-  const n = {
-    ...ct,
-    ...e
-  }, r = {
-    ...hn,
-    ...t
-  }, o = {
-    left: n.left,
-    top: n.top,
-    width: n.width,
-    height: n.height
-  };
-  let a = n.body;
-  [n, r].forEach((g) => {
-    const O = [], p = g.hFlip, h = g.vFlip;
-    let N = g.rotate;
-    p ? h ? N += 2 : (O.push(
-      "translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"
-    ), O.push("scale(-1 1)"), o.top = o.left = 0) : h && (O.push(
-      "translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"
-    ), O.push("scale(1 -1)"), o.top = o.left = 0);
-    let b;
-    switch (N < 0 && (N -= Math.floor(N / 4) * 4), N = N % 4, N) {
-      case 1:
-        b = o.height / 2 + o.top, O.unshift(
-          "rotate(90 " + b.toString() + " " + b.toString() + ")"
-        );
-        break;
-      case 2:
-        O.unshift(
-          "rotate(180 " + (o.width / 2 + o.left).toString() + " " + (o.height / 2 + o.top).toString() + ")"
-        );
-        break;
-      case 3:
-        b = o.width / 2 + o.left, O.unshift(
-          "rotate(-90 " + b.toString() + " " + b.toString() + ")"
-        );
-        break;
-    }
-    N % 2 === 1 && (o.left !== o.top && (b = o.left, o.left = o.top, o.top = b), o.width !== o.height && (b = o.width, o.width = o.height, o.height = b)), O.length && (a = '<g transform="' + O.join(" ") + '">' + a + "</g>");
-  });
-  const s = r.width, l = r.height, i = o.width, c = o.height;
-  let u, d;
-  return s === null ? (d = l === null ? "1em" : l === "auto" ? c : l, u = Tt(d, i / c)) : (u = s === "auto" ? i : s, d = l === null ? Tt(u, c / i) : l === "auto" ? c : l), {
-    attributes: {
-      width: u.toString(),
-      height: d.toString(),
-      viewBox: o.left.toString() + " " + o.top.toString() + " " + i.toString() + " " + c.toString()
-    },
-    body: a
-  };
-}
-const Ho = /\sid="(\S+)"/g, jo = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
-let Bo = 0;
-function Yo(e, t = jo) {
-  const n = [];
-  let r;
-  for (; r = Ho.exec(e); )
-    n.push(r[1]);
-  return n.length && n.forEach((o) => {
-    const a = typeof t == "function" ? t(o) : t + (Bo++).toString(), s = o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    e = e.replace(
-      new RegExp('([#;"])(' + s + ')([")]|\\.[a-z])', "g"),
-      "$1" + a + "$3"
-    );
-  }), e;
-}
-function zo(e, t) {
-  let n = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
-  for (const r in t)
-    n += " " + r + '="' + t[r] + '"';
-  return '<svg xmlns="http://www.w3.org/2000/svg"' + n + ">" + e + "</svg>";
-}
-function Ko(e) {
-  return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
-}
-function Xo(e) {
-  return 'url("data:image/svg+xml,' + Ko(e) + '")';
-}
-const yt = {
-  ...hn,
-  inline: !1
-}, Jo = {
-  xmlns: "http://www.w3.org/2000/svg",
-  "xmlns:xlink": "http://www.w3.org/1999/xlink",
-  "aria-hidden": !0,
-  role: "img"
-}, Qo = {
-  display: "inline-block"
-}, Je = {
-  backgroundColor: "currentColor"
-}, vn = {
-  backgroundColor: "transparent"
-}, Lt = {
-  Image: "var(--svg)",
-  Repeat: "no-repeat",
-  Size: "100% 100%"
-}, It = {
-  webkitMask: Je,
-  mask: Je,
-  background: vn
-};
-for (const e in It) {
-  const t = It[e];
-  for (const n in Lt)
-    t[e + n] = Lt[n];
-}
-const Re = {};
-["horizontal", "vertical"].forEach((e) => {
-  const t = e.slice(0, 1) + "Flip";
-  Re[e + "-flip"] = t, Re[e.slice(0, 1) + "-flip"] = t, Re[e + "Flip"] = t;
-});
-function St(e) {
-  return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
-}
-const qo = (e, t) => {
-  const n = $o(yt, t), r = { ...Jo }, o = t.mode || "svg", a = {}, s = t.style, l = typeof s == "object" && !(s instanceof Array) ? s : {};
-  for (let p in t) {
-    const h = t[p];
-    if (h !== void 0)
-      switch (p) {
-        case "icon":
-        case "style":
-        case "onLoad":
-        case "mode":
-          break;
-        case "inline":
-        case "hFlip":
-        case "vFlip":
-          n[p] = h === !0 || h === "true" || h === 1;
-          break;
-        case "flip":
-          typeof h == "string" && Vo(n, h);
-          break;
-        case "color":
-          a.color = h;
-          break;
-        case "rotate":
-          typeof h == "string" ? n[p] = Uo(h) : typeof h == "number" && (n[p] = h);
-          break;
-        case "ariaHidden":
-        case "aria-hidden":
-          h !== !0 && h !== "true" && delete r["aria-hidden"];
-          break;
-        default: {
-          const N = Re[p];
-          N ? (h === !0 || h === "true" || h === 1) && (n[N] = !0) : yt[p] === void 0 && (r[p] = h);
-        }
-      }
-  }
-  const i = Wo(e, n), c = i.attributes;
-  if (n.inline && (a.verticalAlign = "-0.125em"), o === "svg") {
-    r.style = {
-      ...a,
-      ...l
-    }, Object.assign(r, c);
-    let p = 0, h = t.id;
-    return typeof h == "string" && (h = h.replace(/-/g, "_")), r.innerHTML = Yo(i.body, h ? () => h + "ID" + p++ : "iconifyVue"), Fe("svg", r);
-  }
-  const { body: u, width: d, height: _ } = e, g = o === "mask" || (o === "bg" ? !1 : u.indexOf("currentColor") !== -1), O = zo(u, {
-    ...c,
-    width: d + "",
-    height: _ + ""
-  });
-  return r.style = {
-    ...a,
-    "--svg": Xo(O),
-    width: St(c.width),
-    height: St(c.height),
-    ...Qo,
-    ...g ? Je : vn,
-    ...l
-  }, Fe("span", r);
-}, En = /* @__PURE__ */ Object.create(null);
-function Ne(e, t) {
-  En[e] = t;
-}
-const Zo = _e({
-  inheritAttrs: !1,
-  render() {
-    const e = this.$attrs, t = e.icon, n = typeof t == "string" ? En[t] : typeof t == "object" ? t : null;
-    return n === null || typeof n != "object" || typeof n.body != "string" ? this.$slots.default ? this.$slots.default() : null : qo({
-      ...ct,
-      ...n
-    }, e);
-  }
-});
-var er = Object.defineProperty, tr = Object.defineProperties, nr = Object.getOwnPropertyDescriptors, wt = Object.getOwnPropertySymbols, or = Object.prototype.hasOwnProperty, rr = Object.prototype.propertyIsEnumerable, Dt = (e, t, n) => t in e ? er(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Ct = (e, t) => {
-  for (var n in t || (t = {}))
-    or.call(t, n) && Dt(e, n, t[n]);
-  if (wt)
-    for (var n of wt(t))
-      rr.call(t, n) && Dt(e, n, t[n]);
-  return e;
-}, sr = (e, t) => tr(e, nr(t)), ar = (e, t, n) => new Promise((r, o) => {
-  var a = (i) => {
-    try {
-      l(n.next(i));
-    } catch (c) {
-      o(c);
-    }
-  }, s = (i) => {
-    try {
-      l(n.throw(i));
-    } catch (c) {
-      o(c);
-    }
-  }, l = (i) => i.done ? r(i.value) : Promise.resolve(i.value).then(a, s);
-  l((n = n.apply(e, t)).next());
-});
-const lr = {
-  name: "VirtualList",
-  props: {
-    listData: {
-      type: Object,
-      default: () => []
-    },
-    itemSize: {
-      type: Number,
-      default: 200
-    }
-  },
-  setup(e) {
-    const t = {
-      screenHeight: M(0),
-      startOffset: M(0),
-      start: M(0),
-      end: M(0)
-    }, n = M(), r = {
-      listHeight: W(() => e.listData.length * e.itemSize),
-      visibleCount: W(() => Math.ceil(t.screenHeight.value / e.itemSize)),
-      getTransform: W(() => `translate3d(0,${t.startOffset.value}px,0)`),
-      visibleData: W(() => e.listData.slice(t.start.value, Math.min(t.end.value, e.listData.length)))
-    };
-    return Ct(sr(Ct({}, r), {
-      virList: n
-    }), t);
-  },
-  mounted() {
-    this.init(), $e(() => this.listData.length, () => ar(this, null, function* () {
-      yield this.$nextTick(), this.init();
-    }));
-  },
-  methods: {
-    init() {
-      this.screenHeight = this.$el.clientHeight, this.screenHeight == 0 && (this.screenHeight = 400), this.start = 0, this.end = this.start + this.visibleCount;
-    },
-    scrollEvent() {
-      if (this.virList) {
-        let e = this.virList.scrollTop;
-        this.start = Math.floor(e / this.itemSize), this.end = this.start + this.visibleCount, this.startOffset = e - e % this.itemSize;
-      }
-    }
-  }
-};
-function ir(e, t, n, r, o, a) {
-  return A(), F("div", {
-    ref: "virList",
-    class: "infinite-list-container",
-    onScroll: t[0] || (t[0] = (s) => a.scrollEvent())
-  }, [
-    C("div", {
-      class: "infinite-list-phantom",
-      style: Le({ height: e.listHeight + "px" })
-    }, null, 4),
-    C("div", {
-      class: "infinite-list",
-      style: Le({ transform: e.getTransform })
-    }, [
-      (A(!0), F(Oe, null, De(e.visibleData, (s) => (A(), F("div", {
-        ref_for: !0,
-        ref: "items",
-        class: "infinite-list-item",
-        key: s.id,
-        style: Le({ height: n.itemSize + "px", lineHeight: n.itemSize + "px" })
-      }, [
-        oe(e.$slots, "default", { data: s }, void 0, !0)
-      ], 4))), 128))
-    ], 4)
-  ], 544);
-}
-const cr = /* @__PURE__ */ de(lr, [["render", ir], ["__scopeId", "data-v-12d2a294"]]);
-var ur = Object.defineProperty, fr = Object.defineProperties, _r = Object.getOwnPropertyDescriptors, Pt = Object.getOwnPropertySymbols, dr = Object.prototype.hasOwnProperty, mr = Object.prototype.propertyIsEnumerable, At = (e, t, n) => t in e ? ur(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, gr = (e, t) => {
-  for (var n in t || (t = {}))
-    dr.call(t, n) && At(e, n, t[n]);
-  if (Pt)
-    for (var n of Pt(t))
-      mr.call(t, n) && At(e, n, t[n]);
-  return e;
-}, pr = (e, t) => fr(e, _r(t));
-const hr = _e({
-  components: {
-    VirtualList: cr,
-    CountShow: dn,
-    Icon: Zo
-  },
-  name: "group-show",
-  props: {
-    deviceGroup: Object,
-    controlParams: Object
-  },
-  setup(e, t) {
-    const n = M(), r = fn("theme"), o = {
-      filterDevice(u) {
-        var d, _, g, O, p;
-        let h = !0;
-        (d = e.controlParams) != null && d.searchStr && (h = u.name.indexOf((_ = e.controlParams) == null ? void 0 : _.searchStr) >= 0 || u.id.indexOf((g = e.controlParams) == null ? void 0 : g.searchStr) >= 0 || typeof u.user == "string" && u.user.indexOf((O = e.controlParams) == null ? void 0 : O.searchStr) >= 0);
-        let N = !0;
-        return (p = e.controlParams) != null && p.onlyShowOnline && (N = u.online), h && N;
-      },
-      deviceText(u) {
-        return u.user ? u.name.length > 0 ? `${u.user} [${u.id}] [${u.name}]` : `${u.user} [${u.id}] []` : u.name.length > 0 ? `${u.name} [${u.id}]` : ` [${u.id}]`;
-      },
-      groupText(u) {
-        if (u)
-          return u.name.length > 0 ? u.name : u.id;
-      }
-    }, a = {
-      filteredDevices: W(() => {
-        var u;
-        const d = (u = e.deviceGroup) == null ? void 0 : u.devices, _ = d && d.filter((O) => o.filterDevice(O)) || [];
-        return _.filter((O) => O.online).concat(_.filter((O) => !O.online));
-      })
-    }, s = W(() => a.filteredDevices.value.length > 10 ? "400px" : `${a.filteredDevices.value.length * 40}px`);
-    function l(u, d) {
-      if (d.length == 0)
-        return !0;
-      let _ = !1;
-      if ((u == null ? void 0 : u.name.indexOf(d)) > 0 && (_ = !0), _ || (_ = (u == null ? void 0 : u.devices.find((g) => g.name.indexOf(d) >= 0 || g.id.indexOf(d) >= 0 || g.user && g.user.indexOf(d) >= 0)) != null), !_) {
-        for (let g = 0; g < u.items.length; g++)
-          if (l(u.items[g], d))
-            return !0;
-      }
-      return _;
-    }
-    const i = W(() => {
-      if (e.controlParams) {
-        const u = e.controlParams.searchStr;
-        if (e.deviceGroup)
-          return l(e.deviceGroup, u);
-      }
-      return !1;
-    }), c = M(!1);
-    return pr(gr({
-      innerUtils: o
-    }, a), {
-      devicePanelHeight: s,
-      showGroup: i,
-      bShow: c,
-      theme: r,
-      countRef: n
-    });
-  }
-});
-const vr = {
-  key: 0,
-  class: "head-op"
-}, Er = {
-  key: 1,
-  style: { display: "inline-block", width: "25px" }
-}, Or = {
-  key: 0,
-  class: "group-head-count"
-}, Nr = ["title"], br = { class: "group-slot" }, Tr = {
-  key: 0,
-  style: { "margin-left": "26px" }
-}, yr = ["title"], Lr = { class: "device-slot" };
-function Ir(e, t, n, r, o, a) {
-  var s;
-  const l = ie("Icon"), i = ie("CountShow"), c = ie("group-show"), u = ie("VirtualList");
-  return e.showGroup ? (A(), F("div", {
-    key: 0,
-    class: Xe("group " + e.theme)
-  }, [
-    se(i, {
-      countInfo: e.deviceGroup,
-      controlParams: e.controlParams,
-      ref: "countRef"
-    }, {
-      default: ce(({ online: d, total: _ }) => {
-        var g, O;
-        return [
-          e.deviceGroup && e.deviceGroup.devices.length + e.deviceGroup.items.length > 0 ? (A(), F("span", vr, [
-            se(l, {
-              icon: e.bShow ? "minus" : "plus",
-              width: "20",
-              onClick: t[0] || (t[0] = (p) => e.bShow = !e.bShow),
-              class: "handle-ls-svg"
-            }, null, 8, ["icon"])
-          ])) : (A(), F("span", Er)),
-          C("span", {
-            class: "group-head-db-click",
-            onDblclick: t[1] || (t[1] = (p) => e.bShow = !e.bShow)
-          }, [
-            se(l, {
-              icon: e.bShow ? "group" : "group-closed",
-              width: "24",
-              class: "group-avatar"
-            }, null, 8, ["icon"]),
-            e.bShow ? Be("", !0) : (A(), F("span", Or, ue((g = e.deviceGroup) == null ? void 0 : g.items.length), 1)),
-            C("span", {
-              class: "group-name",
-              title: (O = e.deviceGroup) == null ? void 0 : O.name
-            }, ue(e.innerUtils.groupText(e.deviceGroup)), 9, Nr)
-          ], 32),
-          C("div", br, [
-            oe(e.$slots, "group", { group: e.deviceGroup }, void 0, !0)
-          ])
-        ];
-      }),
-      _: 3
-    }, 8, ["countInfo", "controlParams"]),
-    e.bShow ? (A(), F("div", Tr, [
-      (A(!0), F(Oe, null, De((s = e.deviceGroup) == null ? void 0 : s.items, (d, _) => (A(), _n(c, {
-        key: _,
-        deviceGroup: d,
-        controlParams: e.controlParams
-      }, {
-        group: ce(({ group: g }) => [
-          oe(e.$slots, "group", { group: g }, void 0, !0)
-        ]),
-        device: ce(({ device: g, group: O }) => [
-          oe(e.$slots, "device", {
-            device: g,
-            group: O
-          }, void 0, !0)
-        ]),
-        _: 2
-      }, 1032, ["deviceGroup", "controlParams"]))), 128)),
-      C("div", {
-        class: "device-show-div",
-        style: Le(`height: ${e.filteredDevices.length > 10 ? "400px" : `${e.filteredDevices.length * 40}px`}`)
-      }, [
-        se(u, {
-          "list-data": e.filteredDevices,
-          "item-size": 40
-        }, {
-          default: ce(({ data: d }) => [
-            C("div", {
-              class: Xe(d.online && "online-device")
-            }, [
-              se(l, {
-                icon: "user",
-                width: "16",
-                class: "device-avatar"
-              }),
-              C("span", {
-                title: e.innerUtils.deviceText(d),
-                class: "device-name"
-              }, ue(e.innerUtils.deviceText(d)), 9, yr),
-              C("div", Lr, [
-                oe(e.$slots, "device", {
-                  device: d,
-                  group: e.deviceGroup
-                }, void 0, !0)
-              ])
-            ], 2)
-          ]),
-          _: 3
-        }, 8, ["list-data"])
-      ], 4)
-    ])) : Be("", !0)
-  ], 2)) : Be("", !0);
-}
-const Sr = /* @__PURE__ */ de(hr, [["render", Ir], ["__scopeId", "data-v-93cfc8dc"]]), wr = {
-  width: 1024,
-  height: 1024,
-  body: '<path fill="currentColor" d="M384 192v640l384-320.064z"/>'
-}, Dr = {
-  width: 1024,
-  height: 1024,
-  body: '<path fill="currentColor" d="M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z"/>'
-}, Cr = {
-  width: 1024,
-  height: 1024,
-  body: '<path fill="currentColor" d="M128 192v640h768V320H485.76L357.504 192H128zm-32-64h287.872l128.384 128H928a32 32 0 0 1 32 32v576a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32z"/>'
-}, Pr = {
-  width: 1024,
-  height: 1024,
-  body: '<path fill="currentColor" d="M628.736 528.896A416 416 0 0 1 928 928H96a415.872 415.872 0 0 1 299.264-399.104L512 704l116.736-175.104zM720 304a208 208 0 1 1-416 0a208 208 0 0 1 416 0z"/>'
-}, Ar = {
-  width: 1024,
-  height: 1024,
-  body: '<path fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"/>'
-}, kr = {
-  width: 1024,
-  height: 1024,
-  body: '<path fill="currentColor" d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"/>'
-};
+import { h as Fe, getCurrentInstance as it, effectScope as yo, inject as fn, onMounted as Lo, onUnmounted as Io, ref as M, computed as W, watch as $e, Fragment as Oe, isRef as So, createVNode as ae, Text as wo, defineComponent as _e, openBlock as A, createElementBlock as F, renderSlot as oe, createElementVNode as C, toDisplayString as se, normalizeStyle as Le, renderList as De, resolveComponent as ce, normalizeClass as Xe, withCtx as ue, createCommentVNode as Be, createBlock as _n, provide as Do, withDirectives as Co, vShow as Po } from "vue";
 /*!
   * shared v9.2.2
   * (c) 2022 kazuya kawaguchi
@@ -812,32 +12,32 @@ if (process.env.NODE_ENV !== "production") {
     e.measure(t, n, r), e.clearMarks(n), e.clearMarks(r);
   });
 }
-const Rr = /\{([0-9a-zA-Z]+)\}/g;
-function ut(e, ...t) {
-  return t.length === 1 && S(t[0]) && (t = t[0]), (!t || !t.hasOwnProperty) && (t = {}), e.replace(Rr, (n, r) => t.hasOwnProperty(r) ? t[r] : "");
+const Ao = /\{([0-9a-zA-Z]+)\}/g;
+function ct(e, ...t) {
+  return t.length === 1 && S(t[0]) && (t = t[0]), (!t || !t.hasOwnProperty) && (t = {}), e.replace(Ao, (n, r) => t.hasOwnProperty(r) ? t[r] : "");
 }
-const Fr = typeof Symbol == "function" && typeof Symbol.toStringTag == "symbol", ne = (e) => Fr ? Symbol(e) : e, $r = (e, t, n) => Mr({ l: e, k: t, s: n }), Mr = (e) => JSON.stringify(e).replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029").replace(/\u0027/g, "\\u0027"), V = (e) => typeof e == "number" && isFinite(e), Vr = (e) => dt(e) === "[object Date]", Me = (e) => dt(e) === "[object RegExp]", xe = (e) => y(e) && Object.keys(e).length === 0;
+const ko = typeof Symbol == "function" && typeof Symbol.toStringTag == "symbol", ne = (e) => ko ? Symbol(e) : e, Ro = (e, t, n) => Fo({ l: e, k: t, s: n }), Fo = (e) => JSON.stringify(e).replace(/\u2028/g, "\\u2028").replace(/\u2029/g, "\\u2029").replace(/\u0027/g, "\\u0027"), V = (e) => typeof e == "number" && isFinite(e), $o = (e) => _t(e) === "[object Date]", Me = (e) => _t(e) === "[object RegExp]", xe = (e) => y(e) && Object.keys(e).length === 0;
 function be(e, t) {
   typeof console < "u" && (console.warn("[intlify] " + e), t && console.warn(t.stack));
 }
-const j = Object.assign;
-let kt;
-const ft = () => kt || (kt = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
-function Rt(e) {
+const H = Object.assign;
+let Nt;
+const ut = () => Nt || (Nt = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
+function Tt(e) {
   return e.replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-const Ur = Object.prototype.hasOwnProperty;
-function _t(e, t) {
-  return Ur.call(e, t);
+const Mo = Object.prototype.hasOwnProperty;
+function ft(e, t) {
+  return Mo.call(e, t);
 }
-const k = Array.isArray, $ = (e) => typeof e == "function", E = (e) => typeof e == "string", P = (e) => typeof e == "boolean", S = (e) => e !== null && typeof e == "object", On = Object.prototype.toString, dt = (e) => On.call(e), y = (e) => dt(e) === "[object Object]", xr = (e) => e == null ? "" : k(e) || y(e) && e.toString === On ? JSON.stringify(e, null, 2) : String(e), Ft = 2;
-function Gr(e, t = 0, n = e.length) {
+const k = Array.isArray, $ = (e) => typeof e == "function", E = (e) => typeof e == "string", P = (e) => typeof e == "boolean", S = (e) => e !== null && typeof e == "object", dn = Object.prototype.toString, _t = (e) => dn.call(e), y = (e) => _t(e) === "[object Object]", Vo = (e) => e == null ? "" : k(e) || y(e) && e.toString === dn ? JSON.stringify(e, null, 2) : String(e), yt = 2;
+function Uo(e, t = 0, n = e.length) {
   const r = e.split(/\r?\n/);
   let o = 0;
   const a = [];
   for (let s = 0; s < r.length; s++)
     if (o += r[s].length + 1, o >= t) {
-      for (let l = s - Ft; l <= s + Ft || n > o; l++) {
+      for (let l = s - yt; l <= s + yt || n > o; l++) {
         if (l < 0 || l >= r.length)
           continue;
         const i = l + 1;
@@ -859,7 +59,7 @@ function Gr(e, t = 0, n = e.length) {
   return a.join(`
 `);
 }
-function Nn() {
+function mn() {
   const e = /* @__PURE__ */ new Map();
   return {
     events: e,
@@ -897,7 +97,7 @@ const G = {
   UNEXPECTED_EMPTY_LINKED_KEY: 13,
   UNEXPECTED_LEXICAL_ANALYSIS: 14,
   __EXTEND_POINT__: 15
-}, Wr = {
+}, xo = {
   [G.EXPECTED_TOKEN]: "Expected token: '{0}'",
   [G.INVALID_TOKEN_IN_PLACEHOLDER]: "Invalid token in placeholder: '{0}'",
   [G.UNTERMINATED_SINGLE_QUOTE_IN_PLACEHOLDER]: "Unterminated single quote in placeholder",
@@ -913,8 +113,8 @@ const G = {
   [G.UNEXPECTED_EMPTY_LINKED_KEY]: "Unexpected empty linked key",
   [G.UNEXPECTED_LEXICAL_ANALYSIS]: "Unexpected lexical analysis in token: '{0}'"
 };
-function bn(e, t, n = {}) {
-  const { domain: r, messages: o, args: a } = n, s = process.env.NODE_ENV !== "production" ? ut((o || Wr)[e] || "", ...a || []) : e, l = new SyntaxError(String(s));
+function gn(e, t, n = {}) {
+  const { domain: r, messages: o, args: a } = n, s = process.env.NODE_ENV !== "production" ? ct((o || xo)[e] || "", ...a || []) : e, l = new SyntaxError(String(s));
   return l.code = e, t && (l.location = t), l.domain = r, l;
 }
 /*!
@@ -922,7 +122,7 @@ function bn(e, t, n = {}) {
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.
   */
-const Tn = {
+const pn = {
   I18nInit: "i18n:init",
   FunctionTranslate: "function:translate"
 };
@@ -931,25 +131,25 @@ const Tn = {
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.
   */
-const ae = [];
-ae[0] = {
+const le = [];
+le[0] = {
   w: [0],
   i: [3, 0],
   ["["]: [4],
   o: [7]
 };
-ae[1] = {
+le[1] = {
   w: [1],
   ["."]: [2],
   ["["]: [4],
   o: [7]
 };
-ae[2] = {
+le[2] = {
   w: [2],
   i: [3, 0],
   [0]: [3, 0]
 };
-ae[3] = {
+le[3] = {
   i: [3, 0],
   [0]: [3, 0],
   w: [1, 1],
@@ -957,7 +157,7 @@ ae[3] = {
   ["["]: [4, 1],
   o: [7, 1]
 };
-ae[4] = {
+le[4] = {
   ["'"]: [5, 0],
   ['"']: [6, 0],
   ["["]: [
@@ -968,25 +168,25 @@ ae[4] = {
   o: 8,
   l: [4, 0]
 };
-ae[5] = {
+le[5] = {
   ["'"]: [4, 0],
   o: 8,
   l: [5, 0]
 };
-ae[6] = {
+le[6] = {
   ['"']: [4, 0],
   o: 8,
   l: [6, 0]
 };
-const Hr = /^\s?(?:true|false|-?[\d.]+|'[^']*'|"[^"]*")\s?$/;
-function jr(e) {
-  return Hr.test(e);
+const Go = /^\s?(?:true|false|-?[\d.]+|'[^']*'|"[^"]*")\s?$/;
+function Wo(e) {
+  return Go.test(e);
 }
-function Br(e) {
+function jo(e) {
   const t = e.charCodeAt(0), n = e.charCodeAt(e.length - 1);
   return t === n && (t === 34 || t === 39) ? e.slice(1, -1) : e;
 }
-function Yr(e) {
+function Ho(e) {
   if (e == null)
     return "o";
   switch (e.charCodeAt(0)) {
@@ -1011,11 +211,11 @@ function Yr(e) {
   }
   return "i";
 }
-function zr(e) {
+function Bo(e) {
   const t = e.trim();
-  return e.charAt(0) === "0" && isNaN(parseInt(e)) ? !1 : jr(t) ? Br(t) : "*" + t;
+  return e.charAt(0) === "0" && isNaN(parseInt(e)) ? !1 : Wo(t) ? jo(t) : "*" + t;
 }
-function Kr(e) {
+function zo(e) {
   const t = [];
   let n = -1, r = 0, o = 0, a, s, l, i, c, u, d;
   const _ = [];
@@ -1029,7 +229,7 @@ function Kr(e) {
     if (o > 0)
       o--, r = 4, _[0]();
     else {
-      if (o = 0, s === void 0 || (s = zr(s), s === !1))
+      if (o = 0, s === void 0 || (s = Bo(s), s === !1))
         return !1;
       _[1]();
     }
@@ -1041,21 +241,21 @@ function Kr(e) {
   }
   for (; r !== null; )
     if (n++, a = e[n], !(a === "\\" && g())) {
-      if (i = Yr(a), d = ae[r], c = d[i] || d.l || 8, c === 8 || (r = c[0], c[1] !== void 0 && (u = _[c[1]], u && (l = a, u() === !1))))
+      if (i = Ho(a), d = le[r], c = d[i] || d.l || 8, c === 8 || (r = c[0], c[1] !== void 0 && (u = _[c[1]], u && (l = a, u() === !1))))
         return;
       if (r === 7)
         return t;
     }
 }
-const $t = /* @__PURE__ */ new Map();
-function Xr(e, t) {
+const Lt = /* @__PURE__ */ new Map();
+function Yo(e, t) {
   return S(e) ? e[t] : null;
 }
-function Jr(e, t) {
+function Ko(e, t) {
   if (!S(e))
     return null;
-  let n = $t.get(t);
-  if (n || (n = Kr(t), n && $t.set(t, n)), !n)
+  let n = Lt.get(t);
+  if (n || (n = zo(t), n && Lt.set(t, n)), !n)
     return null;
   const r = n.length;
   let o = e, a = 0;
@@ -1067,34 +267,34 @@ function Jr(e, t) {
   }
   return o;
 }
-const Qr = (e) => e, qr = (e) => "", Zr = "text", es = (e) => e.length === 0 ? "" : e.join(""), ts = xr;
-function Mt(e, t) {
+const Xo = (e) => e, Jo = (e) => "", Qo = "text", qo = (e) => e.length === 0 ? "" : e.join(""), Zo = Vo;
+function It(e, t) {
   return e = Math.abs(e), t === 2 ? e ? e > 1 ? 1 : 0 : 1 : e ? Math.min(e, 2) : 0;
 }
-function ns(e) {
+function er(e) {
   const t = V(e.pluralIndex) ? e.pluralIndex : -1;
   return e.named && (V(e.named.count) || V(e.named.n)) ? V(e.named.count) ? e.named.count : V(e.named.n) ? e.named.n : t : t;
 }
-function os(e, t) {
+function tr(e, t) {
   t.count || (t.count = e), t.n || (t.n = e);
 }
-function rs(e = {}) {
-  const t = e.locale, n = ns(e), r = S(e.pluralRules) && E(t) && $(e.pluralRules[t]) ? e.pluralRules[t] : Mt, o = S(e.pluralRules) && E(t) && $(e.pluralRules[t]) ? Mt : void 0, a = (N) => N[r(n, N.length, o)], s = e.list || [], l = (N) => s[N], i = e.named || {};
-  V(e.pluralIndex) && os(n, i);
-  const c = (N) => i[N];
-  function u(N) {
-    const b = $(e.messages) ? e.messages(N) : S(e.messages) ? e.messages[N] : !1;
-    return b || (e.parent ? e.parent.message(N) : qr);
+function nr(e = {}) {
+  const t = e.locale, n = er(e), r = S(e.pluralRules) && E(t) && $(e.pluralRules[t]) ? e.pluralRules[t] : It, o = S(e.pluralRules) && E(t) && $(e.pluralRules[t]) ? It : void 0, a = (b) => b[r(n, b.length, o)], s = e.list || [], l = (b) => s[b], i = e.named || {};
+  V(e.pluralIndex) && tr(n, i);
+  const c = (b) => i[b];
+  function u(b) {
+    const N = $(e.messages) ? e.messages(b) : S(e.messages) ? e.messages[b] : !1;
+    return N || (e.parent ? e.parent.message(b) : Jo);
   }
-  const d = (N) => e.modifiers ? e.modifiers[N] : Qr, _ = y(e.processor) && $(e.processor.normalize) ? e.processor.normalize : es, g = y(e.processor) && $(e.processor.interpolate) ? e.processor.interpolate : ts, O = y(e.processor) && E(e.processor.type) ? e.processor.type : Zr, h = {
+  const d = (b) => e.modifiers ? e.modifiers[b] : Xo, _ = y(e.processor) && $(e.processor.normalize) ? e.processor.normalize : qo, g = y(e.processor) && $(e.processor.interpolate) ? e.processor.interpolate : Zo, O = y(e.processor) && E(e.processor.type) ? e.processor.type : Qo, h = {
     list: l,
     named: c,
     plural: a,
-    linked: (N, ...b) => {
-      const [L, T] = b;
+    linked: (b, ...N) => {
+      const [L, T] = N;
       let v = "text", w = "";
-      b.length === 1 ? S(L) ? (w = L.modifier || w, v = L.type || v) : E(L) && (w = L || w) : b.length === 2 && (E(L) && (w = L || w), E(T) && (v = T || v));
-      let I = u(N)(h);
+      N.length === 1 ? S(L) ? (w = L.modifier || w, v = L.type || v) : E(L) && (w = L || w) : N.length === 2 && (E(L) && (w = L || w), E(T) && (v = T || v));
+      let I = u(b)(h);
       return v === "vnode" && k(I) && w && (I = I[0]), w ? d(w)(I, v) : I;
     },
     message: u,
@@ -1105,19 +305,19 @@ function rs(e = {}) {
   return h;
 }
 let Se = null;
-function ss(e) {
+function or(e) {
   Se = e;
 }
-function as(e, t, n) {
-  Se && Se.emit(Tn.I18nInit, {
+function rr(e, t, n) {
+  Se && Se.emit(pn.I18nInit, {
     timestamp: Date.now(),
     i18n: e,
     version: t,
     meta: n
   });
 }
-const ls = /* @__PURE__ */ is(Tn.FunctionTranslate);
-function is(e) {
+const sr = /* @__PURE__ */ ar(pn.FunctionTranslate);
+function ar(e) {
   return (t) => Se && Se.emit(e, t);
 }
 const K = {
@@ -1128,7 +328,7 @@ const K = {
   CANNOT_FORMAT_DATE: 5,
   FALLBACK_TO_DATE_FORMAT: 6,
   __EXTEND_POINT__: 7
-}, cs = {
+}, lr = {
   [K.NOT_FOUND_KEY]: "Not found '{key}' key in '{locale}' locale messages.",
   [K.FALLBACK_TO_TRANSLATE]: "Fall back to translate '{key}' key with '{target}' locale.",
   [K.CANNOT_FORMAT_NUMBER]: "Cannot format a number value due to not supported Intl.NumberFormat.",
@@ -1137,46 +337,46 @@ const K = {
   [K.FALLBACK_TO_DATE_FORMAT]: "Fall back to datetime format '{key}' key with '{target}' locale."
 };
 function Ee(e, ...t) {
-  return ut(cs[e], ...t);
+  return ct(lr[e], ...t);
 }
-function us(e, t, n) {
+function ir(e, t, n) {
   return [.../* @__PURE__ */ new Set([
     n,
     ...k(t) ? t : S(t) ? Object.keys(t) : E(t) ? [t] : [n]
   ])];
 }
-function yn(e, t, n) {
-  const r = E(n) ? n : mt, o = e;
+function hn(e, t, n) {
+  const r = E(n) ? n : dt, o = e;
   o.__localeChainCache || (o.__localeChainCache = /* @__PURE__ */ new Map());
   let a = o.__localeChainCache.get(r);
   if (!a) {
     a = [];
     let s = [n];
     for (; k(s); )
-      s = Vt(a, s, t);
+      s = St(a, s, t);
     const l = k(t) || !y(t) ? t : t.default ? t.default : null;
-    s = E(l) ? [l] : l, k(s) && Vt(a, s, !1), o.__localeChainCache.set(r, a);
+    s = E(l) ? [l] : l, k(s) && St(a, s, !1), o.__localeChainCache.set(r, a);
   }
   return a;
 }
-function Vt(e, t, n) {
+function St(e, t, n) {
   let r = !0;
   for (let o = 0; o < t.length && P(r); o++) {
     const a = t[o];
-    E(a) && (r = fs(e, t[o], n));
+    E(a) && (r = cr(e, t[o], n));
   }
   return r;
 }
-function fs(e, t, n) {
+function cr(e, t, n) {
   let r;
   const o = t.split("-");
   do {
     const a = o.join("-");
-    r = _s(e, a, n), o.splice(-1, 1);
+    r = ur(e, a, n), o.splice(-1, 1);
   } while (o.length && r === !0);
   return r;
 }
-function _s(e, t, n) {
+function ur(e, t, n) {
   let r = !1;
   if (!e.includes(t) && (r = !0, t)) {
     r = t[t.length - 1] !== "!";
@@ -1185,37 +385,37 @@ function _s(e, t, n) {
   }
   return r;
 }
-const ds = "9.2.2", Ge = -1, mt = "en-US", Ve = "", Ut = (e) => `${e.charAt(0).toLocaleUpperCase()}${e.substr(1)}`;
-function ms() {
+const fr = "9.2.2", Ge = -1, dt = "en-US", Ve = "", wt = (e) => `${e.charAt(0).toLocaleUpperCase()}${e.substr(1)}`;
+function _r() {
   return {
     upper: (e, t) => t === "text" && E(e) ? e.toUpperCase() : t === "vnode" && S(e) && "__v_isVNode" in e ? e.children.toUpperCase() : e,
     lower: (e, t) => t === "text" && E(e) ? e.toLowerCase() : t === "vnode" && S(e) && "__v_isVNode" in e ? e.children.toLowerCase() : e,
-    capitalize: (e, t) => t === "text" && E(e) ? Ut(e) : t === "vnode" && S(e) && "__v_isVNode" in e ? Ut(e.children) : e
+    capitalize: (e, t) => t === "text" && E(e) ? wt(e) : t === "vnode" && S(e) && "__v_isVNode" in e ? wt(e.children) : e
   };
 }
-let gs, Ln;
-function ps(e) {
-  Ln = e;
-}
-let In;
-function hs(e) {
-  In = e;
-}
-let Sn = null;
-const xt = (e) => {
-  Sn = e;
-}, vs = () => Sn;
-let wn = null;
-const Gt = (e) => {
-  wn = e;
-}, Es = () => wn;
-let Wt = 0;
-function Os(e = {}) {
-  const t = E(e.version) ? e.version : ds, n = E(e.locale) ? e.locale : mt, r = k(e.fallbackLocale) || y(e.fallbackLocale) || E(e.fallbackLocale) || e.fallbackLocale === !1 ? e.fallbackLocale : n, o = y(e.messages) ? e.messages : { [n]: {} }, a = y(e.datetimeFormats) ? e.datetimeFormats : { [n]: {} }, s = y(e.numberFormats) ? e.numberFormats : { [n]: {} }, l = j({}, e.modifiers || {}, ms()), i = e.pluralRules || {}, c = $(e.missing) ? e.missing : null, u = P(e.missingWarn) || Me(e.missingWarn) ? e.missingWarn : !0, d = P(e.fallbackWarn) || Me(e.fallbackWarn) ? e.fallbackWarn : !0, _ = !!e.fallbackFormat, g = !!e.unresolving, O = $(e.postTranslation) ? e.postTranslation : null, p = y(e.processor) ? e.processor : null, h = P(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, N = !!e.escapeParameter, b = $(e.messageCompiler) ? e.messageCompiler : gs, L = $(e.messageResolver) ? e.messageResolver : Ln || Xr, T = $(e.localeFallbacker) ? e.localeFallbacker : In || us, v = S(e.fallbackContext) ? e.fallbackContext : void 0, w = $(e.onWarn) ? e.onWarn : be, I = e, U = S(I.__datetimeFormatters) ? I.__datetimeFormatters : /* @__PURE__ */ new Map(), z = S(I.__numberFormatters) ? I.__numberFormatters : /* @__PURE__ */ new Map(), Q = S(I.__meta) ? I.__meta : {};
-  Wt++;
+let dr, vn;
+function mr(e) {
+  vn = e;
+}
+let En;
+function gr(e) {
+  En = e;
+}
+let On = null;
+const Dt = (e) => {
+  On = e;
+}, pr = () => On;
+let bn = null;
+const Ct = (e) => {
+  bn = e;
+}, hr = () => bn;
+let Pt = 0;
+function vr(e = {}) {
+  const t = E(e.version) ? e.version : fr, n = E(e.locale) ? e.locale : dt, r = k(e.fallbackLocale) || y(e.fallbackLocale) || E(e.fallbackLocale) || e.fallbackLocale === !1 ? e.fallbackLocale : n, o = y(e.messages) ? e.messages : { [n]: {} }, a = y(e.datetimeFormats) ? e.datetimeFormats : { [n]: {} }, s = y(e.numberFormats) ? e.numberFormats : { [n]: {} }, l = H({}, e.modifiers || {}, _r()), i = e.pluralRules || {}, c = $(e.missing) ? e.missing : null, u = P(e.missingWarn) || Me(e.missingWarn) ? e.missingWarn : !0, d = P(e.fallbackWarn) || Me(e.fallbackWarn) ? e.fallbackWarn : !0, _ = !!e.fallbackFormat, g = !!e.unresolving, O = $(e.postTranslation) ? e.postTranslation : null, p = y(e.processor) ? e.processor : null, h = P(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, b = !!e.escapeParameter, N = $(e.messageCompiler) ? e.messageCompiler : dr, L = $(e.messageResolver) ? e.messageResolver : vn || Yo, T = $(e.localeFallbacker) ? e.localeFallbacker : En || ir, v = S(e.fallbackContext) ? e.fallbackContext : void 0, w = $(e.onWarn) ? e.onWarn : be, I = e, U = S(I.__datetimeFormatters) ? I.__datetimeFormatters : /* @__PURE__ */ new Map(), Y = S(I.__numberFormatters) ? I.__numberFormatters : /* @__PURE__ */ new Map(), Q = S(I.__meta) ? I.__meta : {};
+  Pt++;
   const q = {
     version: t,
-    cid: Wt,
+    cid: Pt,
     locale: n,
     fallbackLocale: r,
     messages: o,
@@ -1229,23 +429,23 @@ function Os(e = {}) {
     postTranslation: O,
     processor: p,
     warnHtmlMessage: h,
-    escapeParameter: N,
-    messageCompiler: b,
+    escapeParameter: b,
+    messageCompiler: N,
     messageResolver: L,
     localeFallbacker: T,
     fallbackContext: v,
     onWarn: w,
     __meta: Q
   };
-  return q.datetimeFormats = a, q.numberFormats = s, q.__datetimeFormatters = U, q.__numberFormatters = z, process.env.NODE_ENV !== "production" && (q.__v_emitter = I.__v_emitter != null ? I.__v_emitter : void 0), (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) && as(q, t, Q), q;
+  return q.datetimeFormats = a, q.numberFormats = s, q.__datetimeFormatters = U, q.__numberFormatters = Y, process.env.NODE_ENV !== "production" && (q.__v_emitter = I.__v_emitter != null ? I.__v_emitter : void 0), (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) && rr(q, t, Q), q;
 }
 function We(e, t) {
   return e instanceof RegExp ? e.test(t) : e;
 }
-function Dn(e, t) {
+function Nn(e, t) {
   return e instanceof RegExp ? e.test(t) : e;
 }
-function gt(e, t, n, r, o) {
+function mt(e, t, n, r, o) {
   const { missing: a, onWarn: s } = e;
   if (process.env.NODE_ENV !== "production") {
     const l = e.__v_emitter;
@@ -1260,69 +460,69 @@ function gt(e, t, n, r, o) {
     const l = a(e, n, t, o);
     return E(l) ? l : t;
   } else
-    return process.env.NODE_ENV !== "production" && Dn(r, t) && s(Ee(K.NOT_FOUND_KEY, { key: t, locale: n })), t;
+    return process.env.NODE_ENV !== "production" && Nn(r, t) && s(Ee(K.NOT_FOUND_KEY, { key: t, locale: n })), t;
 }
 function Te(e, t, n) {
   const r = e;
   r.__localeChainCache = /* @__PURE__ */ new Map(), e.localeFallbacker(e, n, t);
 }
-let Cn = G.__EXTEND_POINT__;
-const Ye = () => ++Cn, re = {
-  INVALID_ARGUMENT: Cn,
-  INVALID_DATE_ARGUMENT: Ye(),
-  INVALID_ISO_DATE_ARGUMENT: Ye(),
-  __EXTEND_POINT__: Ye()
+let Tn = G.__EXTEND_POINT__;
+const ze = () => ++Tn, re = {
+  INVALID_ARGUMENT: Tn,
+  INVALID_DATE_ARGUMENT: ze(),
+  INVALID_ISO_DATE_ARGUMENT: ze(),
+  __EXTEND_POINT__: ze()
 };
 function ve(e) {
-  return bn(e, null, process.env.NODE_ENV !== "production" ? { messages: Ns } : void 0);
+  return gn(e, null, process.env.NODE_ENV !== "production" ? { messages: Er } : void 0);
 }
-const Ns = {
+const Er = {
   [re.INVALID_ARGUMENT]: "Invalid arguments",
   [re.INVALID_DATE_ARGUMENT]: "The date provided is an invalid Date object.Make sure your Date represents a valid date.",
   [re.INVALID_ISO_DATE_ARGUMENT]: "The argument provided is not a valid ISO date string"
-}, Ht = () => "", ee = (e) => $(e);
-function jt(e, ...t) {
-  const { fallbackFormat: n, postTranslation: r, unresolving: o, messageCompiler: a, fallbackLocale: s, messages: l } = e, [i, c] = Qe(...t), u = P(c.missingWarn) ? c.missingWarn : e.missingWarn, d = P(c.fallbackWarn) ? c.fallbackWarn : e.fallbackWarn, _ = P(c.escapeParameter) ? c.escapeParameter : e.escapeParameter, g = !!c.resolvedMessage, O = E(c.default) || P(c.default) ? P(c.default) ? a ? i : () => i : c.default : n ? a ? i : () => i : "", p = n || O !== "", h = E(c.locale) ? c.locale : e.locale;
-  _ && bs(c);
-  let [N, b, L] = g ? [
+}, At = () => "", ee = (e) => $(e);
+function kt(e, ...t) {
+  const { fallbackFormat: n, postTranslation: r, unresolving: o, messageCompiler: a, fallbackLocale: s, messages: l } = e, [i, c] = Je(...t), u = P(c.missingWarn) ? c.missingWarn : e.missingWarn, d = P(c.fallbackWarn) ? c.fallbackWarn : e.fallbackWarn, _ = P(c.escapeParameter) ? c.escapeParameter : e.escapeParameter, g = !!c.resolvedMessage, O = E(c.default) || P(c.default) ? P(c.default) ? a ? i : () => i : c.default : n ? a ? i : () => i : "", p = n || O !== "", h = E(c.locale) ? c.locale : e.locale;
+  _ && Or(c);
+  let [b, N, L] = g ? [
     i,
     h,
     l[h] || {}
-  ] : Pn(e, i, h, s, d, u), T = N, v = i;
-  if (!g && !(E(T) || ee(T)) && p && (T = O, v = T), !g && (!(E(T) || ee(T)) || !E(b)))
+  ] : yn(e, i, h, s, d, u), T = b, v = i;
+  if (!g && !(E(T) || ee(T)) && p && (T = O, v = T), !g && (!(E(T) || ee(T)) || !E(N)))
     return o ? Ge : i;
   if (process.env.NODE_ENV !== "production" && E(T) && e.messageCompiler == null)
     return be(`The message format compilation is not supported in this build. Because message compiler isn't included. You need to pre-compilation all message format. So translate function return '${i}'.`), i;
   let w = !1;
   const I = () => {
     w = !0;
-  }, U = ee(T) ? T : An(e, i, b, T, v, I);
+  }, U = ee(T) ? T : Ln(e, i, N, T, v, I);
   if (w)
     return T;
-  const z = Ls(e, b, L, c), Q = rs(z), q = Ts(e, U, Q), Ce = r ? r(q, i) : q;
+  const Y = Tr(e, N, L, c), Q = nr(Y), q = br(e, U, Q), Ce = r ? r(q, i) : q;
   if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) {
     const Pe = {
       timestamp: Date.now(),
       key: E(i) ? i : ee(T) ? T.key : "",
-      locale: b || (ee(T) ? T.locale : ""),
+      locale: N || (ee(T) ? T.locale : ""),
       format: E(T) ? T : ee(T) ? T.source : "",
       message: Ce
     };
-    Pe.meta = j({}, e.__meta, vs() || {}), ls(Pe);
+    Pe.meta = H({}, e.__meta, pr() || {}), sr(Pe);
   }
   return Ce;
 }
-function bs(e) {
-  k(e.list) ? e.list = e.list.map((t) => E(t) ? Rt(t) : t) : S(e.named) && Object.keys(e.named).forEach((t) => {
-    E(e.named[t]) && (e.named[t] = Rt(e.named[t]));
+function Or(e) {
+  k(e.list) ? e.list = e.list.map((t) => E(t) ? Tt(t) : t) : S(e.named) && Object.keys(e.named).forEach((t) => {
+    E(e.named[t]) && (e.named[t] = Tt(e.named[t]));
   });
 }
-function Pn(e, t, n, r, o, a) {
+function yn(e, t, n, r, o, a) {
   const { messages: s, onWarn: l, messageResolver: i, localeFallbacker: c } = e, u = c(e, r, n);
   let d = {}, _, g = null, O = n, p = null;
   const h = "translate";
-  for (let N = 0; N < u.length; N++) {
-    if (_ = p = u[N], process.env.NODE_ENV !== "production" && n !== _ && We(o, t) && l(Ee(K.FALLBACK_TO_TRANSLATE, {
+  for (let b = 0; b < u.length; b++) {
+    if (_ = p = u[b], process.env.NODE_ENV !== "production" && n !== _ && We(o, t) && l(Ee(K.FALLBACK_TO_TRANSLATE, {
       key: t,
       target: _
     })), process.env.NODE_ENV !== "production" && n !== _) {
@@ -1336,20 +536,20 @@ function Pn(e, t, n, r, o, a) {
       });
     }
     d = s[_] || {};
-    let b = null, L, T;
-    if (process.env.NODE_ENV !== "production" && te && (b = window.performance.now(), L = "intlify-message-resolve-start", T = "intlify-message-resolve-end", X && X(L)), (g = i(d, t)) === null && (g = d[t]), process.env.NODE_ENV !== "production" && te) {
+    let N = null, L, T;
+    if (process.env.NODE_ENV !== "production" && te && (N = window.performance.now(), L = "intlify-message-resolve-start", T = "intlify-message-resolve-end", X && X(L)), (g = i(d, t)) === null && (g = d[t]), process.env.NODE_ENV !== "production" && te) {
       const w = window.performance.now(), I = e.__v_emitter;
-      I && b && g && I.emit("message-resolve", {
+      I && N && g && I.emit("message-resolve", {
         type: "message-resolve",
         key: t,
         message: g,
-        time: w - b,
+        time: w - N,
         groupId: `${h}:${t}`
       }), L && T && X && fe && (X(T), fe("intlify message resolve", L, T));
     }
     if (E(g) || $(g))
       break;
-    const v = gt(
+    const v = mt(
       e,
       t,
       _,
@@ -1360,7 +560,7 @@ function Pn(e, t, n, r, o, a) {
   }
   return [g, _, d];
 }
-function An(e, t, n, r, o, a) {
+function Ln(e, t, n, r, o, a) {
   const { messageCompiler: s, warnHtmlMessage: l } = e;
   if (ee(r)) {
     const _ = r;
@@ -1372,7 +572,7 @@ function An(e, t, n, r, o, a) {
   }
   let i = null, c, u;
   process.env.NODE_ENV !== "production" && te && (i = window.performance.now(), c = "intlify-message-compilation-start", u = "intlify-message-compilation-end", X && X(c));
-  const d = s(r, ys(e, n, o, r, l, a));
+  const d = s(r, Nr(e, n, o, r, l, a));
   if (process.env.NODE_ENV !== "production" && te) {
     const _ = window.performance.now(), g = e.__v_emitter;
     g && i && g.emit("message-compilation", {
@@ -1384,7 +584,7 @@ function An(e, t, n, r, o, a) {
   }
   return d.locale = n, d.key = t, d.source = r, d;
 }
-function Ts(e, t, n) {
+function br(e, t, n) {
   let r = null, o, a;
   process.env.NODE_ENV !== "production" && te && (r = window.performance.now(), o = "intlify-message-evaluation-start", a = "intlify-message-evaluation-end", X && X(o));
   const s = t(n);
@@ -1399,19 +599,19 @@ function Ts(e, t, n) {
   }
   return s;
 }
-function Qe(...e) {
+function Je(...e) {
   const [t, n, r] = e, o = {};
   if (!E(t) && !V(t) && !ee(t))
     throw ve(re.INVALID_ARGUMENT);
   const a = V(t) ? String(t) : (ee(t), t);
-  return V(n) ? o.plural = n : E(n) ? o.default = n : y(n) && !xe(n) ? o.named = n : k(n) && (o.list = n), V(r) ? o.plural = r : E(r) ? o.default = r : y(r) && j(o, r), [a, o];
+  return V(n) ? o.plural = n : E(n) ? o.default = n : y(n) && !xe(n) ? o.named = n : k(n) && (o.list = n), V(r) ? o.plural = r : E(r) ? o.default = r : y(r) && H(o, r), [a, o];
 }
-function ys(e, t, n, r, o, a) {
+function Nr(e, t, n, r, o, a) {
   return {
     warnHtmlMessage: o,
     onError: (s) => {
       if (a && a(s), process.env.NODE_ENV !== "production") {
-        const l = `Message compilation error: ${s.message}`, i = s.location && Gr(r, s.location.start.offset, s.location.end.offset), c = e.__v_emitter;
+        const l = `Message compilation error: ${s.message}`, i = s.location && Uo(r, s.location.start.offset, s.location.end.offset), c = e.__v_emitter;
         c && c.emit("compile-error", {
           message: r,
           error: s.message,
@@ -1423,10 +623,10 @@ ${i}` : l);
       } else
         throw s;
     },
-    onCacheKey: (s) => $r(t, n, s)
+    onCacheKey: (s) => Ro(t, n, s)
   };
 }
-function Ls(e, t, n, r) {
+function Tr(e, t, n, r) {
   const { modifiers: o, pluralRules: a, messageResolver: s, fallbackLocale: l, fallbackWarn: i, missingWarn: c, fallbackContext: u } = e, _ = {
     locale: t,
     modifiers: o,
@@ -1434,43 +634,43 @@ function Ls(e, t, n, r) {
     messages: (g) => {
       let O = s(n, g);
       if (O == null && u) {
-        const [, , p] = Pn(u, g, t, l, i, c);
+        const [, , p] = yn(u, g, t, l, i, c);
         O = s(p, g);
       }
       if (E(O)) {
         let p = !1;
-        const N = An(e, g, t, O, g, () => {
+        const b = Ln(e, g, t, O, g, () => {
           p = !0;
         });
-        return p ? Ht : N;
+        return p ? At : b;
       } else
-        return ee(O) ? O : Ht;
+        return ee(O) ? O : At;
     }
   };
   return e.processor && (_.processor = e.processor), r.list && (_.list = r.list), r.named && (_.named = r.named), V(r.plural) && (_.pluralIndex = r.plural), _;
 }
-const Bt = typeof Intl < "u", kn = {
-  dateTimeFormat: Bt && typeof Intl.DateTimeFormat < "u",
-  numberFormat: Bt && typeof Intl.NumberFormat < "u"
+const Rt = typeof Intl < "u", In = {
+  dateTimeFormat: Rt && typeof Intl.DateTimeFormat < "u",
+  numberFormat: Rt && typeof Intl.NumberFormat < "u"
 };
-function Yt(e, ...t) {
+function Ft(e, ...t) {
   const { datetimeFormats: n, unresolving: r, fallbackLocale: o, onWarn: a, localeFallbacker: s } = e, { __datetimeFormatters: l } = e;
-  if (process.env.NODE_ENV !== "production" && !kn.dateTimeFormat)
+  if (process.env.NODE_ENV !== "production" && !In.dateTimeFormat)
     return a(Ee(K.CANNOT_FORMAT_DATE)), Ve;
-  const [i, c, u, d] = qe(...t), _ = P(u.missingWarn) ? u.missingWarn : e.missingWarn, g = P(u.fallbackWarn) ? u.fallbackWarn : e.fallbackWarn, O = !!u.part, p = E(u.locale) ? u.locale : e.locale, h = s(
+  const [i, c, u, d] = Qe(...t), _ = P(u.missingWarn) ? u.missingWarn : e.missingWarn, g = P(u.fallbackWarn) ? u.fallbackWarn : e.fallbackWarn, O = !!u.part, p = E(u.locale) ? u.locale : e.locale, h = s(
     e,
     o,
     p
   );
   if (!E(i) || i === "")
     return new Intl.DateTimeFormat(p, d).format(c);
-  let N = {}, b, L = null, T = p, v = null;
+  let b = {}, N, L = null, T = p, v = null;
   const w = "datetime format";
-  for (let z = 0; z < h.length; z++) {
-    if (b = v = h[z], process.env.NODE_ENV !== "production" && p !== b && We(g, i) && a(Ee(K.FALLBACK_TO_DATE_FORMAT, {
+  for (let Y = 0; Y < h.length; Y++) {
+    if (N = v = h[Y], process.env.NODE_ENV !== "production" && p !== N && We(g, i) && a(Ee(K.FALLBACK_TO_DATE_FORMAT, {
       key: i,
-      target: b
-    })), process.env.NODE_ENV !== "production" && p !== b) {
+      target: N
+    })), process.env.NODE_ENV !== "production" && p !== N) {
       const Q = e.__v_emitter;
       Q && Q.emit("fallback", {
         type: w,
@@ -1480,18 +680,18 @@ function Yt(e, ...t) {
         groupId: `${w}:${i}`
       });
     }
-    if (N = n[b] || {}, L = N[i], y(L))
+    if (b = n[N] || {}, L = b[i], y(L))
       break;
-    gt(e, i, b, _, w), T = v;
+    mt(e, i, N, _, w), T = v;
   }
-  if (!y(L) || !E(b))
+  if (!y(L) || !E(N))
     return r ? Ge : i;
-  let I = `${b}__${i}`;
+  let I = `${N}__${i}`;
   xe(d) || (I = `${I}__${JSON.stringify(d)}`);
   let U = l.get(I);
-  return U || (U = new Intl.DateTimeFormat(b, j({}, L, d)), l.set(I, U)), O ? U.formatToParts(c) : U.format(c);
+  return U || (U = new Intl.DateTimeFormat(N, H({}, L, d)), l.set(I, U)), O ? U.formatToParts(c) : U.format(c);
 }
-const Rn = [
+const Sn = [
   "localeMatcher",
   "weekday",
   "era",
@@ -1513,7 +713,7 @@ const Rn = [
   "hourCycle",
   "fractionalSecondDigits"
 ];
-function qe(...e) {
+function Qe(...e) {
   const [t, n, r, o] = e, a = {};
   let s = {}, l;
   if (E(t)) {
@@ -1527,7 +727,7 @@ function qe(...e) {
     } catch {
       throw ve(re.INVALID_ISO_DATE_ARGUMENT);
     }
-  } else if (Vr(t)) {
+  } else if ($o(t)) {
     if (isNaN(t.getTime()))
       throw ve(re.INVALID_DATE_ARGUMENT);
     l = t;
@@ -1536,34 +736,34 @@ function qe(...e) {
   else
     throw ve(re.INVALID_ARGUMENT);
   return E(n) ? a.key = n : y(n) && Object.keys(n).forEach((i) => {
-    Rn.includes(i) ? s[i] = n[i] : a[i] = n[i];
+    Sn.includes(i) ? s[i] = n[i] : a[i] = n[i];
   }), E(r) ? a.locale = r : y(r) && (s = r), y(o) && (s = o), [a.key || "", l, a, s];
 }
-function zt(e, t, n) {
+function $t(e, t, n) {
   const r = e;
   for (const o in n) {
     const a = `${t}__${o}`;
     !r.__datetimeFormatters.has(a) || r.__datetimeFormatters.delete(a);
   }
 }
-function Kt(e, ...t) {
+function Mt(e, ...t) {
   const { numberFormats: n, unresolving: r, fallbackLocale: o, onWarn: a, localeFallbacker: s } = e, { __numberFormatters: l } = e;
-  if (process.env.NODE_ENV !== "production" && !kn.numberFormat)
+  if (process.env.NODE_ENV !== "production" && !In.numberFormat)
     return a(Ee(K.CANNOT_FORMAT_NUMBER)), Ve;
-  const [i, c, u, d] = Ze(...t), _ = P(u.missingWarn) ? u.missingWarn : e.missingWarn, g = P(u.fallbackWarn) ? u.fallbackWarn : e.fallbackWarn, O = !!u.part, p = E(u.locale) ? u.locale : e.locale, h = s(
+  const [i, c, u, d] = qe(...t), _ = P(u.missingWarn) ? u.missingWarn : e.missingWarn, g = P(u.fallbackWarn) ? u.fallbackWarn : e.fallbackWarn, O = !!u.part, p = E(u.locale) ? u.locale : e.locale, h = s(
     e,
     o,
     p
   );
   if (!E(i) || i === "")
     return new Intl.NumberFormat(p, d).format(c);
-  let N = {}, b, L = null, T = p, v = null;
+  let b = {}, N, L = null, T = p, v = null;
   const w = "number format";
-  for (let z = 0; z < h.length; z++) {
-    if (b = v = h[z], process.env.NODE_ENV !== "production" && p !== b && We(g, i) && a(Ee(K.FALLBACK_TO_NUMBER_FORMAT, {
+  for (let Y = 0; Y < h.length; Y++) {
+    if (N = v = h[Y], process.env.NODE_ENV !== "production" && p !== N && We(g, i) && a(Ee(K.FALLBACK_TO_NUMBER_FORMAT, {
       key: i,
-      target: b
-    })), process.env.NODE_ENV !== "production" && p !== b) {
+      target: N
+    })), process.env.NODE_ENV !== "production" && p !== N) {
       const Q = e.__v_emitter;
       Q && Q.emit("fallback", {
         type: w,
@@ -1573,18 +773,18 @@ function Kt(e, ...t) {
         groupId: `${w}:${i}`
       });
     }
-    if (N = n[b] || {}, L = N[i], y(L))
+    if (b = n[N] || {}, L = b[i], y(L))
       break;
-    gt(e, i, b, _, w), T = v;
+    mt(e, i, N, _, w), T = v;
   }
-  if (!y(L) || !E(b))
+  if (!y(L) || !E(N))
     return r ? Ge : i;
-  let I = `${b}__${i}`;
+  let I = `${N}__${i}`;
   xe(d) || (I = `${I}__${JSON.stringify(d)}`);
   let U = l.get(I);
-  return U || (U = new Intl.NumberFormat(b, j({}, L, d)), l.set(I, U)), O ? U.formatToParts(c) : U.format(c);
+  return U || (U = new Intl.NumberFormat(N, H({}, L, d)), l.set(I, U)), O ? U.formatToParts(c) : U.format(c);
 }
-const Fn = [
+const wn = [
   "localeMatcher",
   "style",
   "currency",
@@ -1606,40 +806,40 @@ const Fn = [
   "roundingIncrement",
   "trailingZeroDisplay"
 ];
-function Ze(...e) {
+function qe(...e) {
   const [t, n, r, o] = e, a = {};
   let s = {};
   if (!V(t))
     throw ve(re.INVALID_ARGUMENT);
   const l = t;
   return E(n) ? a.key = n : y(n) && Object.keys(n).forEach((i) => {
-    Fn.includes(i) ? s[i] = n[i] : a[i] = n[i];
+    wn.includes(i) ? s[i] = n[i] : a[i] = n[i];
   }), E(r) ? a.locale = r : y(r) && (s = r), y(o) && (s = o), [a.key || "", l, a, s];
 }
-function Xt(e, t, n) {
+function Vt(e, t, n) {
   const r = e;
   for (const o in n) {
     const a = `${t}__${o}`;
     !r.__numberFormatters.has(a) || r.__numberFormatters.delete(a);
   }
 }
-typeof __INTLIFY_PROD_DEVTOOLS__ != "boolean" && (ft().__INTLIFY_PROD_DEVTOOLS__ = !1);
-function Is() {
-  return $n().__VUE_DEVTOOLS_GLOBAL_HOOK__;
+typeof __INTLIFY_PROD_DEVTOOLS__ != "boolean" && (ut().__INTLIFY_PROD_DEVTOOLS__ = !1);
+function yr() {
+  return Dn().__VUE_DEVTOOLS_GLOBAL_HOOK__;
 }
-function $n() {
+function Dn() {
   return typeof navigator < "u" && typeof window < "u" ? window : typeof global < "u" ? global : {};
 }
-const Ss = typeof Proxy == "function", ws = "devtools-plugin:setup", Ds = "plugin:settings:set";
-let pe, et;
-function Cs() {
+const Lr = typeof Proxy == "function", Ir = "devtools-plugin:setup", Sr = "plugin:settings:set";
+let pe, Ze;
+function wr() {
   var e;
-  return pe !== void 0 || (typeof window < "u" && window.performance ? (pe = !0, et = window.performance) : typeof global < "u" && ((e = global.perf_hooks) === null || e === void 0 ? void 0 : e.performance) ? (pe = !0, et = global.perf_hooks.performance) : pe = !1), pe;
+  return pe !== void 0 || (typeof window < "u" && window.performance ? (pe = !0, Ze = window.performance) : typeof global < "u" && ((e = global.perf_hooks) === null || e === void 0 ? void 0 : e.performance) ? (pe = !0, Ze = global.perf_hooks.performance) : pe = !1), pe;
 }
-function Ps() {
-  return Cs() ? et.now() : Date.now();
+function Dr() {
+  return wr() ? Ze.now() : Date.now();
 }
-class As {
+class Cr {
   constructor(t, n) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = n;
     const r = {};
@@ -1667,9 +867,9 @@ class As {
         a = s;
       },
       now() {
-        return Ps();
+        return Dr();
       }
-    }, n && n.on(Ds, (s, l) => {
+    }, n && n.on(Sr, (s, l) => {
       s === this.plugin.id && this.fallbacks.setSettings(l);
     }), this.proxiedOn = new Proxy({}, {
       get: (s, l) => this.target ? this.target.on[l] : (...i) => {
@@ -1701,12 +901,12 @@ class As {
       n.resolve(await this.target[n.method](...n.args));
   }
 }
-function ks(e, t) {
-  const n = e, r = $n(), o = Is(), a = Ss && n.enableEarlyProxy;
+function Pr(e, t) {
+  const n = e, r = Dn(), o = yr(), a = Lr && n.enableEarlyProxy;
   if (o && (r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !a))
-    o.emit(ws, e, t);
+    o.emit(Ir, e, t);
   else {
-    const s = a ? new As(n, o) : null;
+    const s = a ? new Cr(n, o) : null;
     (r.__VUE_DEVTOOLS_PLUGINS__ = r.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: n,
       setupFn: t,
@@ -1719,13 +919,13 @@ function ks(e, t) {
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.
   */
-const ze = {
+const Ye = {
   ["vue-devtools-plugin-vue-i18n"]: "Vue I18n devtools",
   ["vue-i18n-resource-inspector"]: "I18n Resources",
   ["vue-i18n-timeline"]: "Vue I18n"
-}, Rs = {
+}, Ar = {
   ["vue-i18n-resource-inspector"]: "Search for scopes ..."
-}, Fs = {
+}, kr = {
   ["vue-i18n-timeline"]: 16764185
 };
 /*!
@@ -1733,21 +933,21 @@ const ze = {
   * (c) 2022 kazuya kawaguchi
   * Released under the MIT License.
   */
-const $s = "9.2.2";
-function Ms() {
+const Rr = "9.2.2";
+function Fr() {
   let e = !1;
-  typeof __INTLIFY_PROD_DEVTOOLS__ != "boolean" && (ft().__INTLIFY_PROD_DEVTOOLS__ = !1), process.env.NODE_ENV !== "production" && e && console.warn("You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle.");
+  typeof __INTLIFY_PROD_DEVTOOLS__ != "boolean" && (ut().__INTLIFY_PROD_DEVTOOLS__ = !1), process.env.NODE_ENV !== "production" && e && console.warn("You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle.");
 }
-let Mn = K.__EXTEND_POINT__;
-const he = () => ++Mn, Z = {
-  FALLBACK_TO_ROOT: Mn,
+let Cn = K.__EXTEND_POINT__;
+const he = () => ++Cn, Z = {
+  FALLBACK_TO_ROOT: Cn,
   NOT_SUPPORTED_PRESERVE: he(),
   NOT_SUPPORTED_FORMATTER: he(),
   NOT_SUPPORTED_PRESERVE_DIRECTIVE: he(),
   NOT_SUPPORTED_GET_CHOICE_INDEX: he(),
   COMPONENT_NAME_LEGACY_COMPATIBLE: he(),
   NOT_FOUND_PARENT_SCOPE: he()
-}, Vs = {
+}, $r = {
   [Z.FALLBACK_TO_ROOT]: "Fall back to {type} '{key}' with root locale.",
   [Z.NOT_SUPPORTED_PRESERVE]: "Not supported 'preserve'.",
   [Z.NOT_SUPPORTED_FORMATTER]: "Not supported 'formatter'.",
@@ -1756,31 +956,31 @@ const he = () => ++Mn, Z = {
   [Z.COMPONENT_NAME_LEGACY_COMPATIBLE]: "Component name legacy compatible: '{name}' -> 'i18n'",
   [Z.NOT_FOUND_PARENT_SCOPE]: "Not found parent scope. use the global scope."
 };
-function He(e, ...t) {
-  return ut(Vs[e], ...t);
-}
-let Vn = G.__EXTEND_POINT__;
-const Y = () => ++Vn, D = {
-  UNEXPECTED_RETURN_TYPE: Vn,
-  INVALID_ARGUMENT: Y(),
-  MUST_BE_CALL_SETUP_TOP: Y(),
-  NOT_INSLALLED: Y(),
-  NOT_AVAILABLE_IN_LEGACY_MODE: Y(),
-  REQUIRED_VALUE: Y(),
-  INVALID_VALUE: Y(),
-  CANNOT_SETUP_VUE_DEVTOOLS_PLUGIN: Y(),
-  NOT_INSLALLED_WITH_PROVIDE: Y(),
-  UNEXPECTED_ERROR: Y(),
-  NOT_COMPATIBLE_LEGACY_VUE_I18N: Y(),
-  BRIDGE_SUPPORT_VUE_2_ONLY: Y(),
-  MUST_DEFINE_I18N_OPTION_IN_ALLOW_COMPOSITION: Y(),
-  NOT_AVAILABLE_COMPOSITION_IN_LEGACY: Y(),
-  __EXTEND_POINT__: Y()
+function je(e, ...t) {
+  return ct($r[e], ...t);
+}
+let Pn = G.__EXTEND_POINT__;
+const z = () => ++Pn, D = {
+  UNEXPECTED_RETURN_TYPE: Pn,
+  INVALID_ARGUMENT: z(),
+  MUST_BE_CALL_SETUP_TOP: z(),
+  NOT_INSLALLED: z(),
+  NOT_AVAILABLE_IN_LEGACY_MODE: z(),
+  REQUIRED_VALUE: z(),
+  INVALID_VALUE: z(),
+  CANNOT_SETUP_VUE_DEVTOOLS_PLUGIN: z(),
+  NOT_INSLALLED_WITH_PROVIDE: z(),
+  UNEXPECTED_ERROR: z(),
+  NOT_COMPATIBLE_LEGACY_VUE_I18N: z(),
+  BRIDGE_SUPPORT_VUE_2_ONLY: z(),
+  MUST_DEFINE_I18N_OPTION_IN_ALLOW_COMPOSITION: z(),
+  NOT_AVAILABLE_COMPOSITION_IN_LEGACY: z(),
+  __EXTEND_POINT__: z()
 };
 function J(e, ...t) {
-  return bn(e, null, process.env.NODE_ENV !== "production" ? { messages: Us, args: t } : void 0);
+  return gn(e, null, process.env.NODE_ENV !== "production" ? { messages: Mr, args: t } : void 0);
 }
-const Us = {
+const Mr = {
   [D.UNEXPECTED_RETURN_TYPE]: "Unexpected return type in composer",
   [D.INVALID_ARGUMENT]: "Invalid argument",
   [D.MUST_BE_CALL_SETUP_TOP]: "Must be called at the top of a `setup` function",
@@ -1795,26 +995,26 @@ const Us = {
   [D.BRIDGE_SUPPORT_VUE_2_ONLY]: "vue-i18n-bridge support Vue 2.x only",
   [D.MUST_DEFINE_I18N_OPTION_IN_ALLOW_COMPOSITION]: "Must define \u2018i18n\u2019 option or custom block in Composition API with using local scope in Legacy API mode",
   [D.NOT_AVAILABLE_COMPOSITION_IN_LEGACY]: "Not available Compostion API in Legacy API mode. Please make sure that the legacy API mode is working properly"
-}, tt = /* @__PURE__ */ ne("__transrateVNode"), nt = /* @__PURE__ */ ne("__datetimeParts"), ot = /* @__PURE__ */ ne("__numberParts"), we = /* @__PURE__ */ ne("__enableEmitter"), rt = /* @__PURE__ */ ne("__disableEmitter"), xs = ne("__setPluralRules");
+}, et = /* @__PURE__ */ ne("__transrateVNode"), tt = /* @__PURE__ */ ne("__datetimeParts"), nt = /* @__PURE__ */ ne("__numberParts"), we = /* @__PURE__ */ ne("__enableEmitter"), ot = /* @__PURE__ */ ne("__disableEmitter"), Vr = ne("__setPluralRules");
 ne("__intlifyMeta");
-const Gs = /* @__PURE__ */ ne("__injectWithOption");
-function st(e) {
+const Ur = /* @__PURE__ */ ne("__injectWithOption");
+function rt(e) {
   if (!S(e))
     return e;
   for (const t in e)
-    if (!!_t(e, t))
+    if (!!ft(e, t))
       if (!t.includes("."))
-        S(e[t]) && st(e[t]);
+        S(e[t]) && rt(e[t]);
       else {
         const n = t.split("."), r = n.length - 1;
         let o = e;
         for (let a = 0; a < r; a++)
           n[a] in o || (o[n[a]] = {}), o = o[n[a]];
-        o[n[r]] = e[t], delete e[t], S(o[n[r]]) && st(o[n[r]]);
+        o[n[r]] = e[t], delete e[t], S(o[n[r]]) && rt(o[n[r]]);
       }
   return e;
 }
-function Un(e, t) {
+function An(e, t) {
   const { messages: n, __i18n: r, messageResolver: o, flatJson: a } = t, s = y(n) ? n : k(r) ? {} : { [e]: {} };
   if (k(r) && r.forEach((l) => {
     if ("locale" in l && "resource" in l) {
@@ -1824,7 +1024,7 @@ function Un(e, t) {
       E(l) && Ie(JSON.parse(l), s);
   }), o == null && a)
     for (const l in s)
-      _t(s, l) && st(s[l]);
+      ft(s, l) && rt(s[l]);
   return s;
 }
 const ke = (e) => !S(e) || k(e);
@@ -1832,14 +1032,14 @@ function Ie(e, t) {
   if (ke(e) || ke(t))
     throw J(D.INVALID_VALUE);
   for (const n in e)
-    _t(e, n) && (ke(e[n]) || ke(t[n]) ? t[n] = e[n] : Ie(e[n], t[n]));
+    ft(e, n) && (ke(e[n]) || ke(t[n]) ? t[n] = e[n] : Ie(e[n], t[n]));
 }
-function xn(e) {
+function kn(e) {
   return e.type;
 }
-function Ws(e, t, n) {
+function xr(e, t, n) {
   let r = S(t.messages) ? t.messages : {};
-  "__i18nGlobal" in n && (r = Un(e.locale.value, {
+  "__i18nGlobal" in n && (r = An(e.locale.value, {
     messages: r,
     __i18n: n.__i18nGlobal
   }));
@@ -1862,34 +1062,34 @@ function Ws(e, t, n) {
     }
   }
 }
-function Jt(e) {
-  return se(Io, null, e, 0);
+function Ut(e) {
+  return ae(wo, null, e, 0);
 }
-const Qt = "__INTLIFY_META__";
-let qt = 0;
-function Zt(e) {
+const xt = "__INTLIFY_META__";
+let Gt = 0;
+function Wt(e) {
   return (t, n, r, o) => e(n, r, it() || void 0, o);
 }
-const Hs = () => {
+const Gr = () => {
   const e = it();
   let t = null;
-  return e && (t = xn(e)[Qt]) ? { [Qt]: t } : null;
+  return e && (t = kn(e)[xt]) ? { [xt]: t } : null;
 };
-function Gn(e = {}, t) {
+function Rn(e = {}, t) {
   const { __root: n } = e, r = n === void 0;
   let o = P(e.inheritLocale) ? e.inheritLocale : !0;
   const a = M(
-    n && o ? n.locale.value : E(e.locale) ? e.locale : mt
+    n && o ? n.locale.value : E(e.locale) ? e.locale : dt
   ), s = M(
     n && o ? n.fallbackLocale.value : E(e.fallbackLocale) || k(e.fallbackLocale) || y(e.fallbackLocale) || e.fallbackLocale === !1 ? e.fallbackLocale : a.value
-  ), l = M(Un(a.value, e)), i = M(y(e.datetimeFormats) ? e.datetimeFormats : { [a.value]: {} }), c = M(y(e.numberFormats) ? e.numberFormats : { [a.value]: {} });
-  let u = n ? n.missingWarn : P(e.missingWarn) || Me(e.missingWarn) ? e.missingWarn : !0, d = n ? n.fallbackWarn : P(e.fallbackWarn) || Me(e.fallbackWarn) ? e.fallbackWarn : !0, _ = n ? n.fallbackRoot : P(e.fallbackRoot) ? e.fallbackRoot : !0, g = !!e.fallbackFormat, O = $(e.missing) ? e.missing : null, p = $(e.missing) ? Zt(e.missing) : null, h = $(e.postTranslation) ? e.postTranslation : null, N = n ? n.warnHtmlMessage : P(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, b = !!e.escapeParameter;
+  ), l = M(An(a.value, e)), i = M(y(e.datetimeFormats) ? e.datetimeFormats : { [a.value]: {} }), c = M(y(e.numberFormats) ? e.numberFormats : { [a.value]: {} });
+  let u = n ? n.missingWarn : P(e.missingWarn) || Me(e.missingWarn) ? e.missingWarn : !0, d = n ? n.fallbackWarn : P(e.fallbackWarn) || Me(e.fallbackWarn) ? e.fallbackWarn : !0, _ = n ? n.fallbackRoot : P(e.fallbackRoot) ? e.fallbackRoot : !0, g = !!e.fallbackFormat, O = $(e.missing) ? e.missing : null, p = $(e.missing) ? Wt(e.missing) : null, h = $(e.postTranslation) ? e.postTranslation : null, b = n ? n.warnHtmlMessage : P(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, N = !!e.escapeParameter;
   const L = n ? n.modifiers : y(e.modifiers) ? e.modifiers : {};
   let T = e.pluralRules || n && n.pluralRules, v;
   v = (() => {
-    r && Gt(null);
+    r && Ct(null);
     const f = {
-      version: $s,
+      version: Rr,
       locale: a.value,
       fallbackLocale: s.value,
       messages: l.value,
@@ -1901,14 +1101,14 @@ function Gn(e = {}, t) {
       fallbackFormat: g,
       unresolving: !0,
       postTranslation: h === null ? void 0 : h,
-      warnHtmlMessage: N,
-      escapeParameter: b,
+      warnHtmlMessage: b,
+      escapeParameter: N,
       messageResolver: e.messageResolver,
       __meta: { framework: "vue" }
     };
     f.datetimeFormats = i.value, f.numberFormats = c.value, f.__datetimeFormatters = y(v) ? v.__datetimeFormatters : void 0, f.__numberFormatters = y(v) ? v.__numberFormatters : void 0, process.env.NODE_ENV !== "production" && (f.__v_emitter = y(v) ? v.__v_emitter : void 0);
-    const m = Os(f);
-    return r && Gt(m), m;
+    const m = vr(f);
+    return r && Ct(m), m;
   })(), Te(v, a.value, s.value);
   function I() {
     return [
@@ -1924,7 +1124,7 @@ function Gn(e = {}, t) {
     set: (f) => {
       a.value = f, v.locale = a.value;
     }
-  }), z = W({
+  }), Y = W({
     get: () => s.value,
     set: (f) => {
       s.value = f, v.fallbackLocale = s.value, Te(v, a.value, f);
@@ -1933,44 +1133,44 @@ function Gn(e = {}, t) {
   function Pe() {
     return $(h) ? h : null;
   }
-  function Jn(f) {
+  function qn(f) {
     h = f, v.postTranslation = f;
   }
-  function Qn() {
+  function Zn() {
     return O;
   }
-  function qn(f) {
-    f !== null && (p = Zt(f)), O = f, v.missing = p;
+  function eo(f) {
+    f !== null && (p = Wt(f)), O = f, v.missing = p;
   }
-  function Zn(f, m) {
+  function to(f, m) {
     return f !== "translate" || !m.resolvedMessage;
   }
-  const me = (f, m, B, H, je, Ae) => {
+  const me = (f, m, B, j, He, Ae) => {
     I();
     let ge;
     if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__)
       try {
-        xt(Hs()), r || (v.fallbackContext = n ? Es() : void 0), ge = f(v);
+        Dt(Gr()), r || (v.fallbackContext = n ? hr() : void 0), ge = f(v);
       } finally {
-        xt(null), r || (v.fallbackContext = void 0);
+        Dt(null), r || (v.fallbackContext = void 0);
       }
     else
       ge = f(v);
     if (V(ge) && ge === Ge) {
-      const [le, No] = m();
-      if (process.env.NODE_ENV !== "production" && n && E(le) && Zn(B, No) && (_ && (We(d, le) || Dn(u, le)) && be(He(Z.FALLBACK_TO_ROOT, {
-        key: le,
+      const [ie, To] = m();
+      if (process.env.NODE_ENV !== "production" && n && E(ie) && to(B, To) && (_ && (We(d, ie) || Nn(u, ie)) && be(je(Z.FALLBACK_TO_ROOT, {
+        key: ie,
         type: B
       })), process.env.NODE_ENV !== "production")) {
-        const { __v_emitter: Nt } = v;
-        Nt && _ && Nt.emit("fallback", {
+        const { __v_emitter: bt } = v;
+        bt && _ && bt.emit("fallback", {
           type: B,
-          key: le,
+          key: ie,
           to: "global",
-          groupId: `${B}:${le}`
+          groupId: `${B}:${ie}`
         });
       }
-      return n && _ ? H(n) : je(le);
+      return n && _ ? j(n) : He(ie);
     } else {
       if (Ae(ge))
         return ge;
@@ -1978,79 +1178,79 @@ function Gn(e = {}, t) {
     }
   };
   function Et(...f) {
-    return me((m) => Reflect.apply(jt, null, [m, ...f]), () => Qe(...f), "translate", (m) => Reflect.apply(m.t, m, [...f]), (m) => m, (m) => E(m));
+    return me((m) => Reflect.apply(kt, null, [m, ...f]), () => Je(...f), "translate", (m) => Reflect.apply(m.t, m, [...f]), (m) => m, (m) => E(m));
   }
-  function eo(...f) {
-    const [m, B, H] = f;
-    if (H && !S(H))
+  function no(...f) {
+    const [m, B, j] = f;
+    if (j && !S(j))
       throw J(D.INVALID_ARGUMENT);
-    return Et(m, B, j({ resolvedMessage: !0 }, H || {}));
+    return Et(m, B, H({ resolvedMessage: !0 }, j || {}));
   }
-  function to(...f) {
-    return me((m) => Reflect.apply(Yt, null, [m, ...f]), () => qe(...f), "datetime format", (m) => Reflect.apply(m.d, m, [...f]), () => Ve, (m) => E(m));
+  function oo(...f) {
+    return me((m) => Reflect.apply(Ft, null, [m, ...f]), () => Qe(...f), "datetime format", (m) => Reflect.apply(m.d, m, [...f]), () => Ve, (m) => E(m));
   }
-  function no(...f) {
-    return me((m) => Reflect.apply(Kt, null, [m, ...f]), () => Ze(...f), "number format", (m) => Reflect.apply(m.n, m, [...f]), () => Ve, (m) => E(m));
+  function ro(...f) {
+    return me((m) => Reflect.apply(Mt, null, [m, ...f]), () => qe(...f), "number format", (m) => Reflect.apply(m.n, m, [...f]), () => Ve, (m) => E(m));
   }
-  function oo(f) {
-    return f.map((m) => E(m) || V(m) || P(m) ? Jt(String(m)) : m);
+  function so(f) {
+    return f.map((m) => E(m) || V(m) || P(m) ? Ut(String(m)) : m);
   }
-  const ro = {
-    normalize: oo,
+  const ao = {
+    normalize: so,
     interpolate: (f) => f,
     type: "vnode"
   };
-  function so(...f) {
+  function lo(...f) {
     return me(
       (m) => {
         let B;
-        const H = m;
+        const j = m;
         try {
-          H.processor = ro, B = Reflect.apply(jt, null, [H, ...f]);
+          j.processor = ao, B = Reflect.apply(kt, null, [j, ...f]);
         } finally {
-          H.processor = null;
+          j.processor = null;
         }
         return B;
       },
-      () => Qe(...f),
+      () => Je(...f),
       "translate",
-      (m) => m[tt](...f),
-      (m) => [Jt(m)],
+      (m) => m[et](...f),
+      (m) => [Ut(m)],
       (m) => k(m)
     );
   }
-  function ao(...f) {
+  function io(...f) {
     return me(
-      (m) => Reflect.apply(Kt, null, [m, ...f]),
-      () => Ze(...f),
+      (m) => Reflect.apply(Mt, null, [m, ...f]),
+      () => qe(...f),
       "number format",
-      (m) => m[ot](...f),
+      (m) => m[nt](...f),
       () => [],
       (m) => E(m) || k(m)
     );
   }
-  function lo(...f) {
+  function co(...f) {
     return me(
-      (m) => Reflect.apply(Yt, null, [m, ...f]),
-      () => qe(...f),
+      (m) => Reflect.apply(Ft, null, [m, ...f]),
+      () => Qe(...f),
       "datetime format",
-      (m) => m[nt](...f),
+      (m) => m[tt](...f),
       () => [],
       (m) => E(m) || k(m)
     );
   }
-  function io(f) {
+  function uo(f) {
     T = f, v.pluralRules = T;
   }
-  function co(f, m) {
-    const B = E(m) ? m : a.value, H = Ot(B);
-    return v.messageResolver(H, f) !== null;
+  function fo(f, m) {
+    const B = E(m) ? m : a.value, j = Ot(B);
+    return v.messageResolver(j, f) !== null;
   }
-  function uo(f) {
+  function _o(f) {
     let m = null;
-    const B = yn(v, s.value, a.value);
-    for (let H = 0; H < B.length; H++) {
-      const je = l.value[B[H]] || {}, Ae = v.messageResolver(je, f);
+    const B = hn(v, s.value, a.value);
+    for (let j = 0; j < B.length; j++) {
+      const He = l.value[B[j]] || {}, Ae = v.messageResolver(He, f);
       if (Ae != null) {
         m = Ae;
         break;
@@ -2058,46 +1258,46 @@ function Gn(e = {}, t) {
     }
     return m;
   }
-  function fo(f) {
-    const m = uo(f);
+  function mo(f) {
+    const m = _o(f);
     return m != null ? m : n ? n.tm(f) || {} : {};
   }
   function Ot(f) {
     return l.value[f] || {};
   }
-  function _o(f, m) {
+  function go(f, m) {
     l.value[f] = m, v.messages = l.value;
   }
-  function mo(f, m) {
+  function po(f, m) {
     l.value[f] = l.value[f] || {}, Ie(m, l.value[f]), v.messages = l.value;
   }
-  function go(f) {
+  function ho(f) {
     return i.value[f] || {};
   }
-  function po(f, m) {
-    i.value[f] = m, v.datetimeFormats = i.value, zt(v, f, m);
+  function vo(f, m) {
+    i.value[f] = m, v.datetimeFormats = i.value, $t(v, f, m);
   }
-  function ho(f, m) {
-    i.value[f] = j(i.value[f] || {}, m), v.datetimeFormats = i.value, zt(v, f, m);
+  function Eo(f, m) {
+    i.value[f] = H(i.value[f] || {}, m), v.datetimeFormats = i.value, $t(v, f, m);
   }
-  function vo(f) {
+  function Oo(f) {
     return c.value[f] || {};
   }
-  function Eo(f, m) {
-    c.value[f] = m, v.numberFormats = c.value, Xt(v, f, m);
+  function bo(f, m) {
+    c.value[f] = m, v.numberFormats = c.value, Vt(v, f, m);
   }
-  function Oo(f, m) {
-    c.value[f] = j(c.value[f] || {}, m), v.numberFormats = c.value, Xt(v, f, m);
+  function No(f, m) {
+    c.value[f] = H(c.value[f] || {}, m), v.numberFormats = c.value, Vt(v, f, m);
   }
-  qt++, n && te && ($e(n.locale, (f) => {
+  Gt++, n && te && ($e(n.locale, (f) => {
     o && (a.value = f, v.locale = f, Te(v, a.value, s.value));
   }), $e(n.fallbackLocale, (f) => {
     o && (s.value = f, v.fallbackLocale = f, Te(v, a.value, s.value));
   }));
   const R = {
-    id: qt,
+    id: Gt,
     locale: U,
-    fallbackLocale: z,
+    fallbackLocale: Y,
     get inheritLocale() {
       return o;
     },
@@ -2142,34 +1342,34 @@ function Gn(e = {}, t) {
       g = f, v.fallbackFormat = g;
     },
     get warnHtmlMessage() {
-      return N;
+      return b;
     },
     set warnHtmlMessage(f) {
-      N = f, v.warnHtmlMessage = f;
+      b = f, v.warnHtmlMessage = f;
     },
     get escapeParameter() {
-      return b;
+      return N;
     },
     set escapeParameter(f) {
-      b = f, v.escapeParameter = f;
+      N = f, v.escapeParameter = f;
     },
     t: Et,
     getLocaleMessage: Ot,
-    setLocaleMessage: _o,
-    mergeLocaleMessage: mo,
+    setLocaleMessage: go,
+    mergeLocaleMessage: po,
     getPostTranslationHandler: Pe,
-    setPostTranslationHandler: Jn,
-    getMissingHandler: Qn,
-    setMissingHandler: qn,
-    [xs]: io
+    setPostTranslationHandler: qn,
+    getMissingHandler: Zn,
+    setMissingHandler: eo,
+    [Vr]: uo
   };
-  return R.datetimeFormats = q, R.numberFormats = Ce, R.rt = eo, R.te = co, R.tm = fo, R.d = to, R.n = no, R.getDateTimeFormat = go, R.setDateTimeFormat = po, R.mergeDateTimeFormat = ho, R.getNumberFormat = vo, R.setNumberFormat = Eo, R.mergeNumberFormat = Oo, R[Gs] = e.__injectWithOption, R[tt] = so, R[nt] = lo, R[ot] = ao, process.env.NODE_ENV !== "production" && (R[we] = (f) => {
+  return R.datetimeFormats = q, R.numberFormats = Ce, R.rt = no, R.te = fo, R.tm = mo, R.d = oo, R.n = ro, R.getDateTimeFormat = ho, R.setDateTimeFormat = vo, R.mergeDateTimeFormat = Eo, R.getNumberFormat = Oo, R.setNumberFormat = bo, R.mergeNumberFormat = No, R[Ur] = e.__injectWithOption, R[et] = lo, R[tt] = co, R[nt] = io, process.env.NODE_ENV !== "production" && (R[we] = (f) => {
     v.__v_emitter = f;
-  }, R[rt] = () => {
+  }, R[ot] = () => {
     v.__v_emitter = void 0;
   }), R;
 }
-const pt = {
+const gt = {
   tag: {
     type: [String, Object]
   },
@@ -2185,7 +1385,7 @@ const pt = {
     type: Object
   }
 };
-function js({ slots: e }, t) {
+function Wr({ slots: e }, t) {
   return t.length === 1 && t[0] === "default" ? (e.default ? e.default() : []).reduce((r, o) => r = [
     ...r,
     ...k(o.children) ? o.children : [o]
@@ -2194,585 +1394,1419 @@ function js({ slots: e }, t) {
     return o && (n[r] = o()), n;
   }, {});
 }
-function Wn(e) {
-  return Oe;
+function Fn(e) {
+  return Oe;
+}
+const Ke = {
+  name: "i18n-t",
+  props: H({
+    keypath: {
+      type: String,
+      required: !0
+    },
+    plural: {
+      type: [Number, String],
+      validator: (e) => V(e) || !isNaN(e)
+    }
+  }, gt),
+  setup(e, t) {
+    const { slots: n, attrs: r } = t, o = e.i18n || ht({
+      useScope: e.scope,
+      __useComponent: !0
+    });
+    return () => {
+      const a = Object.keys(n).filter((d) => d !== "_"), s = {};
+      e.locale && (s.locale = e.locale), e.plural !== void 0 && (s.plural = E(e.plural) ? +e.plural : e.plural);
+      const l = Wr(t, a), i = o[et](e.keypath, l, s), c = H({}, r), u = E(e.tag) || S(e.tag) ? e.tag : Fn();
+      return Fe(u, c, i);
+    };
+  }
+};
+function jr(e) {
+  return k(e) && !E(e[0]);
+}
+function $n(e, t, n, r) {
+  const { slots: o, attrs: a } = t;
+  return () => {
+    const s = { part: !0 };
+    let l = {};
+    e.locale && (s.locale = e.locale), E(e.format) ? s.key = e.format : S(e.format) && (E(e.format.key) && (s.key = e.format.key), l = Object.keys(e.format).reduce((_, g) => n.includes(g) ? H({}, _, { [g]: e.format[g] }) : _, {}));
+    const i = r(e.value, s, l);
+    let c = [s.key];
+    k(i) ? c = i.map((_, g) => {
+      const O = o[_.type], p = O ? O({ [_.type]: _.value, index: g, parts: i }) : [_.value];
+      return jr(p) && (p[0].key = `${_.type}-${g}`), p;
+    }) : E(i) && (c = [i]);
+    const u = H({}, a), d = E(e.tag) || S(e.tag) ? e.tag : Fn();
+    return Fe(d, u, c);
+  };
+}
+const jt = {
+  name: "i18n-n",
+  props: H({
+    value: {
+      type: Number,
+      required: !0
+    },
+    format: {
+      type: [String, Object]
+    }
+  }, gt),
+  setup(e, t) {
+    const n = e.i18n || ht({ useScope: "parent", __useComponent: !0 });
+    return $n(e, t, wn, (...r) => n[nt](...r));
+  }
+}, Ht = {
+  name: "i18n-d",
+  props: H({
+    value: {
+      type: [Number, Date],
+      required: !0
+    },
+    format: {
+      type: [String, Object]
+    }
+  }, gt),
+  setup(e, t) {
+    const n = e.i18n || ht({ useScope: "parent", __useComponent: !0 });
+    return $n(e, t, Sn, (...r) => n[tt](...r));
+  }
+};
+function Hr(e, t) {
+  const n = e;
+  if (e.mode === "composition")
+    return n.__getInstance(t) || e.global;
+  {
+    const r = n.__getInstance(t);
+    return r != null ? r.__composer : e.global.__composer;
+  }
+}
+function Br(e) {
+  const t = (s) => {
+    const { instance: l, modifiers: i, value: c } = s;
+    if (!l || !l.$)
+      throw J(D.UNEXPECTED_ERROR);
+    const u = Hr(e, l.$);
+    process.env.NODE_ENV !== "production" && i.preserve && be(je(Z.NOT_SUPPORTED_PRESERVE));
+    const d = Bt(c);
+    return [
+      Reflect.apply(u.t, u, [...zt(d)]),
+      u
+    ];
+  };
+  return {
+    created: (s, l) => {
+      const [i, c] = t(l);
+      te && e.global === c && (s.__i18nWatcher = $e(c.locale, () => {
+        l.instance && l.instance.$forceUpdate();
+      })), s.__composer = c, s.textContent = i;
+    },
+    unmounted: (s) => {
+      te && s.__i18nWatcher && (s.__i18nWatcher(), s.__i18nWatcher = void 0, delete s.__i18nWatcher), s.__composer && (s.__composer = void 0, delete s.__composer);
+    },
+    beforeUpdate: (s, { value: l }) => {
+      if (s.__composer) {
+        const i = s.__composer, c = Bt(l);
+        s.textContent = Reflect.apply(i.t, i, [
+          ...zt(c)
+        ]);
+      }
+    },
+    getSSRProps: (s) => {
+      const [l] = t(s);
+      return { textContent: l };
+    }
+  };
+}
+function Bt(e) {
+  if (E(e))
+    return { path: e };
+  if (y(e)) {
+    if (!("path" in e))
+      throw J(D.REQUIRED_VALUE, "path");
+    return e;
+  } else
+    throw J(D.INVALID_VALUE);
+}
+function zt(e) {
+  const { path: t, locale: n, args: r, choice: o, plural: a } = e, s = {}, l = r || {};
+  return E(n) && (s.locale = n), V(o) && (s.plural = o), V(a) && (s.plural = a), [t, l, s];
+}
+function zr(e, t, ...n) {
+  const r = y(n[0]) ? n[0] : {}, o = !!r.useI18nComponentName, a = P(r.globalInstall) ? r.globalInstall : !0;
+  process.env.NODE_ENV !== "production" && a && o && be(je(Z.COMPONENT_NAME_LEGACY_COMPATIBLE, {
+    name: Ke.name
+  })), a && (e.component(o ? "i18n" : Ke.name, Ke), e.component(jt.name, jt), e.component(Ht.name, Ht)), e.directive("t", Br(t));
+}
+const Mn = "vue-i18n: composer properties";
+let st;
+async function Yr(e, t) {
+  return new Promise((n, r) => {
+    try {
+      Pr({
+        id: "vue-devtools-plugin-vue-i18n",
+        label: Ye["vue-devtools-plugin-vue-i18n"],
+        packageName: "vue-i18n",
+        homepage: "https://vue-i18n.intlify.dev",
+        logo: "https://vue-i18n.intlify.dev/vue-i18n-devtools-logo.png",
+        componentStateTypes: [Mn],
+        app: e
+      }, (o) => {
+        st = o, o.on.visitComponentTree(({ componentInstance: s, treeNode: l }) => {
+          Kr(s, l, t);
+        }), o.on.inspectComponent(({ componentInstance: s, instanceData: l }) => {
+          s.vnode.el && s.vnode.el.__VUE_I18N__ && l && (t.mode === "legacy" ? s.vnode.el.__VUE_I18N__ !== t.global.__composer && Yt(l, s.vnode.el.__VUE_I18N__) : Yt(l, s.vnode.el.__VUE_I18N__));
+        }), o.addInspector({
+          id: "vue-i18n-resource-inspector",
+          label: Ye["vue-i18n-resource-inspector"],
+          icon: "language",
+          treeFilterPlaceholder: Ar["vue-i18n-resource-inspector"]
+        }), o.on.getInspectorTree((s) => {
+          s.app === e && s.inspectorId === "vue-i18n-resource-inspector" && Zr(s, t);
+        });
+        const a = /* @__PURE__ */ new Map();
+        o.on.getInspectorState(async (s) => {
+          if (s.app === e && s.inspectorId === "vue-i18n-resource-inspector")
+            if (o.unhighlightElement(), ts(s, t), s.nodeId === "global") {
+              if (!a.has(s.app)) {
+                const [l] = await o.getComponentInstances(s.app);
+                a.set(s.app, l);
+              }
+              o.highlightElement(a.get(s.app));
+            } else {
+              const l = es(s.nodeId, t);
+              l && o.highlightElement(l);
+            }
+        }), o.on.editInspectorState((s) => {
+          s.app === e && s.inspectorId === "vue-i18n-resource-inspector" && os(s, t);
+        }), o.addTimelineLayer({
+          id: "vue-i18n-timeline",
+          label: Ye["vue-i18n-timeline"],
+          color: kr["vue-i18n-timeline"]
+        }), n(!0);
+      });
+    } catch (o) {
+      console.error(o), r(!1);
+    }
+  });
+}
+function Vn(e) {
+  return e.type.name || e.type.displayName || e.type.__file || "Anonymous";
+}
+function Kr(e, t, n) {
+  const r = n.mode === "composition" ? n.global : n.global.__composer;
+  if (e && e.vnode.el && e.vnode.el.__VUE_I18N__ && e.vnode.el.__VUE_I18N__ !== r) {
+    const o = {
+      label: `i18n (${Vn(e)} Scope)`,
+      textColor: 0,
+      backgroundColor: 16764185
+    };
+    t.tags.push(o);
+  }
+}
+function Yt(e, t) {
+  const n = Mn;
+  e.state.push({
+    type: n,
+    key: "locale",
+    editable: !0,
+    value: t.locale.value
+  }), e.state.push({
+    type: n,
+    key: "availableLocales",
+    editable: !1,
+    value: t.availableLocales
+  }), e.state.push({
+    type: n,
+    key: "fallbackLocale",
+    editable: !0,
+    value: t.fallbackLocale.value
+  }), e.state.push({
+    type: n,
+    key: "inheritLocale",
+    editable: !0,
+    value: t.inheritLocale
+  }), e.state.push({
+    type: n,
+    key: "messages",
+    editable: !1,
+    value: pt(t.messages.value)
+  }), e.state.push({
+    type: n,
+    key: "datetimeFormats",
+    editable: !1,
+    value: t.datetimeFormats.value
+  }), e.state.push({
+    type: n,
+    key: "numberFormats",
+    editable: !1,
+    value: t.numberFormats.value
+  });
+}
+function pt(e) {
+  const t = {};
+  return Object.keys(e).forEach((n) => {
+    const r = e[n];
+    $(r) && "source" in r ? t[n] = qr(r) : S(r) ? t[n] = pt(r) : t[n] = r;
+  }), t;
 }
-const Ke = {
-  name: "i18n-t",
-  props: j({
-    keypath: {
-      type: String,
-      required: !0
-    },
-    plural: {
-      type: [Number, String],
-      validator: (e) => V(e) || !isNaN(e)
-    }
-  }, pt),
-  setup(e, t) {
-    const { slots: n, attrs: r } = t, o = e.i18n || vt({
-      useScope: e.scope,
-      __useComponent: !0
-    });
-    return () => {
-      const a = Object.keys(n).filter((d) => d !== "_"), s = {};
-      e.locale && (s.locale = e.locale), e.plural !== void 0 && (s.plural = E(e.plural) ? +e.plural : e.plural);
-      const l = js(t, a), i = o[tt](e.keypath, l, s), c = j({}, r), u = E(e.tag) || S(e.tag) ? e.tag : Wn();
-      return Fe(u, c, i);
-    };
-  }
+const Xr = {
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "&": "&amp;"
 };
-function Bs(e) {
-  return k(e) && !E(e[0]);
+function Jr(e) {
+  return e.replace(/[<>"&]/g, Qr);
 }
-function Hn(e, t, n, r) {
-  const { slots: o, attrs: a } = t;
-  return () => {
-    const s = { part: !0 };
-    let l = {};
-    e.locale && (s.locale = e.locale), E(e.format) ? s.key = e.format : S(e.format) && (E(e.format.key) && (s.key = e.format.key), l = Object.keys(e.format).reduce((_, g) => n.includes(g) ? j({}, _, { [g]: e.format[g] }) : _, {}));
-    const i = r(e.value, s, l);
-    let c = [s.key];
-    k(i) ? c = i.map((_, g) => {
-      const O = o[_.type], p = O ? O({ [_.type]: _.value, index: g, parts: i }) : [_.value];
-      return Bs(p) && (p[0].key = `${_.type}-${g}`), p;
-    }) : E(i) && (c = [i]);
-    const u = j({}, a), d = E(e.tag) || S(e.tag) ? e.tag : Wn();
-    return Fe(d, u, c);
-  };
+function Qr(e) {
+  return Xr[e] || e;
 }
-const en = {
-  name: "i18n-n",
-  props: j({
-    value: {
-      type: Number,
-      required: !0
-    },
-    format: {
-      type: [String, Object]
+function qr(e) {
+  const t = e.source ? `("${Jr(e.source)}")` : "(?)";
+  return {
+    _custom: {
+      type: "function",
+      display: `<span>\u0192</span> ${t}`
     }
-  }, pt),
-  setup(e, t) {
-    const n = e.i18n || vt({ useScope: "parent", __useComponent: !0 });
-    return Hn(e, t, Fn, (...r) => n[ot](...r));
+  };
+}
+function Zr(e, t) {
+  e.rootNodes.push({
+    id: "global",
+    label: "Global Scope"
+  });
+  const n = t.mode === "composition" ? t.global : t.global.__composer;
+  for (const [r, o] of t.__instances) {
+    const a = t.mode === "composition" ? o : o.__composer;
+    n !== a && e.rootNodes.push({
+      id: a.id.toString(),
+      label: `${Vn(r)} Scope`
+    });
   }
-}, tn = {
-  name: "i18n-d",
-  props: j({
-    value: {
-      type: [Number, Date],
-      required: !0
-    },
-    format: {
-      type: [String, Object]
-    }
-  }, pt),
-  setup(e, t) {
-    const n = e.i18n || vt({ useScope: "parent", __useComponent: !0 });
-    return Hn(e, t, Rn, (...r) => n[nt](...r));
+}
+function es(e, t) {
+  let n = null;
+  if (e !== "global") {
+    for (const [r, o] of t.__instances.entries())
+      if (o.id.toString() === e) {
+        n = r;
+        break;
+      }
   }
-};
-function Ys(e, t) {
-  const n = e;
-  if (e.mode === "composition")
-    return n.__getInstance(t) || e.global;
+  return n;
+}
+function Un(e, t) {
+  if (e === "global")
+    return t.mode === "composition" ? t.global : t.global.__composer;
   {
-    const r = n.__getInstance(t);
-    return r != null ? r.__composer : e.global.__composer;
+    const n = Array.from(t.__instances.values()).find((r) => r.id.toString() === e);
+    return n ? t.mode === "composition" ? n : n.__composer : null;
   }
 }
-function zs(e) {
-  const t = (s) => {
-    const { instance: l, modifiers: i, value: c } = s;
-    if (!l || !l.$)
-      throw J(D.UNEXPECTED_ERROR);
-    const u = Ys(e, l.$);
-    process.env.NODE_ENV !== "production" && i.preserve && be(He(Z.NOT_SUPPORTED_PRESERVE));
-    const d = nn(c);
-    return [
-      Reflect.apply(u.t, u, [...on(d)]),
-      u
-    ];
-  };
-  return {
-    created: (s, l) => {
-      const [i, c] = t(l);
-      te && e.global === c && (s.__i18nWatcher = $e(c.locale, () => {
-        l.instance && l.instance.$forceUpdate();
-      })), s.__composer = c, s.textContent = i;
+function ts(e, t) {
+  const n = Un(e.nodeId, t);
+  return n && (e.state = ns(n)), null;
+}
+function ns(e) {
+  const t = {}, n = "Locale related info", r = [
+    {
+      type: n,
+      key: "locale",
+      editable: !0,
+      value: e.locale.value
     },
-    unmounted: (s) => {
-      te && s.__i18nWatcher && (s.__i18nWatcher(), s.__i18nWatcher = void 0, delete s.__i18nWatcher), s.__composer && (s.__composer = void 0, delete s.__composer);
+    {
+      type: n,
+      key: "fallbackLocale",
+      editable: !0,
+      value: e.fallbackLocale.value
     },
-    beforeUpdate: (s, { value: l }) => {
-      if (s.__composer) {
-        const i = s.__composer, c = nn(l);
-        s.textContent = Reflect.apply(i.t, i, [
-          ...on(c)
-        ]);
-      }
+    {
+      type: n,
+      key: "availableLocales",
+      editable: !1,
+      value: e.availableLocales
     },
-    getSSRProps: (s) => {
-      const [l] = t(s);
-      return { textContent: l };
+    {
+      type: n,
+      key: "inheritLocale",
+      editable: !0,
+      value: e.inheritLocale
     }
-  };
+  ];
+  t[n] = r;
+  const o = "Locale messages info", a = [
+    {
+      type: o,
+      key: "messages",
+      editable: !1,
+      value: pt(e.messages.value)
+    }
+  ];
+  t[o] = a;
+  {
+    const s = "Datetime formats info", l = [
+      {
+        type: s,
+        key: "datetimeFormats",
+        editable: !1,
+        value: e.datetimeFormats.value
+      }
+    ];
+    t[s] = l;
+    const i = "Datetime formats info", c = [
+      {
+        type: i,
+        key: "numberFormats",
+        editable: !1,
+        value: e.numberFormats.value
+      }
+    ];
+    t[i] = c;
+  }
+  return t;
 }
-function nn(e) {
-  if (E(e))
-    return { path: e };
-  if (y(e)) {
-    if (!("path" in e))
-      throw J(D.REQUIRED_VALUE, "path");
-    return e;
-  } else
-    throw J(D.INVALID_VALUE);
+function at(e, t) {
+  if (st) {
+    let n;
+    t && "groupId" in t && (n = t.groupId, delete t.groupId), st.addTimelineEvent({
+      layerId: "vue-i18n-timeline",
+      event: {
+        title: e,
+        groupId: n,
+        time: Date.now(),
+        meta: {},
+        data: t || {},
+        logType: e === "compile-error" ? "error" : e === "fallback" || e === "missing" ? "warning" : "default"
+      }
+    });
+  }
+}
+function os(e, t) {
+  const n = Un(e.nodeId, t);
+  if (n) {
+    const [r] = e.path;
+    r === "locale" && E(e.state.value) ? n.locale.value = e.state.value : r === "fallbackLocale" && (E(e.state.value) || k(e.state.value) || S(e.state.value)) ? n.fallbackLocale.value = e.state.value : r === "inheritLocale" && P(e.state.value) && (n.inheritLocale = e.state.value);
+  }
+}
+const rs = /* @__PURE__ */ ne("global-vue-i18n");
+function ss(e = {}, t) {
+  const n = P(e.globalInjection) ? e.globalInjection : !0, r = !0, o = /* @__PURE__ */ new Map(), [a, s] = as(e), l = ne(process.env.NODE_ENV !== "production" ? "vue-i18n" : "");
+  function i(d) {
+    return o.get(d) || null;
+  }
+  function c(d, _) {
+    o.set(d, _);
+  }
+  function u(d) {
+    o.delete(d);
+  }
+  {
+    const d = {
+      get mode() {
+        return "composition";
+      },
+      get allowComposition() {
+        return r;
+      },
+      async install(_, ...g) {
+        process.env.NODE_ENV !== "production" && (_.__VUE_I18N__ = d), _.__VUE_I18N_SYMBOL__ = l, _.provide(_.__VUE_I18N_SYMBOL__, d), n && ms(_, d.global), zr(_, d, ...g);
+        const O = _.unmount;
+        if (_.unmount = () => {
+          d.dispose(), O();
+        }, process.env.NODE_ENV !== "production" || !1) {
+          if (!await Yr(_, d))
+            throw J(D.CANNOT_SETUP_VUE_DEVTOOLS_PLUGIN);
+          const h = mn();
+          {
+            const b = s;
+            b[we] && b[we](h);
+          }
+          h.on("*", at);
+        }
+      },
+      get global() {
+        return s;
+      },
+      dispose() {
+        a.stop();
+      },
+      __instances: o,
+      __getInstance: i,
+      __setInstance: c,
+      __deleteInstance: u
+    };
+    return d;
+  }
+}
+function ht(e = {}) {
+  const t = it();
+  if (t == null)
+    throw J(D.MUST_BE_CALL_SETUP_TOP);
+  if (!t.isCE && t.appContext.app != null && !t.appContext.app.__VUE_I18N_SYMBOL__)
+    throw J(D.NOT_INSLALLED);
+  const n = ls(t), r = cs(n), o = kn(t), a = is(e, o);
+  if (a === "global")
+    return xr(r, e, o), r;
+  if (a === "parent") {
+    let i = us(n, t, e.__useComponent);
+    return i == null && (process.env.NODE_ENV !== "production" && be(je(Z.NOT_FOUND_PARENT_SCOPE)), i = r), i;
+  }
+  const s = n;
+  let l = s.__getInstance(t);
+  if (l == null) {
+    const i = H({}, e);
+    "__i18n" in o && (i.__i18n = o.__i18n), r && (i.__root = r), l = Rn(i), fs(s, t, l), s.__setInstance(t, l);
+  }
+  return l;
 }
-function on(e) {
-  const { path: t, locale: n, args: r, choice: o, plural: a } = e, s = {}, l = r || {};
-  return E(n) && (s.locale = n), V(o) && (s.plural = o), V(a) && (s.plural = a), [t, l, s];
+function as(e, t, n) {
+  const r = yo();
+  {
+    const o = r.run(() => Rn(e));
+    if (o == null)
+      throw J(D.UNEXPECTED_ERROR);
+    return [r, o];
+  }
 }
-function Ks(e, t, ...n) {
-  const r = y(n[0]) ? n[0] : {}, o = !!r.useI18nComponentName, a = P(r.globalInstall) ? r.globalInstall : !0;
-  process.env.NODE_ENV !== "production" && a && o && be(He(Z.COMPONENT_NAME_LEGACY_COMPATIBLE, {
-    name: Ke.name
-  })), a && (e.component(o ? "i18n" : Ke.name, Ke), e.component(en.name, en), e.component(tn.name, tn)), e.directive("t", zs(t));
+function ls(e) {
+  {
+    const t = fn(e.isCE ? rs : e.appContext.app.__VUE_I18N_SYMBOL__);
+    if (!t)
+      throw J(e.isCE ? D.NOT_INSLALLED_WITH_PROVIDE : D.UNEXPECTED_ERROR);
+    return t;
+  }
 }
-const jn = "vue-i18n: composer properties";
-let at;
-async function Xs(e, t) {
-  return new Promise((n, r) => {
-    try {
-      ks({
-        id: "vue-devtools-plugin-vue-i18n",
-        label: ze["vue-devtools-plugin-vue-i18n"],
-        packageName: "vue-i18n",
-        homepage: "https://vue-i18n.intlify.dev",
-        logo: "https://vue-i18n.intlify.dev/vue-i18n-devtools-logo.png",
-        componentStateTypes: [jn],
-        app: e
-      }, (o) => {
-        at = o, o.on.visitComponentTree(({ componentInstance: s, treeNode: l }) => {
-          Js(s, l, t);
-        }), o.on.inspectComponent(({ componentInstance: s, instanceData: l }) => {
-          s.vnode.el && s.vnode.el.__VUE_I18N__ && l && (t.mode === "legacy" ? s.vnode.el.__VUE_I18N__ !== t.global.__composer && rn(l, s.vnode.el.__VUE_I18N__) : rn(l, s.vnode.el.__VUE_I18N__));
-        }), o.addInspector({
-          id: "vue-i18n-resource-inspector",
-          label: ze["vue-i18n-resource-inspector"],
-          icon: "language",
-          treeFilterPlaceholder: Rs["vue-i18n-resource-inspector"]
-        }), o.on.getInspectorTree((s) => {
-          s.app === e && s.inspectorId === "vue-i18n-resource-inspector" && ta(s, t);
-        });
-        const a = /* @__PURE__ */ new Map();
-        o.on.getInspectorState(async (s) => {
-          if (s.app === e && s.inspectorId === "vue-i18n-resource-inspector")
-            if (o.unhighlightElement(), oa(s, t), s.nodeId === "global") {
-              if (!a.has(s.app)) {
-                const [l] = await o.getComponentInstances(s.app);
-                a.set(s.app, l);
-              }
-              o.highlightElement(a.get(s.app));
-            } else {
-              const l = na(s.nodeId, t);
-              l && o.highlightElement(l);
-            }
-        }), o.on.editInspectorState((s) => {
-          s.app === e && s.inspectorId === "vue-i18n-resource-inspector" && sa(s, t);
-        }), o.addTimelineLayer({
-          id: "vue-i18n-timeline",
-          label: ze["vue-i18n-timeline"],
-          color: Fs["vue-i18n-timeline"]
-        }), n(!0);
-      });
-    } catch (o) {
-      console.error(o), r(!1);
-    }
-  });
+function is(e, t) {
+  return xe(e) ? "__i18n" in t ? "local" : "global" : e.useScope ? e.useScope : "local";
 }
-function Bn(e) {
-  return e.type.name || e.type.displayName || e.type.__file || "Anonymous";
+function cs(e) {
+  return e.mode === "composition" ? e.global : e.global.__composer;
 }
-function Js(e, t, n) {
-  const r = n.mode === "composition" ? n.global : n.global.__composer;
-  if (e && e.vnode.el && e.vnode.el.__VUE_I18N__ && e.vnode.el.__VUE_I18N__ !== r) {
-    const o = {
-      label: `i18n (${Bn(e)} Scope)`,
-      textColor: 0,
-      backgroundColor: 16764185
-    };
-    t.tags.push(o);
+function us(e, t, n = !1) {
+  let r = null;
+  const o = t.root;
+  let a = t.parent;
+  for (; a != null; ) {
+    const s = e;
+    if (e.mode === "composition" && (r = s.__getInstance(a)), r != null || o === a)
+      break;
+    a = a.parent;
   }
+  return r;
 }
-function rn(e, t) {
-  const n = jn;
-  e.state.push({
-    type: n,
-    key: "locale",
-    editable: !0,
-    value: t.locale.value
-  }), e.state.push({
-    type: n,
-    key: "availableLocales",
-    editable: !1,
-    value: t.availableLocales
-  }), e.state.push({
-    type: n,
-    key: "fallbackLocale",
-    editable: !0,
-    value: t.fallbackLocale.value
-  }), e.state.push({
-    type: n,
-    key: "inheritLocale",
-    editable: !0,
-    value: t.inheritLocale
-  }), e.state.push({
-    type: n,
-    key: "messages",
-    editable: !1,
-    value: ht(t.messages.value)
-  }), e.state.push({
-    type: n,
-    key: "datetimeFormats",
-    editable: !1,
-    value: t.datetimeFormats.value
-  }), e.state.push({
-    type: n,
-    key: "numberFormats",
-    editable: !1,
-    value: t.numberFormats.value
+function fs(e, t, n) {
+  let r = null;
+  Lo(() => {
+    if ((process.env.NODE_ENV !== "production" || !1) && !0 && t.vnode.el) {
+      t.vnode.el.__VUE_I18N__ = n, r = mn();
+      const o = n;
+      o[we] && o[we](r), r.on("*", at);
+    }
+  }, t), Io(() => {
+    if ((process.env.NODE_ENV !== "production" || !1) && !0 && t.vnode.el && t.vnode.el.__VUE_I18N__) {
+      r && r.off("*", at);
+      const o = n;
+      o[ot] && o[ot](), delete t.vnode.el.__VUE_I18N__;
+    }
+    e.__deleteInstance(t);
+  }, t);
+}
+const _s = [
+  "locale",
+  "fallbackLocale",
+  "availableLocales"
+], ds = ["t", "rt", "d", "n", "tm"];
+function ms(e, t) {
+  const n = /* @__PURE__ */ Object.create(null);
+  _s.forEach((r) => {
+    const o = Object.getOwnPropertyDescriptor(t, r);
+    if (!o)
+      throw J(D.UNEXPECTED_ERROR);
+    const a = So(o.value) ? {
+      get() {
+        return o.value.value;
+      },
+      set(s) {
+        o.value.value = s;
+      }
+    } : {
+      get() {
+        return o.get && o.get();
+      }
+    };
+    Object.defineProperty(n, r, a);
+  }), e.config.globalProperties.$i18n = n, ds.forEach((r) => {
+    const o = Object.getOwnPropertyDescriptor(t, r);
+    if (!o || !o.value)
+      throw J(D.UNEXPECTED_ERROR);
+    Object.defineProperty(e.config.globalProperties, `$${r}`, o);
   });
 }
-function ht(e) {
-  const t = {};
-  return Object.keys(e).forEach((n) => {
-    const r = e[n];
-    $(r) && "source" in r ? t[n] = ea(r) : S(r) ? t[n] = ht(r) : t[n] = r;
-  }), t;
+mr(Ko);
+gr(hn);
+Fr();
+if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) {
+  const e = ut();
+  e.__INTLIFY__ = !0, or(e.__INTLIFY_DEVTOOLS_GLOBAL_HOOK__);
 }
-const Qs = {
-  "<": "&lt;",
-  ">": "&gt;",
-  '"': "&quot;",
-  "&": "&amp;"
+process.env.NODE_ENV;
+const gs = {
+  "zhi-xian-shi-zai-xian-she-bei": (e) => {
+    const { normalize: t } = e;
+    return t(["\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907"]);
+  },
+  "qing-xuan-ze-bu-ju-yang-shi": (e) => {
+    const { normalize: t } = e;
+    return t(["\u8BF7\u9009\u62E9\u5E03\u5C40\u6837\u5F0F"]);
+  },
+  "biao-zhun-bu-ju": (e) => {
+    const { normalize: t } = e;
+    return t(["\u6807\u51C6\u5E03\u5C40"]);
+  }
+}, ps = {
+  "zhi-xian-shi-zai-xian-she-bei": (e) => {
+    const { normalize: t } = e;
+    return t(["online only"]);
+  },
+  "qing-xuan-ze-bu-ju-yang-shi": (e) => {
+    const { normalize: t } = e;
+    return t(["Please Select Play Area Layout"]);
+  },
+  "biao-zhun-bu-ju": (e) => {
+    const { normalize: t } = e;
+    return t(["Classical"]);
+  }
 };
-function qs(e) {
-  return e.replace(/[<>"&]/g, Zs);
+var xn = /* @__PURE__ */ ((e) => (e.zh = "zh", e.en = "en", e))(xn || {});
+const Gn = ss({
+  locale: "en",
+  messages: {
+    zh: gs,
+    en: ps
+  },
+  legacy: !0,
+  fallbackLocale: "en",
+  silentTranslationWarn: !0,
+  silentFallbackWarn: !0
+});
+function hs(e) {
+  Gn.global.locale = e;
 }
-function Zs(e) {
-  return Qs[e] || e;
+function Wn(e) {
+  return Gn.global.t(e);
 }
-function ea(e) {
-  const t = e.source ? `("${qs(e.source)}")` : "(?)";
-  return {
-    _custom: {
-      type: "function",
-      display: `<span>\u0192</span> ${t}`
+var Kt;
+((e) => {
+  ((n) => {
+    function r(s) {
+      const l = [];
+      for (let i = 0; i < s; i++)
+        l.push({
+          id: "testId",
+          pid: "",
+          name: `device-${i}`,
+          online: i % 2 == 0,
+          channels: []
+        });
+      return l;
+    }
+    function o(s) {
+      const l = [];
+      for (let i = 0; i < s; i++)
+        l.push({
+          id: `groupid-${i}`,
+          name: `group-${i}`,
+          pid: "",
+          onlineCount: 0,
+          totalCount: 0,
+          devices: r(14),
+          items: o(s - i - 1)
+        });
+      return l;
+    }
+    function a(s) {
+      const l = o(s);
+      return l[s - 1].items.push({
+        id: "groupid-ttttttt",
+        name: "group-ttttt",
+        pid: "",
+        onlineCount: 0,
+        totalCount: 0,
+        devices: [{
+          id: "testId",
+          pid: "",
+          name: "999999",
+          online: !1,
+          channels: []
+        }],
+        items: []
+      }), console.log(l), {
+        name: "hah",
+        onlineCount: 0,
+        totalCount: 0,
+        items: l
+      };
+    }
+    n.RandomDeviceGroup = a;
+  })(e.Test || (e.Test = {}));
+  function t(n, r) {
+    for (let o = 0; o < n.length; o++)
+      r(n[o]), t(n[o].items, r);
+  }
+  ((n) => {
+    function r(o) {
+      const a = {}, s = {};
+      return t(o.items, (l) => {
+        a[l.id] = l;
+        for (let i = 0; i < l.devices.length; i++)
+          s[l.devices[i].id] = l.devices[i];
+      }), {
+        getGroup(l) {
+          return a[l];
+        },
+        getDevice(l) {
+          return s[l];
+        },
+        foreachGroup(l) {
+          for (let i in a)
+            l(a[i]);
+        }
+      };
+    }
+    n.AccessSession = r;
+  })(e.Utils || (e.Utils = {}));
+})(Kt || (Kt = {}));
+var x;
+((e) => {
+  function t(n, r, o) {
+    if (o) {
+      let s = n * r;
+      return o.forEach(([l, i, c, u]) => {
+        s -= (u - i) * (c - l) - 1;
+      }), {
+        count: s,
+        row: n,
+        col: r,
+        name: `${s < 10 ? `0${s}` : s}`,
+        areas: o.map(([l, i, c, u]) => ({
+          leftTop: {
+            col: l,
+            row: i
+          },
+          rightBottom: {
+            col: c,
+            row: u
+          }
+        }))
+      };
     }
-  };
-}
-function ta(e, t) {
-  e.rootNodes.push({
-    id: "global",
-    label: "Global Scope"
-  });
-  const n = t.mode === "composition" ? t.global : t.global.__composer;
-  for (const [r, o] of t.__instances) {
-    const a = t.mode === "composition" ? o : o.__composer;
-    n !== a && e.rootNodes.push({
-      id: a.id.toString(),
-      label: `${Bn(r)} Scope`
-    });
+    const a = n * r;
+    return {
+      count: a,
+      row: n,
+      col: r,
+      name: `${a < 10 ? `0${a}` : a}`
+    };
   }
-}
-function na(e, t) {
-  let n = null;
-  if (e !== "global") {
-    for (const [r, o] of t.__instances.entries())
-      if (o.id.toString() === e) {
-        n = r;
-        break;
+  e.genLayout = t, ((n) => {
+    function r(a, s, l) {
+      if (l) {
+        const c = a * s - (l[3] - l[1]) * (l[2] - l[0]) + 1;
+        return {
+          count: c,
+          row: a,
+          col: s,
+          name: `${c < 10 ? `0${c}` : c}`,
+          area: {
+            leftTop: {
+              row: l[1],
+              col: l[0]
+            },
+            rightBottom: {
+              row: l[3],
+              col: l[2]
+            }
+          }
+        };
       }
-  }
-  return n;
-}
-function Yn(e, t) {
-  if (e === "global")
-    return t.mode === "composition" ? t.global : t.global.__composer;
-  {
-    const n = Array.from(t.__instances.values()).find((r) => r.id.toString() === e);
-    return n ? t.mode === "composition" ? n : n.__composer : null;
-  }
-}
-function oa(e, t) {
-  const n = Yn(e.nodeId, t);
-  return n && (e.state = ra(n)), null;
-}
-function ra(e) {
-  const t = {}, n = "Locale related info", r = [
-    {
-      type: n,
-      key: "locale",
-      editable: !0,
-      value: e.locale.value
-    },
-    {
-      type: n,
-      key: "fallbackLocale",
-      editable: !0,
-      value: e.fallbackLocale.value
-    },
-    {
-      type: n,
-      key: "availableLocales",
-      editable: !1,
-      value: e.availableLocales
-    },
-    {
-      type: n,
-      key: "inheritLocale",
-      editable: !0,
-      value: e.inheritLocale
+      const i = a * s;
+      return {
+        count: i,
+        row: a,
+        col: s,
+        name: `${i < 10 ? `0${i}` : i}`
+      };
     }
-  ];
-  t[n] = r;
-  const o = "Locale messages info", a = [
-    {
-      type: o,
-      key: "messages",
-      editable: !1,
-      value: ht(e.messages.value)
+    n.genLayout = r;
+    function o() {
+      return {
+        count: 25,
+        row: 5,
+        col: 5,
+        name: "12"
+      };
     }
-  ];
-  t[o] = a;
-  {
-    const s = "Datetime formats info", l = [
-      {
-        type: s,
-        key: "datetimeFormats",
-        editable: !1,
-        value: e.datetimeFormats.value
-      }
-    ];
-    t[s] = l;
-    const i = "Datetime formats info", c = [
-      {
-        type: i,
-        key: "numberFormats",
-        editable: !1,
-        value: e.numberFormats.value
+    n.getTestLayout = o;
+  })(e.Test || (e.Test = {}));
+})(x || (x = {}));
+const vs = _e({
+  props: {
+    countInfo: Object,
+    controlParams: Object
+  },
+  setup(e) {
+    function t(o, a) {
+      if (a) {
+        let s = 0;
+        return a.items.forEach((l) => {
+          s += t(o, l);
+        }), o(a) + s;
       }
-    ];
-    t[i] = c;
-  }
-  return t;
-}
-function lt(e, t) {
-  if (at) {
-    let n;
-    t && "groupId" in t && (n = t.groupId, delete t.groupId), at.addTimelineEvent({
-      layerId: "vue-i18n-timeline",
-      event: {
-        title: e,
-        groupId: n,
-        time: Date.now(),
-        meta: {},
-        data: t || {},
-        logType: e === "compile-error" ? "error" : e === "fallback" || e === "missing" ? "warning" : "default"
+      return 0;
+    }
+    const n = W(() => t((o) => {
+      var a, s;
+      if (o.devices) {
+        let l = (a = o.devices) == null ? void 0 : a.filter((c) => c.online);
+        const i = (s = e.controlParams) == null ? void 0 : s.searchStr;
+        return i && (l = l.filter((c) => c.name.includes(i) || c.id.includes(i))), l.length;
       }
-    });
-  }
-}
-function sa(e, t) {
-  const n = Yn(e.nodeId, t);
-  if (n) {
-    const [r] = e.path;
-    r === "locale" && E(e.state.value) ? n.locale.value = e.state.value : r === "fallbackLocale" && (E(e.state.value) || k(e.state.value) || S(e.state.value)) ? n.fallbackLocale.value = e.state.value : r === "inheritLocale" && P(e.state.value) && (n.inheritLocale = e.state.value);
+      return 0;
+    }, e.countInfo));
+    return {
+      totalCount: W(() => t((o) => {
+        var a;
+        if (o.devices) {
+          let s = o.devices;
+          const l = (a = e.controlParams) == null ? void 0 : a.searchStr;
+          return l && (s = s.filter((i) => i.name.includes(l) || i.id.includes(l))), s.length;
+        }
+        return o.totalCount;
+      }, e.countInfo)),
+      onlineCount: n
+    };
   }
+});
+const de = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [r, o] of t)
+    n[r] = o;
+  return n;
+}, Es = { class: "root" }, Os = { class: "count-show" };
+function bs(e, t, n, r, o, a) {
+  return A(), F("div", Es, [
+    oe(e.$slots, "default", {
+      total: e.totalCount,
+      online: e.onlineCount
+    }, void 0, !0),
+    C("span", Os, se(e.onlineCount) + "/" + se(e.totalCount), 1)
+  ]);
 }
-const aa = /* @__PURE__ */ ne("global-vue-i18n");
-function la(e = {}, t) {
-  const n = P(e.globalInjection) ? e.globalInjection : !0, r = !0, o = /* @__PURE__ */ new Map(), [a, s] = ia(e), l = ne(process.env.NODE_ENV !== "production" ? "vue-i18n" : "");
-  function i(d) {
-    return o.get(d) || null;
-  }
-  function c(d, _) {
-    o.set(d, _);
-  }
-  function u(d) {
-    o.delete(d);
-  }
+const jn = /* @__PURE__ */ de(vs, [["render", bs], ["__scopeId", "data-v-a063c331"]]), Hn = Object.freeze(
   {
-    const d = {
-      get mode() {
-        return "composition";
-      },
-      get allowComposition() {
-        return r;
-      },
-      async install(_, ...g) {
-        process.env.NODE_ENV !== "production" && (_.__VUE_I18N__ = d), _.__VUE_I18N_SYMBOL__ = l, _.provide(_.__VUE_I18N_SYMBOL__, d), n && pa(_, d.global), Ks(_, d, ...g);
-        const O = _.unmount;
-        if (_.unmount = () => {
-          d.dispose(), O();
-        }, process.env.NODE_ENV !== "production" || !1) {
-          if (!await Xs(_, d))
-            throw J(D.CANNOT_SETUP_VUE_DEVTOOLS_PLUGIN);
-          const h = Nn();
-          {
-            const N = s;
-            N[we] && N[we](h);
-          }
-          h.on("*", lt);
-        }
-      },
-      get global() {
-        return s;
-      },
-      dispose() {
-        a.stop();
-      },
-      __instances: o,
-      __getInstance: i,
-      __setInstance: c,
-      __deleteInstance: u
-    };
-    return d;
+    left: 0,
+    top: 0,
+    width: 16,
+    height: 16
+  }
+), Bn = Object.freeze({
+  rotate: 0,
+  vFlip: !1,
+  hFlip: !1
+}), vt = Object.freeze({
+  ...Hn,
+  ...Bn
+});
+Object.freeze({
+  ...vt,
+  body: "",
+  hidden: !1
+});
+({
+  ...Hn
+});
+const zn = Object.freeze({
+  width: null,
+  height: null
+}), Yn = Object.freeze({
+  ...zn,
+  ...Bn
+});
+function Ns(e, t) {
+  const n = {
+    ...e
+  };
+  for (const r in t) {
+    const o = t[r], a = typeof o;
+    r in zn ? (o === null || o && (a === "string" || a === "number")) && (n[r] = o) : a === typeof n[r] && (n[r] = r === "rotate" ? o % 4 : o);
   }
+  return n;
 }
-function vt(e = {}) {
-  const t = it();
-  if (t == null)
-    throw J(D.MUST_BE_CALL_SETUP_TOP);
-  if (!t.isCE && t.appContext.app != null && !t.appContext.app.__VUE_I18N_SYMBOL__)
-    throw J(D.NOT_INSLALLED);
-  const n = ca(t), r = fa(n), o = xn(t), a = ua(e, o);
-  if (a === "global")
-    return Ws(r, e, o), r;
-  if (a === "parent") {
-    let i = _a(n, t, e.__useComponent);
-    return i == null && (process.env.NODE_ENV !== "production" && be(He(Z.NOT_FOUND_PARENT_SCOPE)), i = r), i;
+const Ts = /[\s,]+/;
+function ys(e, t) {
+  t.split(Ts).forEach((n) => {
+    switch (n.trim()) {
+      case "horizontal":
+        e.hFlip = !0;
+        break;
+      case "vertical":
+        e.vFlip = !0;
+        break;
+    }
+  });
+}
+function Ls(e, t = 0) {
+  const n = e.replace(/^-?[0-9.]*/, "");
+  function r(o) {
+    for (; o < 0; )
+      o += 4;
+    return o % 4;
   }
-  const s = n;
-  let l = s.__getInstance(t);
-  if (l == null) {
-    const i = j({}, e);
-    "__i18n" in o && (i.__i18n = o.__i18n), r && (i.__root = r), l = Gn(i), da(s, t, l), s.__setInstance(t, l);
+  if (n === "") {
+    const o = parseInt(e);
+    return isNaN(o) ? 0 : r(o);
+  } else if (n !== e) {
+    let o = 0;
+    switch (n) {
+      case "%":
+        o = 25;
+        break;
+      case "deg":
+        o = 90;
+    }
+    if (o) {
+      let a = parseFloat(e.slice(0, e.length - n.length));
+      return isNaN(a) ? 0 : (a = a / o, a % 1 === 0 ? r(a) : 0);
+    }
   }
-  return l;
+  return t;
 }
-function ia(e, t, n) {
-  const r = bo();
-  {
-    const o = r.run(() => Gn(e));
-    if (o == null)
-      throw J(D.UNEXPECTED_ERROR);
-    return [r, o];
+const Is = /(-?[0-9.]*[0-9]+[0-9.]*)/g, Ss = /^-?[0-9.]*[0-9]+[0-9.]*$/g;
+function Xt(e, t, n) {
+  if (t === 1)
+    return e;
+  if (n = n || 100, typeof e == "number")
+    return Math.ceil(e * t * n) / n;
+  if (typeof e != "string")
+    return e;
+  const r = e.split(Is);
+  if (r === null || !r.length)
+    return e;
+  const o = [];
+  let a = r.shift(), s = Ss.test(a);
+  for (; ; ) {
+    if (s) {
+      const l = parseFloat(a);
+      isNaN(l) ? o.push(a) : o.push(Math.ceil(l * t * n) / n);
+    } else
+      o.push(a);
+    if (a = r.shift(), a === void 0)
+      return o.join("");
+    s = !s;
   }
 }
-function ca(e) {
-  {
-    const t = fn(e.isCE ? aa : e.appContext.app.__VUE_I18N_SYMBOL__);
-    if (!t)
-      throw J(e.isCE ? D.NOT_INSLALLED_WITH_PROVIDE : D.UNEXPECTED_ERROR);
-    return t;
-  }
+function ws(e, t) {
+  const n = {
+    ...vt,
+    ...e
+  }, r = {
+    ...Yn,
+    ...t
+  }, o = {
+    left: n.left,
+    top: n.top,
+    width: n.width,
+    height: n.height
+  };
+  let a = n.body;
+  [n, r].forEach((g) => {
+    const O = [], p = g.hFlip, h = g.vFlip;
+    let b = g.rotate;
+    p ? h ? b += 2 : (O.push(
+      "translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"
+    ), O.push("scale(-1 1)"), o.top = o.left = 0) : h && (O.push(
+      "translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"
+    ), O.push("scale(1 -1)"), o.top = o.left = 0);
+    let N;
+    switch (b < 0 && (b -= Math.floor(b / 4) * 4), b = b % 4, b) {
+      case 1:
+        N = o.height / 2 + o.top, O.unshift(
+          "rotate(90 " + N.toString() + " " + N.toString() + ")"
+        );
+        break;
+      case 2:
+        O.unshift(
+          "rotate(180 " + (o.width / 2 + o.left).toString() + " " + (o.height / 2 + o.top).toString() + ")"
+        );
+        break;
+      case 3:
+        N = o.width / 2 + o.left, O.unshift(
+          "rotate(-90 " + N.toString() + " " + N.toString() + ")"
+        );
+        break;
+    }
+    b % 2 === 1 && (o.left !== o.top && (N = o.left, o.left = o.top, o.top = N), o.width !== o.height && (N = o.width, o.width = o.height, o.height = N)), O.length && (a = '<g transform="' + O.join(" ") + '">' + a + "</g>");
+  });
+  const s = r.width, l = r.height, i = o.width, c = o.height;
+  let u, d;
+  return s === null ? (d = l === null ? "1em" : l === "auto" ? c : l, u = Xt(d, i / c)) : (u = s === "auto" ? i : s, d = l === null ? Xt(u, c / i) : l === "auto" ? c : l), {
+    attributes: {
+      width: u.toString(),
+      height: d.toString(),
+      viewBox: o.left.toString() + " " + o.top.toString() + " " + i.toString() + " " + c.toString()
+    },
+    body: a
+  };
 }
-function ua(e, t) {
-  return xe(e) ? "__i18n" in t ? "local" : "global" : e.useScope ? e.useScope : "local";
+const Ds = /\sid="(\S+)"/g, Cs = "IconifyId" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);
+let Ps = 0;
+function As(e, t = Cs) {
+  const n = [];
+  let r;
+  for (; r = Ds.exec(e); )
+    n.push(r[1]);
+  return n.length && n.forEach((o) => {
+    const a = typeof t == "function" ? t(o) : t + (Ps++).toString(), s = o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    e = e.replace(
+      new RegExp('([#;"])(' + s + ')([")]|\\.[a-z])', "g"),
+      "$1" + a + "$3"
+    );
+  }), e;
 }
-function fa(e) {
-  return e.mode === "composition" ? e.global : e.global.__composer;
+function ks(e, t) {
+  let n = e.indexOf("xlink:") === -1 ? "" : ' xmlns:xlink="http://www.w3.org/1999/xlink"';
+  for (const r in t)
+    n += " " + r + '="' + t[r] + '"';
+  return '<svg xmlns="http://www.w3.org/2000/svg"' + n + ">" + e + "</svg>";
 }
-function _a(e, t, n = !1) {
-  let r = null;
-  const o = t.root;
-  let a = t.parent;
-  for (; a != null; ) {
-    const s = e;
-    if (e.mode === "composition" && (r = s.__getInstance(a)), r != null || o === a)
-      break;
-    a = a.parent;
+function Rs(e) {
+  return e.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3C").replace(/>/g, "%3E").replace(/\s+/g, " ");
+}
+function Fs(e) {
+  return 'url("data:image/svg+xml,' + Rs(e) + '")';
+}
+const Jt = {
+  ...Yn,
+  inline: !1
+}, $s = {
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink",
+  "aria-hidden": !0,
+  role: "img"
+}, Ms = {
+  display: "inline-block"
+}, lt = {
+  backgroundColor: "currentColor"
+}, Kn = {
+  backgroundColor: "transparent"
+}, Qt = {
+  Image: "var(--svg)",
+  Repeat: "no-repeat",
+  Size: "100% 100%"
+}, qt = {
+  webkitMask: lt,
+  mask: lt,
+  background: Kn
+};
+for (const e in qt) {
+  const t = qt[e];
+  for (const n in Qt)
+    t[e + n] = Qt[n];
+}
+const Re = {};
+["horizontal", "vertical"].forEach((e) => {
+  const t = e.slice(0, 1) + "Flip";
+  Re[e + "-flip"] = t, Re[e.slice(0, 1) + "-flip"] = t, Re[e + "Flip"] = t;
+});
+function Zt(e) {
+  return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
+}
+const Vs = (e, t) => {
+  const n = Ns(Jt, t), r = { ...$s }, o = t.mode || "svg", a = {}, s = t.style, l = typeof s == "object" && !(s instanceof Array) ? s : {};
+  for (let p in t) {
+    const h = t[p];
+    if (h !== void 0)
+      switch (p) {
+        case "icon":
+        case "style":
+        case "onLoad":
+        case "mode":
+          break;
+        case "inline":
+        case "hFlip":
+        case "vFlip":
+          n[p] = h === !0 || h === "true" || h === 1;
+          break;
+        case "flip":
+          typeof h == "string" && ys(n, h);
+          break;
+        case "color":
+          a.color = h;
+          break;
+        case "rotate":
+          typeof h == "string" ? n[p] = Ls(h) : typeof h == "number" && (n[p] = h);
+          break;
+        case "ariaHidden":
+        case "aria-hidden":
+          h !== !0 && h !== "true" && delete r["aria-hidden"];
+          break;
+        default: {
+          const b = Re[p];
+          b ? (h === !0 || h === "true" || h === 1) && (n[b] = !0) : Jt[p] === void 0 && (r[p] = h);
+        }
+      }
   }
-  return r;
+  const i = ws(e, n), c = i.attributes;
+  if (n.inline && (a.verticalAlign = "-0.125em"), o === "svg") {
+    r.style = {
+      ...a,
+      ...l
+    }, Object.assign(r, c);
+    let p = 0, h = t.id;
+    return typeof h == "string" && (h = h.replace(/-/g, "_")), r.innerHTML = As(i.body, h ? () => h + "ID" + p++ : "iconifyVue"), Fe("svg", r);
+  }
+  const { body: u, width: d, height: _ } = e, g = o === "mask" || (o === "bg" ? !1 : u.indexOf("currentColor") !== -1), O = ks(u, {
+    ...c,
+    width: d + "",
+    height: _ + ""
+  });
+  return r.style = {
+    ...a,
+    "--svg": Fs(O),
+    width: Zt(c.width),
+    height: Zt(c.height),
+    ...Ms,
+    ...g ? lt : Kn,
+    ...l
+  }, Fe("span", r);
+}, Xn = /* @__PURE__ */ Object.create(null);
+function Ne(e, t) {
+  Xn[e] = t;
 }
-function da(e, t, n) {
-  let r = null;
-  To(() => {
-    if ((process.env.NODE_ENV !== "production" || !1) && !0 && t.vnode.el) {
-      t.vnode.el.__VUE_I18N__ = n, r = Nn();
-      const o = n;
-      o[we] && o[we](r), r.on("*", lt);
+const Us = _e({
+  inheritAttrs: !1,
+  render() {
+    const e = this.$attrs, t = e.icon, n = typeof t == "string" ? Xn[t] : typeof t == "object" ? t : null;
+    return n === null || typeof n != "object" || typeof n.body != "string" ? this.$slots.default ? this.$slots.default() : null : Vs({
+      ...vt,
+      ...n
+    }, e);
+  }
+});
+var xs = Object.defineProperty, Gs = Object.defineProperties, Ws = Object.getOwnPropertyDescriptors, en = Object.getOwnPropertySymbols, js = Object.prototype.hasOwnProperty, Hs = Object.prototype.propertyIsEnumerable, tn = (e, t, n) => t in e ? xs(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, nn = (e, t) => {
+  for (var n in t || (t = {}))
+    js.call(t, n) && tn(e, n, t[n]);
+  if (en)
+    for (var n of en(t))
+      Hs.call(t, n) && tn(e, n, t[n]);
+  return e;
+}, Bs = (e, t) => Gs(e, Ws(t)), zs = (e, t, n) => new Promise((r, o) => {
+  var a = (i) => {
+    try {
+      l(n.next(i));
+    } catch (c) {
+      o(c);
     }
-  }, t), yo(() => {
-    if ((process.env.NODE_ENV !== "production" || !1) && !0 && t.vnode.el && t.vnode.el.__VUE_I18N__) {
-      r && r.off("*", lt);
-      const o = n;
-      o[rt] && o[rt](), delete t.vnode.el.__VUE_I18N__;
+  }, s = (i) => {
+    try {
+      l(n.throw(i));
+    } catch (c) {
+      o(c);
+    }
+  }, l = (i) => i.done ? r(i.value) : Promise.resolve(i.value).then(a, s);
+  l((n = n.apply(e, t)).next());
+});
+const Ys = {
+  name: "VirtualList",
+  props: {
+    listData: {
+      type: Object,
+      default: () => []
+    },
+    itemSize: {
+      type: Number,
+      default: 200
+    }
+  },
+  setup(e) {
+    const t = {
+      screenHeight: M(0),
+      startOffset: M(0),
+      start: M(0),
+      end: M(0)
+    }, n = M(), r = {
+      listHeight: W(() => e.listData.length * e.itemSize),
+      visibleCount: W(() => Math.ceil(t.screenHeight.value / e.itemSize)),
+      getTransform: W(() => `translate3d(0,${t.startOffset.value}px,0)`),
+      visibleData: W(() => e.listData.slice(t.start.value, Math.min(t.end.value, e.listData.length)))
+    };
+    return nn(Bs(nn({}, r), {
+      virList: n
+    }), t);
+  },
+  mounted() {
+    this.init(), $e(() => this.listData.length, () => zs(this, null, function* () {
+      yield this.$nextTick(), this.init();
+    }));
+  },
+  methods: {
+    init() {
+      this.screenHeight = this.$el.clientHeight, this.screenHeight == 0 && (this.screenHeight = 400), this.start = 0, this.end = this.start + this.visibleCount;
+    },
+    scrollEvent() {
+      if (this.virList) {
+        let e = this.virList.scrollTop;
+        this.start = Math.floor(e / this.itemSize), this.end = this.start + this.visibleCount, this.startOffset = e - e % this.itemSize;
+      }
     }
-    e.__deleteInstance(t);
-  }, t);
+  }
+};
+function Ks(e, t, n, r, o, a) {
+  return A(), F("div", {
+    ref: "virList",
+    class: "infinite-list-container",
+    onScroll: t[0] || (t[0] = (s) => a.scrollEvent())
+  }, [
+    C("div", {
+      class: "infinite-list-phantom",
+      style: Le({ height: e.listHeight + "px" })
+    }, null, 4),
+    C("div", {
+      class: "infinite-list",
+      style: Le({ transform: e.getTransform })
+    }, [
+      (A(!0), F(Oe, null, De(e.visibleData, (s) => (A(), F("div", {
+        ref_for: !0,
+        ref: "items",
+        class: "infinite-list-item",
+        key: s.id,
+        style: Le({ height: n.itemSize + "px", lineHeight: n.itemSize + "px" })
+      }, [
+        oe(e.$slots, "default", { data: s }, void 0, !0)
+      ], 4))), 128))
+    ], 4)
+  ], 544);
 }
-const ma = [
-  "locale",
-  "fallbackLocale",
-  "availableLocales"
-], ga = ["t", "rt", "d", "n", "tm"];
-function pa(e, t) {
-  const n = /* @__PURE__ */ Object.create(null);
-  ma.forEach((r) => {
-    const o = Object.getOwnPropertyDescriptor(t, r);
-    if (!o)
-      throw J(D.UNEXPECTED_ERROR);
-    const a = Lo(o.value) ? {
-      get() {
-        return o.value.value;
+const Xs = /* @__PURE__ */ de(Ys, [["render", Ks], ["__scopeId", "data-v-12d2a294"]]);
+var Js = Object.defineProperty, Qs = Object.defineProperties, qs = Object.getOwnPropertyDescriptors, on = Object.getOwnPropertySymbols, Zs = Object.prototype.hasOwnProperty, ea = Object.prototype.propertyIsEnumerable, rn = (e, t, n) => t in e ? Js(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, ta = (e, t) => {
+  for (var n in t || (t = {}))
+    Zs.call(t, n) && rn(e, n, t[n]);
+  if (on)
+    for (var n of on(t))
+      ea.call(t, n) && rn(e, n, t[n]);
+  return e;
+}, na = (e, t) => Qs(e, qs(t));
+const oa = _e({
+  components: {
+    VirtualList: Xs,
+    CountShow: jn,
+    Icon: Us
+  },
+  name: "group-show",
+  props: {
+    deviceGroup: Object,
+    controlParams: Object
+  },
+  setup(e, t) {
+    const n = M(), r = fn("theme"), o = {
+      filterDevice(u) {
+        var d, _, g, O, p;
+        let h = !0;
+        (d = e.controlParams) != null && d.searchStr && (h = u.name.indexOf((_ = e.controlParams) == null ? void 0 : _.searchStr) >= 0 || u.id.indexOf((g = e.controlParams) == null ? void 0 : g.searchStr) >= 0 || typeof u.user == "string" && u.user.indexOf((O = e.controlParams) == null ? void 0 : O.searchStr) >= 0);
+        let b = !0;
+        return (p = e.controlParams) != null && p.onlyShowOnline && (b = u.online), h && b;
       },
-      set(s) {
-        o.value.value = s;
+      deviceText(u) {
+        return u.user ? u.name.length > 0 ? `${u.user} [${u.id}] [${u.name}]` : `${u.user} [${u.id}] []` : u.name.length > 0 ? `${u.name} [${u.id}]` : ` [${u.id}]`;
+      },
+      groupText(u) {
+        if (u)
+          return u.name.length > 0 ? u.name : u.id;
       }
-    } : {
-      get() {
-        return o.get && o.get();
+    }, a = {
+      filteredDevices: W(() => {
+        var u;
+        const d = (u = e.deviceGroup) == null ? void 0 : u.devices, _ = d && d.filter((O) => o.filterDevice(O)) || [];
+        return _.filter((O) => O.online).concat(_.filter((O) => !O.online));
+      })
+    }, s = W(() => a.filteredDevices.value.length > 10 ? "400px" : `${a.filteredDevices.value.length * 40}px`);
+    function l(u, d) {
+      if (d.length == 0)
+        return !0;
+      let _ = !1;
+      if ((u == null ? void 0 : u.name.indexOf(d)) > 0 && (_ = !0), _ || (_ = (u == null ? void 0 : u.devices.find((g) => g.name.indexOf(d) >= 0 || g.id.indexOf(d) >= 0 || g.user && g.user.indexOf(d) >= 0)) != null), !_) {
+        for (let g = 0; g < u.items.length; g++)
+          if (l(u.items[g], d))
+            return !0;
       }
-    };
-    Object.defineProperty(n, r, a);
-  }), e.config.globalProperties.$i18n = n, ga.forEach((r) => {
-    const o = Object.getOwnPropertyDescriptor(t, r);
-    if (!o || !o.value)
-      throw J(D.UNEXPECTED_ERROR);
-    Object.defineProperty(e.config.globalProperties, `$${r}`, o);
-  });
-}
-ps(Jr);
-hs(yn);
-Ms();
-if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) {
-  const e = ft();
-  e.__INTLIFY__ = !0, ss(e.__INTLIFY_DEVTOOLS_GLOBAL_HOOK__);
-}
-process.env.NODE_ENV;
-const ha = {
-  "zhi-xian-shi-zai-xian-she-bei": (e) => {
-    const { normalize: t } = e;
-    return t(["\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907"]);
+      return _;
+    }
+    const i = W(() => {
+      if (e.controlParams) {
+        const u = e.controlParams.searchStr;
+        if (e.deviceGroup)
+          return l(e.deviceGroup, u);
+      }
+      return !1;
+    }), c = M(!1);
+    return na(ta({
+      innerUtils: o
+    }, a), {
+      devicePanelHeight: s,
+      showGroup: i,
+      bShow: c,
+      theme: r,
+      countRef: n
+    });
   }
+});
+const ra = {
+  key: 0,
+  class: "head-op"
+}, sa = {
+  key: 1,
+  style: { display: "inline-block", width: "25px" }
+}, aa = {
+  key: 0,
+  class: "group-head-count"
+}, la = ["title"], ia = { class: "group-slot" }, ca = {
+  key: 0,
+  style: { "margin-left": "26px" }
+}, ua = ["title"], fa = { class: "device-slot" };
+function _a(e, t, n, r, o, a) {
+  var s;
+  const l = ce("Icon"), i = ce("CountShow"), c = ce("group-show"), u = ce("VirtualList");
+  return e.showGroup ? (A(), F("div", {
+    key: 0,
+    class: Xe("group " + e.theme)
+  }, [
+    ae(i, {
+      countInfo: e.deviceGroup,
+      controlParams: e.controlParams,
+      ref: "countRef"
+    }, {
+      default: ue(({ online: d, total: _ }) => {
+        var g, O;
+        return [
+          e.deviceGroup && e.deviceGroup.devices.length + e.deviceGroup.items.length > 0 ? (A(), F("span", ra, [
+            ae(l, {
+              icon: e.bShow ? "minus" : "plus",
+              width: "20",
+              onClick: t[0] || (t[0] = (p) => e.bShow = !e.bShow),
+              class: "handle-ls-svg"
+            }, null, 8, ["icon"])
+          ])) : (A(), F("span", sa)),
+          C("span", {
+            class: "group-head-db-click",
+            onDblclick: t[1] || (t[1] = (p) => e.bShow = !e.bShow)
+          }, [
+            ae(l, {
+              icon: e.bShow ? "group" : "group-closed",
+              width: "24",
+              class: "group-avatar"
+            }, null, 8, ["icon"]),
+            e.bShow ? Be("", !0) : (A(), F("span", aa, se((g = e.deviceGroup) == null ? void 0 : g.items.length), 1)),
+            C("span", {
+              class: "group-name",
+              title: (O = e.deviceGroup) == null ? void 0 : O.name
+            }, se(e.innerUtils.groupText(e.deviceGroup)), 9, la)
+          ], 32),
+          C("div", ia, [
+            oe(e.$slots, "group", { group: e.deviceGroup }, void 0, !0)
+          ])
+        ];
+      }),
+      _: 3
+    }, 8, ["countInfo", "controlParams"]),
+    e.bShow ? (A(), F("div", ca, [
+      (A(!0), F(Oe, null, De((s = e.deviceGroup) == null ? void 0 : s.items, (d, _) => (A(), _n(c, {
+        key: _,
+        deviceGroup: d,
+        controlParams: e.controlParams
+      }, {
+        group: ue(({ group: g }) => [
+          oe(e.$slots, "group", { group: g }, void 0, !0)
+        ]),
+        device: ue(({ device: g, group: O }) => [
+          oe(e.$slots, "device", {
+            device: g,
+            group: O
+          }, void 0, !0)
+        ]),
+        _: 2
+      }, 1032, ["deviceGroup", "controlParams"]))), 128)),
+      C("div", {
+        class: "device-show-div",
+        style: Le(`height: ${e.filteredDevices.length > 10 ? "400px" : `${e.filteredDevices.length * 40}px`}`)
+      }, [
+        ae(u, {
+          "list-data": e.filteredDevices,
+          "item-size": 40
+        }, {
+          default: ue(({ data: d }) => [
+            C("div", {
+              class: Xe(d.online && "online-device")
+            }, [
+              ae(l, {
+                icon: "user",
+                width: "16",
+                class: "device-avatar"
+              }),
+              C("span", {
+                title: e.innerUtils.deviceText(d),
+                class: "device-name"
+              }, se(e.innerUtils.deviceText(d)), 9, ua),
+              C("div", fa, [
+                oe(e.$slots, "device", {
+                  device: d,
+                  group: e.deviceGroup
+                }, void 0, !0)
+              ])
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["list-data"])
+      ], 4)
+    ])) : Be("", !0)
+  ], 2)) : Be("", !0);
+}
+const da = /* @__PURE__ */ de(oa, [["render", _a], ["__scopeId", "data-v-93cfc8dc"]]), ma = {
+  width: 1024,
+  height: 1024,
+  body: '<path fill="currentColor" d="M384 192v640l384-320.064z"/>'
+}, ga = {
+  width: 1024,
+  height: 1024,
+  body: '<path fill="currentColor" d="M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z"/>'
+}, pa = {
+  width: 1024,
+  height: 1024,
+  body: '<path fill="currentColor" d="M128 192v640h768V320H485.76L357.504 192H128zm-32-64h287.872l128.384 128H928a32 32 0 0 1 32 32v576a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32z"/>'
+}, ha = {
+  width: 1024,
+  height: 1024,
+  body: '<path fill="currentColor" d="M628.736 528.896A416 416 0 0 1 928 928H96a415.872 415.872 0 0 1 299.264-399.104L512 704l116.736-175.104zM720 304a208 208 0 1 1-416 0a208 208 0 0 1 416 0z"/>'
 }, va = {
-  "zhi-xian-shi-zai-xian-she-bei": (e) => {
-    const { normalize: t } = e;
-    return t(["online only"]);
-  }
+  width: 1024,
+  height: 1024,
+  body: '<path fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"/>'
+}, Ea = {
+  width: 1024,
+  height: 1024,
+  body: '<path fill="currentColor" d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"/>'
 };
-Ne("right", wr);
-Ne("group", Dr);
-Ne("group-closed", Cr);
-Ne("user", Pr);
-Ne("plus", Ar);
-Ne("minus", kr);
-const Ea = _e({
+Ne("right", ma);
+Ne("group", ga);
+Ne("group-closed", pa);
+Ne("user", ha);
+Ne("plus", va);
+Ne("minus", Ea);
+const Oa = _e({
   components: {
-    CountShow: dn,
-    GroupShow: Sr
+    CountShow: jn,
+    GroupShow: da
   },
   props: {
     deviceGroup: Object,
@@ -2795,57 +2829,47 @@ const Ea = _e({
     }
   },
   setup(e) {
-    const t = la({
-      locale: e.locale,
-      messages: {
-        "zh-cn": ha,
-        "en-us": va
-      },
-      fallbackLocale: "en-us",
-      silentTranslationWarn: !0,
-      silentFallbackWarn: !0
-    });
-    So("theme", e.theme);
-    const n = M({
+    Do("theme", e.theme);
+    const t = M({
       onlyShowOnline: !1,
       searchStr: ""
-    }), r = M();
+    }), n = M();
     return {
-      i18nHello: t.global,
-      inputSearchRef: r,
-      controlParams: n
+      i18nT: Wn,
+      inputSearchRef: n,
+      controlParams: t
     };
   }
 });
-const Oa = { class: "device-group-list" }, Na = { class: "search-panel" }, ba = { for: "onlineShow" }, Ta = { class: "device-panel" };
-function ya(e, t, n, r, o, a) {
+const ba = { class: "device-group-list" }, Na = { class: "search-panel" }, Ta = { for: "onlineShow" }, ya = { class: "device-panel" };
+function La(e, t, n, r, o, a) {
   var s;
-  const l = ie("CountShow"), i = ie("group-show");
-  return A(), F("div", Oa, [
+  const l = ce("CountShow"), i = ce("group-show");
+  return A(), F("div", ba, [
     C("div", Na, [
-      se(l, { countInfo: e.deviceGroup }, {
-        default: ce(() => [
+      ae(l, { countInfo: e.deviceGroup }, {
+        default: ue(() => [
           C("input", {
             type: "checkbox",
             id: "onlineShow",
             value: "onlineShow",
             onChange: t[0] || (t[0] = (...c) => e.onCheckBoxChange && e.onCheckBoxChange(...c))
           }, null, 32),
-          C("label", ba, ue(e.i18nHello.t("zhi-xian-shi-zai-xian-she-bei")), 1)
+          C("label", Ta, se(e.i18nT("zhi-xian-shi-zai-xian-she-bei")), 1)
         ]),
         _: 1
       }, 8, ["countInfo"])
     ]),
-    C("div", Ta, [
+    C("div", ya, [
       (A(!0), F(Oe, null, De((s = e.deviceGroup) == null ? void 0 : s.items, (c, u) => (A(), _n(i, {
         controlParams: e.controlParams,
         key: u,
         deviceGroup: c
       }, {
-        group: ce(({ group: d }) => [
+        group: ue(({ group: d }) => [
           oe(e.$slots, "group", { group: d }, void 0, !0)
         ]),
-        device: ce(({ device: d, group: _ }) => [
+        device: ue(({ device: d, group: _ }) => [
           oe(e.$slots, "device", {
             device: d,
             group: _
@@ -2856,28 +2880,28 @@ function ya(e, t, n, r, o, a) {
     ])
   ]);
 }
-const La = /* @__PURE__ */ de(Ea, [["render", ya], ["__scopeId", "data-v-17e4082a"]]);
-var Ia = Object.defineProperty, Sa = Object.defineProperties, wa = Object.getOwnPropertyDescriptors, sn = Object.getOwnPropertySymbols, Da = Object.prototype.hasOwnProperty, Ca = Object.prototype.propertyIsEnumerable, an = (e, t, n) => t in e ? Ia(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, zn = (e, t) => {
+const Ia = /* @__PURE__ */ de(Oa, [["render", La], ["__scopeId", "data-v-309f0551"]]);
+var Sa = Object.defineProperty, wa = Object.defineProperties, Da = Object.getOwnPropertyDescriptors, sn = Object.getOwnPropertySymbols, Ca = Object.prototype.hasOwnProperty, Pa = Object.prototype.propertyIsEnumerable, an = (e, t, n) => t in e ? Sa(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Jn = (e, t) => {
   for (var n in t || (t = {}))
-    Da.call(t, n) && an(e, n, t[n]);
+    Ca.call(t, n) && an(e, n, t[n]);
   if (sn)
     for (var n of sn(t))
-      Ca.call(t, n) && an(e, n, t[n]);
+      Pa.call(t, n) && an(e, n, t[n]);
   return e;
-}, Pa = (e, t) => Sa(e, wa(t));
+}, Aa = (e, t) => wa(e, Da(t));
 const ye = 6, ln = ye * 2;
-function Aa(e, t) {
+function ka(e, t) {
   return e.map(
     ({ leftTop: { col: n, row: r }, rightBottom: { col: o, row: a } }) => `<line x1="${n * t.col + ye}" y1="${r * t.row + ye}" x2="${o * t.col + ye}" y2="${a * t.row + ye}" stroke="black" stroke-width="5"/>`
   ).join(" ");
 }
-function ka(e, t, n) {
+function Ra(e, t, n) {
   return n.findIndex((r) => e >= r.leftTop.row && e < r.rightBottom.row && t >= r.leftTop.col && t < r.rightBottom.col) >= 0;
 }
-function Ra(e, t, n) {
+function Fa(e, t, n) {
   n.forEach((r) => {
-    const o = Pa(zn({}, r.leftTop), {
-      id: Kn(r.leftTop),
+    const o = Aa(Jn({}, r.leftTop), {
+      id: Qn(r.leftTop),
       layout: {
         left: 100 / t.col * r.leftTop.col,
         top: 100 / t.row * r.leftTop.row,
@@ -2888,11 +2912,11 @@ function Ra(e, t, n) {
     e.push(o);
   });
 }
-function Kn(e) {
+function Qn(e) {
   return `${e.row}-${e.col}`;
 }
 const cn = "ComponentsDefaultLayoutKeyAF84566";
-function Fa(e) {
+function $a(e) {
   const t = [], n = [];
   for (let r = 0; r < e.points.length / 2; r++)
     n.push(e.points.slice(r * 2, r * 2 + 2));
@@ -2923,20 +2947,20 @@ const Ue = {
     const n = [];
     for (let r = 0; r < e.row; r++)
       for (let o = 0; o < e.col; o++) {
-        if (ka(r, o, t))
+        if (Ra(r, o, t))
           continue;
-        const a = zn({
+        const a = Jn({
           layout: {
             left: 100 / e.col * o,
             top: 100 / e.row * r,
             width: 100 / e.col,
             height: 100 / e.row
           },
-          id: Kn({ row: r, col: o })
+          id: Qn({ row: r, col: o })
         }, { row: r, col: o });
         n.push(a);
       }
-    return Ra(n, e, t), n;
+    return Fa(n, e, t), n;
   },
   TransLayoutToSVG(e, t) {
     const n = [];
@@ -2960,12 +2984,12 @@ const Ue = {
     });
     const a = r.concat(...o), s = [];
     a.forEach((c) => {
-      c.points = c.points.sort(), s.push(...Fa(c));
+      c.points = c.points.sort(), s.push(...$a(c));
     });
     const l = {
       row: t.height / e.row,
       col: t.width / e.col
-    }, i = Aa(s, l);
+    }, i = ka(s, l);
     return `<svg viewBox='0 0 ${t.width + ln} ${t.height + ln} ' width="100%" height="100%"> ${i} </svg>`;
   },
   StorageDefaultLayout: {
@@ -2983,7 +3007,7 @@ const Ue = {
       localStorage.setItem(cn, JSON.stringify(e));
     }
   }
-}, $a = _e({
+}, Ma = _e({
   emits: {
     onselect(e, t) {
       return !0;
@@ -3038,31 +3062,31 @@ const Ue = {
     }
   }
 });
-const Ma = ["onClick"], Va = { style: { position: "relative", display: "inline-block", margin: "10px" } }, Ua = ["innerHTML"], xa = { style: { "vertical-align": "middle" } };
-function Ga(e, t, n, r, o, a) {
+const Va = ["onClick"], Ua = { style: { position: "relative", display: "inline-block", margin: "10px" } }, xa = ["innerHTML"], Ga = { style: { "vertical-align": "middle" } };
+function Wa(e, t, n, r, o, a) {
   return A(), F("div", null, [
     (A(!0), F(Oe, null, De(e.layoutInfos, (s) => (A(), F("div", {
       class: Xe(s.select ? "layout-item layout-item-select" : "layout-item"),
       onClick: (l) => e.selectClick(s)
     }, [
-      C("div", Va, [
+      C("div", Ua, [
         C("div", {
           innerHTML: s.svg,
           class: "svg-style"
-        }, null, 8, Ua),
-        C("span", xa, ue(s.layout.name), 1)
+        }, null, 8, xa),
+        C("span", Ga, se(s.layout.name), 1)
       ])
-    ], 10, Ma))), 256))
+    ], 10, Va))), 256))
   ]);
 }
-const Wa = /* @__PURE__ */ de($a, [["render", Ga], ["__scopeId", "data-v-36f7a9fc"]]), Ha = _e({
+const ja = /* @__PURE__ */ de(Ma, [["render", Wa], ["__scopeId", "data-v-36f7a9fc"]]), Ha = _e({
   emits: {
     LayoutChange(e, t, n) {
       return !0;
     }
   },
   components: {
-    LayoutShow: Wa
+    LayoutShow: ja
   },
   setup(e, t) {
     const n = [
@@ -3103,18 +3127,19 @@ const Wa = /* @__PURE__ */ de($a, [["render", Ga], ["__scopeId", "data-v-36f7a9f
     }, c = M(""), u = M(!1), d = () => {
       u.value = !u.value, u.value ? window.addEventListener("click", _) : window.removeEventListener("click", _);
     }, _ = (p) => {
-      u.value && p.composedPath().findIndex(({ className: N }) => N == "layout-switcher") < 0 && (u.value = !1, window.removeEventListener("click", _));
+      u.value && p.composedPath().findIndex(({ className: b }) => b == "layout-switcher") < 0 && (u.value = !1, window.removeEventListener("click", _));
     };
     return {
-      selectClassicalLayout: (p, h, N) => {
-        var b;
-        N || (l = !1);
+      i18nT: Wn,
+      selectClassicalLayout: (p, h, b) => {
+        var N;
+        b || (l = !1);
         const L = n.find((T) => T.row == p && T.col == h && typeof T.area > "u" && typeof T.areas > "u");
-        L && ((b = r.value) == null || b.SelectLayoutById(JSON.stringify(L))), N = !0;
+        L && ((N = r.value) == null || N.SelectLayoutById(JSON.stringify(L))), b = !0;
       },
       selectLoyoutById: (p, h) => {
-        var N;
-        h || (l = !1), (N = r.value) == null || N.SelectLayoutById(p), h = !0;
+        var b;
+        h || (l = !1), (b = r.value) == null || b.SelectLayoutById(p), h = !0;
       },
       refLayoutShow: r,
       clickShowSelectPanel: d,
@@ -3127,12 +3152,10 @@ const Wa = /* @__PURE__ */ de($a, [["render", Ga], ["__scopeId", "data-v-36f7a9f
   },
   expose: ["selectLoyoutById", "selectClassicalLayout"]
 });
-const Xn = (e) => (Co("data-v-1ffa86c1"), e = e(), Po(), e), ja = { class: "layout-switcher" }, Ba = ["innerHTML"], Ya = { class: "switch-panel" }, za = /* @__PURE__ */ Xn(() => /* @__PURE__ */ C("div", { style: { "margin-left": "10px" } }, [
-  /* @__PURE__ */ C("span", null, "\u8BF7\u9009\u62E9\u5E03\u5C40\u6837\u5F0F")
-], -1)), Ka = { style: { "margin-left": "10px", padding: "10px" } }, Xa = { style: { "margin-left": "10px" } }, Ja = /* @__PURE__ */ Xn(() => /* @__PURE__ */ C("span", null, "\u6807\u51C6\u6A21\u5F0F\uFF1A", -1));
+const Ba = { class: "layout-switcher" }, za = ["innerHTML"], Ya = { class: "switch-panel" }, Ka = { style: { "margin-left": "10px" } }, Xa = { style: { "margin-left": "10px", padding: "10px" } }, Ja = { style: { "margin-left": "10px" } };
 function Qa(e, t, n, r, o, a) {
-  const s = ie("LayoutShow");
-  return A(), F("div", ja, [
+  const s = ce("LayoutShow");
+  return A(), F("div", Ba, [
     C("div", {
       onClick: t[0] || (t[0] = (...l) => e.clickShowSelectPanel && e.clickShowSelectPanel(...l)),
       class: "switch-switcher"
@@ -3140,14 +3163,16 @@ function Qa(e, t, n, r, o, a) {
       C("div", {
         innerHTML: e.svgSelect,
         style: { height: "32px", display: "inline-block", "vertical-align": "middle" }
-      }, null, 8, Ba)
+      }, null, 8, za)
     ]),
-    wo(C("div", Ya, [
-      za,
+    Co(C("div", Ya, [
       C("div", Ka, [
-        C("div", Xa, [
-          Ja,
-          se(s, {
+        C("span", null, se(e.i18nT("qing-xuan-ze-bu-ju-yang-shi")), 1)
+      ]),
+      C("div", Xa, [
+        C("div", Ja, [
+          C("span", null, se(e.i18nT("biao-zhun-bu-ju")) + "\uFF1A", 1),
+          ae(s, {
             ref: "refLayoutShow",
             layouts: e.layout,
             defaultLayout: e.defaultLayout,
@@ -3156,11 +3181,11 @@ function Qa(e, t, n, r, o, a) {
         ])
       ])
     ], 512), [
-      [Do, e.showSelectPanel]
+      [Po, e.showSelectPanel]
     ])
   ]);
 }
-const qa = /* @__PURE__ */ de(Ha, [["render", Qa], ["__scopeId", "data-v-1ffa86c1"]]), Za = _e({
+const qa = /* @__PURE__ */ de(Ha, [["render", Qa], ["__scopeId", "data-v-d76cdc4b"]]), Za = _e({
   props: {
     layout: {
       type: Object
@@ -3195,19 +3220,20 @@ function tl(e, t, n, r, o, a) {
   ]);
 }
 const nl = /* @__PURE__ */ de(Za, [["render", tl], ["__scopeId", "data-v-efd900be"]]), un = {
-  RecursionDeviceGroup: La,
+  RecursionDeviceGroup: Ia,
   VideoAreasLayoutShow: nl,
   MultiVideoAreaLayoutSwitch: qa
 }, sl = {
-  install(e) {
-    for (const t in un) {
-      const n = un[t];
-      e.component(t, n);
+  install(e, t) {
+    hs(t && typeof t.locale < "u" ? t.locale : xn.en);
+    for (const n in un) {
+      const r = un[n];
+      e.component(n, r);
     }
   }
 };
 export {
-  bt as RecursionDeviceGroup,
+  Kt as RecursionDeviceGroup,
   x as VideoAreaLayout,
   sl as default
 };