smarteye-e-components 0.0.51 → 0.0.53

package/dist/smarteye-e-components.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as _e, computed as W, openBlock as A, createElementBlock as R, renderSlot as oe, createElementVNode as C, toDisplayString as ue, h as $e, ref as x, watch as Me, normalizeStyle as Le, Fragment as Oe, renderList as Ce, 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";
+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) => {
@@ -80,7 +80,7 @@ var bt;
     n.AccessSession = r;
   })(e.Utils || (e.Utils = {}));
 })(bt || (bt = {}));
-var U;
+var x;
 ((e) => {
   function t(n, r, o) {
     if (o) {
@@ -152,7 +152,7 @@ var U;
     }
     n.getTestLayout = o;
   })(e.Test || (e.Test = {}));
-})(U || (U = {}));
+})(x || (x = {}));
 const Ao = _e({
   props: {
     countInfo: Object,
@@ -196,17 +196,17 @@ const de = (e, t) => {
   for (const [r, o] of t)
     n[r] = o;
   return n;
-}, ko = { class: "root" }, Fo = { class: "count-show" };
-function Ro(e, t, n, r, o, a) {
-  return A(), R("div", ko, [
+}, 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", Fo, ue(e.onlineCount) + "/" + ue(e.totalCount), 1)
+    C("span", Ro, ue(e.onlineCount) + "/" + ue(e.totalCount), 1)
   ]);
 }
-const dn = /* @__PURE__ */ de(Ao, [["render", Ro], ["__scopeId", "data-v-a063c331"]]), mn = Object.freeze(
+const dn = /* @__PURE__ */ de(Ao, [["render", Fo], ["__scopeId", "data-v-a063c331"]]), mn = Object.freeze(
   {
     left: 0,
     top: 0,
@@ -324,39 +324,39 @@ function Wo(e, t) {
   };
   let a = n.body;
   [n, r].forEach((g) => {
-    const v = [], O = g.hFlip, E = g.vFlip;
+    const p = [], O = g.hFlip, E = g.vFlip;
     let N = g.rotate;
-    O ? E ? N += 2 : (v.push(
+    O ? E ? N += 2 : (p.push(
       "translate(" + (o.width + o.left).toString() + " " + (0 - o.top).toString() + ")"
-    ), v.push("scale(-1 1)"), o.top = o.left = 0) : E && (v.push(
+    ), p.push("scale(-1 1)"), o.top = o.left = 0) : E && (p.push(
       "translate(" + (0 - o.left).toString() + " " + (o.height + o.top).toString() + ")"
-    ), v.push("scale(1 -1)"), o.top = o.left = 0);
+    ), p.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, v.unshift(
+        b = o.height / 2 + o.top, p.unshift(
           "rotate(90 " + b.toString() + " " + b.toString() + ")"
         );
         break;
       case 2:
-        v.unshift(
+        p.unshift(
           "rotate(180 " + (o.width / 2 + o.left).toString() + " " + (o.height / 2 + o.top).toString() + ")"
         );
         break;
       case 3:
-        b = o.width / 2 + o.left, v.unshift(
+        b = o.width / 2 + o.left, p.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)), v.length && (a = '<g transform="' + v.join(" ") + '">' + a + "</g>");
+    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)), p.length && (a = '<g transform="' + p.join(" ") + '">' + a + "</g>");
   });
   const s = r.width, l = r.height, i = o.width, c = o.height;
-  let u, _;
-  return s === null ? (_ = l === null ? "1em" : l === "auto" ? c : l, u = Tt(_, i / c)) : (u = s === "auto" ? i : s, _ = l === null ? Tt(u, c / i) : l === "auto" ? c : l), {
+  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: _.toString(),
+      height: d.toString(),
       viewBox: o.left.toString() + " " + o.top.toString() + " " + i.toString() + " " + c.toString()
     },
     body: a
@@ -392,14 +392,14 @@ function Xo(e) {
 const yt = {
   ...hn,
   inline: !1
-}, Qo = {
+}, Jo = {
   xmlns: "http://www.w3.org/2000/svg",
   "xmlns:xlink": "http://www.w3.org/1999/xlink",
   "aria-hidden": !0,
   role: "img"
-}, Jo = {
+}, Qo = {
   display: "inline-block"
-}, Qe = {
+}, Je = {
   backgroundColor: "currentColor"
 }, vn = {
   backgroundColor: "transparent"
@@ -408,8 +408,8 @@ const yt = {
   Repeat: "no-repeat",
   Size: "100% 100%"
 }, It = {
-  webkitMask: Qe,
-  mask: Qe,
+  webkitMask: Je,
+  mask: Je,
   background: vn
 };
 for (const e in It) {
@@ -426,7 +426,7 @@ function St(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
 }
 const qo = (e, t) => {
-  const n = $o(yt, t), r = { ...Qo }, o = t.mode || "svg", a = {}, s = t.style, l = typeof s == "object" && !(s instanceof Array) ? s : {};
+  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 O in t) {
     const E = t[O];
     if (E !== void 0)
@@ -467,22 +467,22 @@ const qo = (e, t) => {
       ...l
     }, Object.assign(r, c);
     let O = 0, E = t.id;
-    return typeof E == "string" && (E = E.replace(/-/g, "_")), r.innerHTML = Yo(i.body, E ? () => E + "ID" + O++ : "iconifyVue"), $e("svg", r);
+    return typeof E == "string" && (E = E.replace(/-/g, "_")), r.innerHTML = Yo(i.body, E ? () => E + "ID" + O++ : "iconifyVue"), Fe("svg", r);
   }
-  const { body: u, width: _, height: d } = e, g = o === "mask" || (o === "bg" ? !1 : u.indexOf("currentColor") !== -1), v = zo(u, {
+  const { body: u, width: d, height: _ } = e, g = o === "mask" || (o === "bg" ? !1 : u.indexOf("currentColor") !== -1), p = zo(u, {
     ...c,
-    width: _ + "",
-    height: d + ""
+    width: d + "",
+    height: _ + ""
   });
   return r.style = {
     ...a,
-    "--svg": Xo(v),
+    "--svg": Xo(p),
     width: St(c.width),
     height: St(c.height),
-    ...Jo,
-    ...g ? Qe : vn,
+    ...Qo,
+    ...g ? Je : vn,
     ...l
-  }, $e("span", r);
+  }, Fe("span", r);
 }, En = /* @__PURE__ */ Object.create(null);
 function Ne(e, t) {
   En[e] = t;
@@ -534,11 +534,11 @@ const lr = {
   },
   setup(e) {
     const t = {
-      screenHeight: x(0),
-      startOffset: x(0),
-      start: x(0),
-      end: x(0)
-    }, n = x(), r = {
+      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)`),
@@ -549,7 +549,7 @@ const lr = {
     }), t);
   },
   mounted() {
-    this.init(), Me(() => this.listData.length, () => ar(this, null, function* () {
+    this.init(), $e(() => this.listData.length, () => ar(this, null, function* () {
       yield this.$nextTick(), this.init();
     }));
   },
@@ -566,7 +566,7 @@ const lr = {
   }
 };
 function ir(e, t, n, r, o, a) {
-  return A(), R("div", {
+  return A(), F("div", {
     ref: "virList",
     class: "infinite-list-container",
     onScroll: t[0] || (t[0] = (s) => a.scrollEvent())
@@ -579,7 +579,7 @@ function ir(e, t, n, r, o, a) {
       class: "infinite-list",
       style: Le({ transform: e.getTransform })
     }, [
-      (A(!0), R(Oe, null, Ce(e.visibleData, (s) => (A(), R("div", {
+      (A(!0), F(Oe, null, De(e.visibleData, (s) => (A(), F("div", {
         ref_for: !0,
         ref: "items",
         class: "infinite-list-item",
@@ -612,11 +612,11 @@ const hr = _e({
     controlParams: Object
   },
   setup(e, t) {
-    const n = x(), r = fn("theme"), o = {
+    const n = M(), r = fn("theme"), o = {
       filterDevice(u) {
-        var _, d, g, v, O;
+        var d, _, g, p, O;
         let E = !0;
-        (_ = e.controlParams) != null && _.searchStr && (E = u.name.indexOf((d = e.controlParams) == null ? void 0 : d.searchStr) >= 0 || u.id.indexOf((g = e.controlParams) == null ? void 0 : g.searchStr) >= 0 || typeof u.user == "string" && u.user.indexOf((v = e.controlParams) == null ? void 0 : v.searchStr) >= 0);
+        (d = e.controlParams) != null && d.searchStr && (E = 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((p = e.controlParams) == null ? void 0 : p.searchStr) >= 0);
         let N = !0;
         return (O = e.controlParams) != null && O.onlyShowOnline && (N = u.online), E && N;
       },
@@ -630,20 +630,20 @@ const hr = _e({
     }, a = {
       filteredDevices: W(() => {
         var u;
-        const _ = (u = e.deviceGroup) == null ? void 0 : u.devices, d = _ && _.filter((v) => o.filterDevice(v)) || [];
-        return d.filter((v) => v.online).concat(d.filter((v) => !v.online));
+        const d = (u = e.deviceGroup) == null ? void 0 : u.devices, _ = d && d.filter((p) => o.filterDevice(p)) || [];
+        return _.filter((p) => p.online).concat(_.filter((p) => !p.online));
       })
     }, s = W(() => a.filteredDevices.value.length > 10 ? "400px" : `${a.filteredDevices.value.length * 40}px`);
-    function l(u, _) {
-      if (_.length == 0)
+    function l(u, d) {
+      if (d.length == 0)
         return !0;
-      let d = !1;
-      if ((u == null ? void 0 : u.name.indexOf(_)) > 0 && (d = !0), d || (d = (u == null ? void 0 : u.devices.find((g) => g.name.indexOf(_) >= 0 || g.id.indexOf(_) >= 0 || g.user && g.user.indexOf(_) >= 0)) != null), !d) {
+      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], _))
+          if (l(u.items[g], d))
             return !0;
       }
-      return d;
+      return _;
     }
     const i = W(() => {
       if (e.controlParams) {
@@ -652,7 +652,7 @@ const hr = _e({
           return l(e.deviceGroup, u);
       }
       return !1;
-    }), c = x(!1);
+    }), c = M(!1);
     return pr(gr({
       innerUtils: o
     }, a), {
@@ -680,7 +680,7 @@ const vr = {
 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(), R("div", {
+  return e.showGroup ? (A(), F("div", {
     key: 0,
     class: Xe("group " + e.theme)
   }, [
@@ -689,17 +689,17 @@ function Ir(e, t, n, r, o, a) {
       controlParams: e.controlParams,
       ref: "countRef"
     }, {
-      default: ce(({ online: _, total: d }) => {
-        var g, v;
+      default: ce(({ online: d, total: _ }) => {
+        var g, p;
         return [
-          e.deviceGroup && e.deviceGroup.devices.length + e.deviceGroup.items.length > 0 ? (A(), R("span", vr, [
+          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] = (O) => e.bShow = !e.bShow),
               class: "handle-ls-svg"
             }, null, 8, ["icon"])
-          ])) : (A(), R("span", Er)),
+          ])) : (A(), F("span", Er)),
           C("span", {
             class: "group-head-db-click",
             onDblclick: t[1] || (t[1] = (O) => e.bShow = !e.bShow)
@@ -709,10 +709,10 @@ function Ir(e, t, n, r, o, a) {
               width: "24",
               class: "group-avatar"
             }, null, 8, ["icon"]),
-            e.bShow ? Be("", !0) : (A(), R("span", Or, ue((g = e.deviceGroup) == null ? void 0 : g.items.length), 1)),
+            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: (v = e.deviceGroup) == null ? void 0 : v.name
+              title: (p = e.deviceGroup) == null ? void 0 : p.name
             }, ue(e.innerUtils.groupText(e.deviceGroup)), 9, Nr)
           ], 32),
           C("div", br, [
@@ -722,19 +722,19 @@ function Ir(e, t, n, r, o, a) {
       }),
       _: 3
     }, 8, ["countInfo", "controlParams"]),
-    e.bShow ? (A(), R("div", Tr, [
-      (A(!0), R(Oe, null, Ce((s = e.deviceGroup) == null ? void 0 : s.items, (_, d) => (A(), _n(c, {
-        key: d,
-        deviceGroup: _,
+    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: v }) => [
+        device: ce(({ device: g, group: p }) => [
           oe(e.$slots, "device", {
             device: g,
-            group: v
+            group: p
           }, void 0, !0)
         ]),
         _: 2
@@ -747,9 +747,9 @@ function Ir(e, t, n, r, o, a) {
           "list-data": e.filteredDevices,
           "item-size": 40
         }, {
-          default: ce(({ data: _ }) => [
+          default: ce(({ data: d }) => [
             C("div", {
-              class: Xe(_.online && "online-device")
+              class: Xe(d.online && "online-device")
             }, [
               se(l, {
                 icon: "user",
@@ -757,12 +757,12 @@ function Ir(e, t, n, r, o, a) {
                 class: "device-avatar"
               }),
               C("span", {
-                title: e.innerUtils.deviceText(_),
+                title: e.innerUtils.deviceText(d),
                 class: "device-name"
-              }, ue(e.innerUtils.deviceText(_)), 9, yr),
+              }, ue(e.innerUtils.deviceText(d)), 9, yr),
               C("div", Lr, [
                 oe(e.$slots, "device", {
-                  device: _,
+                  device: d,
                   group: e.deviceGroup
                 }, void 0, !0)
               ])
@@ -812,40 +812,40 @@ if (process.env.NODE_ENV !== "production") {
     e.measure(t, n, r), e.clearMarks(n), e.clearMarks(r);
   });
 }
-const Fr = /\{([0-9a-zA-Z]+)\}/g;
+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(Fr, (n, r) => t.hasOwnProperty(r) ? t[r] : "");
+  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 Rr = typeof Symbol == "function" && typeof Symbol.toStringTag == "symbol", ne = (e) => Rr ? 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"), M = (e) => typeof e == "number" && isFinite(e), Vr = (e) => dt(e) === "[object Date]", Ve = (e) => dt(e) === "[object RegExp]", xe = (e) => y(e) && Object.keys(e).length === 0;
+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;
 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 Ft(e) {
+function Rt(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 k = Array.isArray, $ = (e) => typeof e == "function", h = (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), Rt = 2;
+const k = Array.isArray, $ = (e) => typeof e == "function", v = (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 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 - Rt; l <= s + Rt || n > o; l++) {
+      for (let l = s - Ft; l <= s + Ft || n > o; l++) {
         if (l < 0 || l >= r.length)
           continue;
         const i = l + 1;
         a.push(`${i}${" ".repeat(3 - String(i).length)}|  ${r[l]}`);
         const c = r[l].length;
         if (l === s) {
-          const u = t - (o - c) + 1, _ = Math.max(1, n > o ? c - u : n - t);
-          a.push("   |  " + " ".repeat(u) + "^".repeat(_));
+          const u = t - (o - c) + 1, d = Math.max(1, n > o ? c - u : n - t);
+          a.push("   |  " + " ".repeat(u) + "^".repeat(d));
         } else if (l > s) {
           if (n > o) {
             const u = Math.max(Math.min(n - o, c), 1);
@@ -1017,31 +1017,31 @@ function zr(e) {
 }
 function Kr(e) {
   const t = [];
-  let n = -1, r = 0, o = 0, a, s, l, i, c, u, _;
-  const d = [];
-  d[0] = () => {
+  let n = -1, r = 0, o = 0, a, s, l, i, c, u, d;
+  const _ = [];
+  _[0] = () => {
     s === void 0 ? s = l : s += l;
-  }, d[1] = () => {
+  }, _[1] = () => {
     s !== void 0 && (t.push(s), s = void 0);
-  }, d[2] = () => {
-    d[0](), o++;
-  }, d[3] = () => {
+  }, _[2] = () => {
+    _[0](), o++;
+  }, _[3] = () => {
     if (o > 0)
-      o--, r = 4, d[0]();
+      o--, r = 4, _[0]();
     else {
       if (o = 0, s === void 0 || (s = zr(s), s === !1))
         return !1;
-      d[1]();
+      _[1]();
     }
   };
   function g() {
-    const v = e[n + 1];
-    if (r === 5 && v === "'" || r === 6 && v === '"')
-      return n++, l = "\\" + v, d[0](), !0;
+    const p = e[n + 1];
+    if (r === 5 && p === "'" || r === 6 && p === '"')
+      return n++, l = "\\" + p, _[0](), !0;
   }
   for (; r !== null; )
     if (n++, a = e[n], !(a === "\\" && g())) {
-      if (i = Yr(a), _ = ae[r], c = _[i] || _.l || 8, c === 8 || (r = c[0], c[1] !== void 0 && (u = d[c[1]], u && (l = a, u() === !1))))
+      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))))
         return;
       if (r === 7)
         return t;
@@ -1051,7 +1051,7 @@ const $t = /* @__PURE__ */ new Map();
 function Xr(e, t) {
   return S(e) ? e[t] : null;
 }
-function Qr(e, t) {
+function Jr(e, t) {
   if (!S(e))
     return null;
   let n = $t.get(t);
@@ -1067,49 +1067,49 @@ function Qr(e, t) {
   }
   return o;
 }
-const Jr = (e) => e, qr = (e) => "", Zr = "text", es = (e) => e.length === 0 ? "" : e.join(""), ts = xr;
+const Qr = (e) => e, qr = (e) => "", Zr = "text", es = (e) => e.length === 0 ? "" : e.join(""), ts = xr;
 function Mt(e, t) {
   return e = Math.abs(e), t === 2 ? e ? e > 1 ? 1 : 0 : 1 : e ? Math.min(e, 2) : 0;
 }
 function ns(e) {
-  const t = M(e.pluralIndex) ? e.pluralIndex : -1;
-  return e.named && (M(e.named.count) || M(e.named.n)) ? M(e.named.count) ? e.named.count : M(e.named.n) ? e.named.n : t : t;
+  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) {
   t.count || (t.count = e), t.n || (t.n = e);
 }
 function rs(e = {}) {
-  const t = e.locale, n = ns(e), r = S(e.pluralRules) && h(t) && $(e.pluralRules[t]) ? e.pluralRules[t] : Mt, o = S(e.pluralRules) && h(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 || {};
-  M(e.pluralIndex) && os(n, i);
+  const t = e.locale, n = ns(e), r = S(e.pluralRules) && v(t) && $(e.pluralRules[t]) ? e.pluralRules[t] : Mt, o = S(e.pluralRules) && v(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);
   }
-  const _ = (N) => e.modifiers ? e.modifiers[N] : Jr, d = y(e.processor) && $(e.processor.normalize) ? e.processor.normalize : es, g = y(e.processor) && $(e.processor.interpolate) ? e.processor.interpolate : ts, v = y(e.processor) && h(e.processor.type) ? e.processor.type : Zr, E = {
+  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, p = y(e.processor) && v(e.processor.type) ? e.processor.type : Zr, E = {
     list: l,
     named: c,
     plural: a,
     linked: (N, ...b) => {
       const [I, T] = b;
-      let p = "text", w = "";
-      b.length === 1 ? S(I) ? (w = I.modifier || w, p = I.type || p) : h(I) && (w = I || w) : b.length === 2 && (h(I) && (w = I || w), h(T) && (p = T || p));
+      let h = "text", w = "";
+      b.length === 1 ? S(I) ? (w = I.modifier || w, h = I.type || h) : v(I) && (w = I || w) : b.length === 2 && (v(I) && (w = I || w), v(T) && (h = T || h));
       let L = u(N)(E);
-      return p === "vnode" && k(L) && w && (L = L[0]), w ? _(w)(L, p) : L;
+      return h === "vnode" && k(L) && w && (L = L[0]), w ? d(w)(L, h) : L;
     },
     message: u,
-    type: v,
+    type: p,
     interpolate: g,
-    normalize: d
+    normalize: _
   };
   return E;
 }
-let we = null;
+let Se = null;
 function ss(e) {
-  we = e;
+  Se = e;
 }
 function as(e, t, n) {
-  we && we.emit(Tn.I18nInit, {
+  Se && Se.emit(Tn.I18nInit, {
     timestamp: Date.now(),
     i18n: e,
     version: t,
@@ -1118,7 +1118,7 @@ function as(e, t, n) {
 }
 const ls = /* @__PURE__ */ is(Tn.FunctionTranslate);
 function is(e) {
-  return (t) => we && we.emit(e, t);
+  return (t) => Se && Se.emit(e, t);
 }
 const K = {
   NOT_FOUND_KEY: 1,
@@ -1142,11 +1142,11 @@ function Ee(e, ...t) {
 function us(e, t, n) {
   return [.../* @__PURE__ */ new Set([
     n,
-    ...k(t) ? t : S(t) ? Object.keys(t) : h(t) ? [t] : [n]
+    ...k(t) ? t : S(t) ? Object.keys(t) : v(t) ? [t] : [n]
   ])];
 }
 function yn(e, t, n) {
-  const r = h(n) ? n : mt, o = e;
+  const r = v(n) ? n : mt, o = e;
   o.__localeChainCache || (o.__localeChainCache = /* @__PURE__ */ new Map());
   let a = o.__localeChainCache.get(r);
   if (!a) {
@@ -1155,7 +1155,7 @@ function yn(e, t, n) {
     for (; k(s); )
       s = Vt(a, s, t);
     const l = k(t) || !y(t) ? t : t.default ? t.default : null;
-    s = h(l) ? [l] : l, k(s) && Vt(a, s, !1), o.__localeChainCache.set(r, a);
+    s = v(l) ? [l] : l, k(s) && Vt(a, s, !1), o.__localeChainCache.set(r, a);
   }
   return a;
 }
@@ -1163,7 +1163,7 @@ function Vt(e, t, n) {
   let r = !0;
   for (let o = 0; o < t.length && P(r); o++) {
     const a = t[o];
-    h(a) && (r = fs(e, t[o], n));
+    v(a) && (r = fs(e, t[o], n));
   }
   return r;
 }
@@ -1185,12 +1185,12 @@ function _s(e, t, n) {
   }
   return r;
 }
-const ds = "9.2.2", Ge = -1, mt = "en-US", Ue = "", Ut = (e) => `${e.charAt(0).toLocaleUpperCase()}${e.substr(1)}`;
+const ds = "9.2.2", Ge = -1, mt = "en-US", Ve = "", Ut = (e) => `${e.charAt(0).toLocaleUpperCase()}${e.substr(1)}`;
 function ms() {
   return {
-    upper: (e, t) => t === "text" && h(e) ? e.toUpperCase() : t === "vnode" && S(e) && "__v_isVNode" in e ? e.children.toUpperCase() : e,
-    lower: (e, t) => t === "text" && h(e) ? e.toLowerCase() : t === "vnode" && S(e) && "__v_isVNode" in e ? e.children.toLowerCase() : e,
-    capitalize: (e, t) => t === "text" && h(e) ? Ut(e) : t === "vnode" && S(e) && "__v_isVNode" in e ? Ut(e.children) : e
+    upper: (e, t) => t === "text" && v(e) ? e.toUpperCase() : t === "vnode" && S(e) && "__v_isVNode" in e ? e.children.toUpperCase() : e,
+    lower: (e, t) => t === "text" && v(e) ? e.toLowerCase() : t === "vnode" && S(e) && "__v_isVNode" in e ? e.children.toLowerCase() : e,
+    capitalize: (e, t) => t === "text" && v(e) ? Ut(e) : t === "vnode" && S(e) && "__v_isVNode" in e ? Ut(e.children) : e
   };
 }
 let gs, Ln;
@@ -1211,7 +1211,7 @@ const Gt = (e) => {
 }, Es = () => wn;
 let Wt = 0;
 function Os(e = {}) {
-  const t = h(e.version) ? e.version : ds, n = h(e.locale) ? e.locale : mt, r = k(e.fallbackLocale) || y(e.fallbackLocale) || h(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) || Ve(e.missingWarn) ? e.missingWarn : !0, _ = P(e.fallbackWarn) || Ve(e.fallbackWarn) ? e.fallbackWarn : !0, d = !!e.fallbackFormat, g = !!e.unresolving, v = $(e.postTranslation) ? e.postTranslation : null, O = y(e.processor) ? e.processor : null, E = P(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, N = !!e.escapeParameter, b = $(e.messageCompiler) ? e.messageCompiler : gs, I = $(e.messageResolver) ? e.messageResolver : Ln || Xr, T = $(e.localeFallbacker) ? e.localeFallbacker : In || us, p = S(e.fallbackContext) ? e.fallbackContext : void 0, w = $(e.onWarn) ? e.onWarn : be, L = e, V = S(L.__datetimeFormatters) ? L.__datetimeFormatters : /* @__PURE__ */ new Map(), z = S(L.__numberFormatters) ? L.__numberFormatters : /* @__PURE__ */ new Map(), J = S(L.__meta) ? L.__meta : {};
+  const t = v(e.version) ? e.version : ds, n = v(e.locale) ? e.locale : mt, r = k(e.fallbackLocale) || y(e.fallbackLocale) || v(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, p = $(e.postTranslation) ? e.postTranslation : null, O = y(e.processor) ? e.processor : null, E = P(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, N = !!e.escapeParameter, b = $(e.messageCompiler) ? e.messageCompiler : gs, I = $(e.messageResolver) ? e.messageResolver : Ln || Xr, T = $(e.localeFallbacker) ? e.localeFallbacker : In || us, h = S(e.fallbackContext) ? e.fallbackContext : void 0, w = $(e.onWarn) ? e.onWarn : be, L = e, U = S(L.__datetimeFormatters) ? L.__datetimeFormatters : /* @__PURE__ */ new Map(), z = S(L.__numberFormatters) ? L.__numberFormatters : /* @__PURE__ */ new Map(), Q = S(L.__meta) ? L.__meta : {};
   Wt++;
   const q = {
     version: t,
@@ -1223,21 +1223,21 @@ function Os(e = {}) {
     pluralRules: i,
     missing: c,
     missingWarn: u,
-    fallbackWarn: _,
-    fallbackFormat: d,
+    fallbackWarn: d,
+    fallbackFormat: _,
     unresolving: g,
-    postTranslation: v,
+    postTranslation: p,
     processor: O,
     warnHtmlMessage: E,
     escapeParameter: N,
     messageCompiler: b,
     messageResolver: I,
     localeFallbacker: T,
-    fallbackContext: p,
+    fallbackContext: h,
     onWarn: w,
-    __meta: J
+    __meta: Q
   };
-  return q.datetimeFormats = a, q.numberFormats = s, q.__datetimeFormatters = V, q.__numberFormatters = z, process.env.NODE_ENV !== "production" && (q.__v_emitter = L.__v_emitter != null ? L.__v_emitter : void 0), (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) && as(q, t, J), q;
+  return q.datetimeFormats = a, q.numberFormats = s, q.__datetimeFormatters = U, q.__numberFormatters = z, process.env.NODE_ENV !== "production" && (q.__v_emitter = L.__v_emitter != null ? L.__v_emitter : void 0), (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) && as(q, t, Q), q;
 }
 function We(e, t) {
   return e instanceof RegExp ? e.test(t) : e;
@@ -1258,7 +1258,7 @@ function gt(e, t, n, r, o) {
   }
   if (a !== null) {
     const l = a(e, n, t, o);
-    return h(l) ? l : t;
+    return v(l) ? l : t;
   } else
     return process.env.NODE_ENV !== "production" && Dn(r, t) && s(Ee(K.NOT_FOUND_KEY, { key: t, locale: n })), t;
 }
@@ -1282,62 +1282,62 @@ const Ns = {
   [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] = Je(...t), u = P(c.missingWarn) ? c.missingWarn : e.missingWarn, _ = P(c.fallbackWarn) ? c.fallbackWarn : e.fallbackWarn, d = P(c.escapeParameter) ? c.escapeParameter : e.escapeParameter, g = !!c.resolvedMessage, v = h(c.default) || P(c.default) ? P(c.default) ? a ? i : () => i : c.default : n ? a ? i : () => i : "", O = n || v !== "", E = h(c.locale) ? c.locale : e.locale;
-  d && bs(c);
+  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, p = v(c.default) || P(c.default) ? P(c.default) ? a ? i : () => i : c.default : n ? a ? i : () => i : "", O = n || p !== "", E = v(c.locale) ? c.locale : e.locale;
+  _ && bs(c);
   let [N, b, I] = g ? [
     i,
     E,
     l[E] || {}
-  ] : Pn(e, i, E, s, _, u), T = N, p = i;
-  if (!g && !(h(T) || ee(T)) && O && (T = v, p = T), !g && (!(h(T) || ee(T)) || !h(b)))
+  ] : Pn(e, i, E, s, d, u), T = N, h = i;
+  if (!g && !(v(T) || ee(T)) && O && (T = p, h = T), !g && (!(v(T) || ee(T)) || !v(b)))
     return o ? Ge : i;
-  if (process.env.NODE_ENV !== "production" && h(T) && e.messageCompiler == null)
+  if (process.env.NODE_ENV !== "production" && v(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 L = () => {
     w = !0;
-  }, V = ee(T) ? T : An(e, i, b, T, p, L);
+  }, U = ee(T) ? T : An(e, i, b, T, h, L);
   if (w)
     return T;
-  const z = Ls(e, b, I, c), J = rs(z), q = Ts(e, V, J), Pe = r ? r(q, i) : q;
+  const z = Ls(e, b, I, c), Q = rs(z), q = Ts(e, U, Q), Ce = r ? r(q, i) : q;
   if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) {
-    const Ae = {
+    const Pe = {
       timestamp: Date.now(),
-      key: h(i) ? i : ee(T) ? T.key : "",
+      key: v(i) ? i : ee(T) ? T.key : "",
       locale: b || (ee(T) ? T.locale : ""),
-      format: h(T) ? T : ee(T) ? T.source : "",
-      message: Pe
+      format: v(T) ? T : ee(T) ? T.source : "",
+      message: Ce
     };
-    Ae.meta = j({}, e.__meta, vs() || {}), ls(Ae);
+    Pe.meta = j({}, e.__meta, vs() || {}), ls(Pe);
   }
-  return Pe;
+  return Ce;
 }
 function bs(e) {
-  k(e.list) ? e.list = e.list.map((t) => h(t) ? Ft(t) : t) : S(e.named) && Object.keys(e.named).forEach((t) => {
-    h(e.named[t]) && (e.named[t] = Ft(e.named[t]));
+  k(e.list) ? e.list = e.list.map((t) => v(t) ? Rt(t) : t) : S(e.named) && Object.keys(e.named).forEach((t) => {
+    v(e.named[t]) && (e.named[t] = Rt(e.named[t]));
   });
 }
 function Pn(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, v = n, O = null;
+  let d = {}, _, g = null, p = n, O = null;
   const E = "translate";
   for (let N = 0; N < u.length; N++) {
-    if (d = O = u[N], process.env.NODE_ENV !== "production" && n !== d && We(o, t) && l(Ee(K.FALLBACK_TO_TRANSLATE, {
+    if (_ = O = u[N], process.env.NODE_ENV !== "production" && n !== _ && We(o, t) && l(Ee(K.FALLBACK_TO_TRANSLATE, {
       key: t,
-      target: d
-    })), process.env.NODE_ENV !== "production" && n !== d) {
+      target: _
+    })), process.env.NODE_ENV !== "production" && n !== _) {
       const w = e.__v_emitter;
       w && w.emit("fallback", {
         type: E,
         key: t,
-        from: v,
+        from: p,
         to: O,
         groupId: `${E}:${t}`
       });
     }
-    _ = s[d] || {};
+    d = s[_] || {};
     let b = null, I, T;
-    if (process.env.NODE_ENV !== "production" && te && (b = window.performance.now(), I = "intlify-message-resolve-start", T = "intlify-message-resolve-end", X && X(I)), (g = i(_, t)) === null && (g = _[t]), process.env.NODE_ENV !== "production" && te) {
+    if (process.env.NODE_ENV !== "production" && te && (b = window.performance.now(), I = "intlify-message-resolve-start", T = "intlify-message-resolve-end", X && X(I)), (g = i(d, t)) === null && (g = d[t]), process.env.NODE_ENV !== "production" && te) {
       const w = window.performance.now(), L = e.__v_emitter;
       L && b && g && L.emit("message-resolve", {
         type: "message-resolve",
@@ -1347,42 +1347,42 @@ function Pn(e, t, n, r, o, a) {
         groupId: `${E}:${t}`
       }), I && T && X && fe && (X(T), fe("intlify message resolve", I, T));
     }
-    if (h(g) || $(g))
+    if (v(g) || $(g))
       break;
-    const p = gt(
+    const h = gt(
       e,
       t,
-      d,
+      _,
       a,
       E
     );
-    p !== t && (g = p), v = O;
+    h !== t && (g = h), p = O;
   }
-  return [g, d, _];
+  return [g, _, d];
 }
 function An(e, t, n, r, o, a) {
   const { messageCompiler: s, warnHtmlMessage: l } = e;
   if (ee(r)) {
-    const d = r;
-    return d.locale = d.locale || n, d.key = d.key || t, d;
+    const _ = r;
+    return _.locale = _.locale || n, _.key = _.key || t, _;
   }
   if (s == null) {
-    const d = () => r;
-    return d.locale = n, d.key = t, d;
+    const _ = () => r;
+    return _.locale = n, _.key = t, _;
   }
   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 _ = s(r, ys(e, n, o, r, l, a));
+  const d = s(r, ys(e, n, o, r, l, a));
   if (process.env.NODE_ENV !== "production" && te) {
-    const d = window.performance.now(), g = e.__v_emitter;
+    const _ = window.performance.now(), g = e.__v_emitter;
     g && i && g.emit("message-compilation", {
       type: "message-compilation",
       message: r,
-      time: d - i,
+      time: _ - i,
       groupId: `translate:${t}`
     }), c && u && X && fe && (X(u), fe("intlify message compilation", c, u));
   }
-  return _.locale = n, _.key = t, _.source = r, _;
+  return d.locale = n, d.key = t, d.source = r, d;
 }
 function Ts(e, t, n) {
   let r = null, o, a;
@@ -1399,12 +1399,12 @@ function Ts(e, t, n) {
   }
   return s;
 }
-function Je(...e) {
+function Qe(...e) {
   const [t, n, r] = e, o = {};
-  if (!h(t) && !M(t) && !ee(t))
+  if (!v(t) && !V(t) && !ee(t))
     throw ve(re.INVALID_ARGUMENT);
-  const a = M(t) ? String(t) : (ee(t), t);
-  return M(n) ? o.plural = n : h(n) ? o.default = n : y(n) && !xe(n) ? o.named = n : k(n) && (o.list = n), M(r) ? o.plural = r : h(r) ? o.default = r : y(r) && j(o, r), [a, o];
+  const a = V(t) ? String(t) : (ee(t), t);
+  return V(n) ? o.plural = n : v(n) ? o.default = n : y(n) && !xe(n) ? o.named = n : k(n) && (o.list = n), V(r) ? o.plural = r : v(r) ? o.default = r : y(r) && j(o, r), [a, o];
 }
 function ys(e, t, n, r, o, a) {
   return {
@@ -1427,27 +1427,27 @@ ${i}` : l);
   };
 }
 function Ls(e, t, n, r) {
-  const { modifiers: o, pluralRules: a, messageResolver: s, fallbackLocale: l, fallbackWarn: i, missingWarn: c, fallbackContext: u } = e, d = {
+  const { modifiers: o, pluralRules: a, messageResolver: s, fallbackLocale: l, fallbackWarn: i, missingWarn: c, fallbackContext: u } = e, _ = {
     locale: t,
     modifiers: o,
     pluralRules: a,
     messages: (g) => {
-      let v = s(n, g);
-      if (v == null && u) {
+      let p = s(n, g);
+      if (p == null && u) {
         const [, , O] = Pn(u, g, t, l, i, c);
-        v = s(O, g);
+        p = s(O, g);
       }
-      if (h(v)) {
+      if (v(p)) {
         let O = !1;
-        const N = An(e, g, t, v, g, () => {
+        const N = An(e, g, t, p, g, () => {
           O = !0;
         });
         return O ? Ht : N;
       } else
-        return ee(v) ? v : Ht;
+        return ee(p) ? p : Ht;
     }
   };
-  return e.processor && (d.processor = e.processor), r.list && (d.list = r.list), r.named && (d.named = r.named), M(r.plural) && (d.pluralIndex = r.plural), d;
+  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",
@@ -1456,42 +1456,42 @@ const Bt = typeof Intl < "u", kn = {
 function Yt(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)
-    return a(Ee(K.CANNOT_FORMAT_DATE)), Ue;
-  const [i, c, u, _] = qe(...t), d = P(u.missingWarn) ? u.missingWarn : e.missingWarn, g = P(u.fallbackWarn) ? u.fallbackWarn : e.fallbackWarn, v = !!u.part, O = h(u.locale) ? u.locale : e.locale, E = s(
+    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, p = !!u.part, O = v(u.locale) ? u.locale : e.locale, E = s(
     e,
     o,
     O
   );
-  if (!h(i) || i === "")
-    return new Intl.DateTimeFormat(O, _).format(c);
-  let N = {}, b, I = null, T = O, p = null;
+  if (!v(i) || i === "")
+    return new Intl.DateTimeFormat(O, d).format(c);
+  let N = {}, b, I = null, T = O, h = null;
   const w = "datetime format";
   for (let z = 0; z < E.length; z++) {
-    if (b = p = E[z], process.env.NODE_ENV !== "production" && O !== b && We(g, i) && a(Ee(K.FALLBACK_TO_DATE_FORMAT, {
+    if (b = h = E[z], process.env.NODE_ENV !== "production" && O !== b && We(g, i) && a(Ee(K.FALLBACK_TO_DATE_FORMAT, {
       key: i,
       target: b
     })), process.env.NODE_ENV !== "production" && O !== b) {
-      const J = e.__v_emitter;
-      J && J.emit("fallback", {
+      const Q = e.__v_emitter;
+      Q && Q.emit("fallback", {
         type: w,
         key: i,
         from: T,
-        to: p,
+        to: h,
         groupId: `${w}:${i}`
       });
     }
     if (N = n[b] || {}, I = N[i], y(I))
       break;
-    gt(e, i, b, d, w), T = p;
+    gt(e, i, b, _, w), T = h;
   }
-  if (!y(I) || !h(b))
+  if (!y(I) || !v(b))
     return r ? Ge : i;
   let L = `${b}__${i}`;
-  xe(_) || (L = `${L}__${JSON.stringify(_)}`);
-  let V = l.get(L);
-  return V || (V = new Intl.DateTimeFormat(b, j({}, I, _)), l.set(L, V)), v ? V.formatToParts(c) : V.format(c);
+  xe(d) || (L = `${L}__${JSON.stringify(d)}`);
+  let U = l.get(L);
+  return U || (U = new Intl.DateTimeFormat(b, j({}, I, d)), l.set(L, U)), p ? U.formatToParts(c) : U.format(c);
 }
-const Fn = [
+const Rn = [
   "localeMatcher",
   "weekday",
   "era",
@@ -1516,7 +1516,7 @@ const Fn = [
 function qe(...e) {
   const [t, n, r, o] = e, a = {};
   let s = {}, l;
-  if (h(t)) {
+  if (v(t)) {
     const i = t.match(/(\d{4}-\d{2}-\d{2})(T|\s)?(.*)/);
     if (!i)
       throw ve(re.INVALID_ISO_DATE_ARGUMENT);
@@ -1531,13 +1531,13 @@ function qe(...e) {
     if (isNaN(t.getTime()))
       throw ve(re.INVALID_DATE_ARGUMENT);
     l = t;
-  } else if (M(t))
+  } else if (V(t))
     l = t;
   else
     throw ve(re.INVALID_ARGUMENT);
-  return h(n) ? a.key = n : y(n) && Object.keys(n).forEach((i) => {
-    Fn.includes(i) ? s[i] = n[i] : a[i] = n[i];
-  }), h(r) ? a.locale = r : y(r) && (s = r), y(o) && (s = o), [a.key || "", l, a, s];
+  return v(n) ? a.key = n : y(n) && Object.keys(n).forEach((i) => {
+    Rn.includes(i) ? s[i] = n[i] : a[i] = n[i];
+  }), v(r) ? a.locale = r : y(r) && (s = r), y(o) && (s = o), [a.key || "", l, a, s];
 }
 function zt(e, t, n) {
   const r = e;
@@ -1549,42 +1549,42 @@ function zt(e, t, n) {
 function Kt(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)
-    return a(Ee(K.CANNOT_FORMAT_NUMBER)), Ue;
-  const [i, c, u, _] = Ze(...t), d = P(u.missingWarn) ? u.missingWarn : e.missingWarn, g = P(u.fallbackWarn) ? u.fallbackWarn : e.fallbackWarn, v = !!u.part, O = h(u.locale) ? u.locale : e.locale, E = s(
+    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, p = !!u.part, O = v(u.locale) ? u.locale : e.locale, E = s(
     e,
     o,
     O
   );
-  if (!h(i) || i === "")
-    return new Intl.NumberFormat(O, _).format(c);
-  let N = {}, b, I = null, T = O, p = null;
+  if (!v(i) || i === "")
+    return new Intl.NumberFormat(O, d).format(c);
+  let N = {}, b, I = null, T = O, h = null;
   const w = "number format";
   for (let z = 0; z < E.length; z++) {
-    if (b = p = E[z], process.env.NODE_ENV !== "production" && O !== b && We(g, i) && a(Ee(K.FALLBACK_TO_NUMBER_FORMAT, {
+    if (b = h = E[z], process.env.NODE_ENV !== "production" && O !== b && We(g, i) && a(Ee(K.FALLBACK_TO_NUMBER_FORMAT, {
       key: i,
       target: b
     })), process.env.NODE_ENV !== "production" && O !== b) {
-      const J = e.__v_emitter;
-      J && J.emit("fallback", {
+      const Q = e.__v_emitter;
+      Q && Q.emit("fallback", {
         type: w,
         key: i,
         from: T,
-        to: p,
+        to: h,
         groupId: `${w}:${i}`
       });
     }
     if (N = n[b] || {}, I = N[i], y(I))
       break;
-    gt(e, i, b, d, w), T = p;
+    gt(e, i, b, _, w), T = h;
   }
-  if (!y(I) || !h(b))
+  if (!y(I) || !v(b))
     return r ? Ge : i;
   let L = `${b}__${i}`;
-  xe(_) || (L = `${L}__${JSON.stringify(_)}`);
-  let V = l.get(L);
-  return V || (V = new Intl.NumberFormat(b, j({}, I, _)), l.set(L, V)), v ? V.formatToParts(c) : V.format(c);
+  xe(d) || (L = `${L}__${JSON.stringify(d)}`);
+  let U = l.get(L);
+  return U || (U = new Intl.NumberFormat(b, j({}, I, d)), l.set(L, U)), p ? U.formatToParts(c) : U.format(c);
 }
-const Rn = [
+const Fn = [
   "localeMatcher",
   "style",
   "currency",
@@ -1609,12 +1609,12 @@ const Rn = [
 function Ze(...e) {
   const [t, n, r, o] = e, a = {};
   let s = {};
-  if (!M(t))
+  if (!V(t))
     throw ve(re.INVALID_ARGUMENT);
   const l = t;
-  return h(n) ? a.key = n : y(n) && Object.keys(n).forEach((i) => {
-    Rn.includes(i) ? s[i] = n[i] : a[i] = n[i];
-  }), h(r) ? a.locale = r : y(r) && (s = r), y(o) && (s = o), [a.key || "", l, a, s];
+  return v(n) ? a.key = n : y(n) && Object.keys(n).forEach((i) => {
+    Fn.includes(i) ? s[i] = n[i] : a[i] = n[i];
+  }), v(r) ? a.locale = r : y(r) && (s = r), y(o) && (s = o), [a.key || "", l, a, s];
 }
 function Xt(e, t, n) {
   const r = e;
@@ -1723,9 +1723,9 @@ const ze = {
   ["vue-devtools-plugin-vue-i18n"]: "Vue I18n devtools",
   ["vue-i18n-resource-inspector"]: "I18n Resources",
   ["vue-i18n-timeline"]: "Vue I18n"
-}, Fs = {
-  ["vue-i18n-resource-inspector"]: "Search for scopes ..."
 }, Rs = {
+  ["vue-i18n-resource-inspector"]: "Search for scopes ..."
+}, Fs = {
   ["vue-i18n-timeline"]: 16764185
 };
 /*!
@@ -1777,7 +1777,7 @@ const Y = () => ++Vn, D = {
   NOT_AVAILABLE_COMPOSITION_IN_LEGACY: Y(),
   __EXTEND_POINT__: Y()
 };
-function Q(e, ...t) {
+function J(e, ...t) {
   return bn(e, null, process.env.NODE_ENV !== "production" ? { messages: Us, args: t } : void 0);
 }
 const Us = {
@@ -1795,7 +1795,7 @@ 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"), De = /* @__PURE__ */ ne("__enableEmitter"), rt = /* @__PURE__ */ ne("__disableEmitter"), xs = ne("__setPluralRules");
+}, tt = /* @__PURE__ */ ne("__transrateVNode"), nt = /* @__PURE__ */ ne("__datetimeParts"), ot = /* @__PURE__ */ ne("__numberParts"), we = /* @__PURE__ */ ne("__enableEmitter"), rt = /* @__PURE__ */ ne("__disableEmitter"), xs = ne("__setPluralRules");
 ne("__intlifyMeta");
 const Gs = /* @__PURE__ */ ne("__injectWithOption");
 function st(e) {
@@ -1821,18 +1821,18 @@ function Un(e, t) {
       const { locale: i, resource: c } = l;
       i ? (s[i] = s[i] || {}, Ie(c, s[i])) : Ie(c, s);
     } else
-      h(l) && Ie(JSON.parse(l), s);
+      v(l) && Ie(JSON.parse(l), s);
   }), o == null && a)
     for (const l in s)
       _t(s, l) && st(s[l]);
   return s;
 }
-const Fe = (e) => !S(e) || k(e);
+const ke = (e) => !S(e) || k(e);
 function Ie(e, t) {
-  if (Fe(e) || Fe(t))
-    throw Q(D.INVALID_VALUE);
+  if (ke(e) || ke(t))
+    throw J(D.INVALID_VALUE);
   for (const n in e)
-    _t(e, n) && (Fe(e[n]) || Fe(t[n]) ? t[n] = e[n] : Ie(e[n], t[n]));
+    _t(e, n) && (ke(e[n]) || ke(t[n]) ? t[n] = e[n] : Ie(e[n], t[n]));
 }
 function xn(e) {
   return e.type;
@@ -1862,10 +1862,10 @@ function Ws(e, t, n) {
     }
   }
 }
-function Qt(e) {
+function Jt(e) {
   return se(Io, null, e, 0);
 }
-const Jt = "__INTLIFY_META__";
+const Qt = "__INTLIFY_META__";
 let qt = 0;
 function Zt(e) {
   return (t, n, r, o) => e(n, r, it() || void 0, o);
@@ -1873,20 +1873,20 @@ function Zt(e) {
 const Hs = () => {
   const e = it();
   let t = null;
-  return e && (t = xn(e)[Jt]) ? { [Jt]: t } : null;
+  return e && (t = xn(e)[Qt]) ? { [Qt]: t } : null;
 };
 function Gn(e = {}, t) {
   const { __root: n } = e, r = n === void 0;
   let o = P(e.inheritLocale) ? e.inheritLocale : !0;
-  const a = x(
-    n && o ? n.locale.value : h(e.locale) ? e.locale : mt
-  ), s = x(
-    n && o ? n.fallbackLocale.value : h(e.fallbackLocale) || k(e.fallbackLocale) || y(e.fallbackLocale) || e.fallbackLocale === !1 ? e.fallbackLocale : a.value
-  ), l = x(Un(a.value, e)), i = x(y(e.datetimeFormats) ? e.datetimeFormats : { [a.value]: {} }), c = x(y(e.numberFormats) ? e.numberFormats : { [a.value]: {} });
-  let u = n ? n.missingWarn : P(e.missingWarn) || Ve(e.missingWarn) ? e.missingWarn : !0, _ = n ? n.fallbackWarn : P(e.fallbackWarn) || Ve(e.fallbackWarn) ? e.fallbackWarn : !0, d = n ? n.fallbackRoot : P(e.fallbackRoot) ? e.fallbackRoot : !0, g = !!e.fallbackFormat, v = $(e.missing) ? e.missing : null, O = $(e.missing) ? Zt(e.missing) : null, E = $(e.postTranslation) ? e.postTranslation : null, N = n ? n.warnHtmlMessage : P(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, b = !!e.escapeParameter;
+  const a = M(
+    n && o ? n.locale.value : v(e.locale) ? e.locale : mt
+  ), s = M(
+    n && o ? n.fallbackLocale.value : v(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, p = $(e.missing) ? e.missing : null, O = $(e.missing) ? Zt(e.missing) : null, E = $(e.postTranslation) ? e.postTranslation : null, N = n ? n.warnHtmlMessage : P(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, b = !!e.escapeParameter;
   const I = n ? n.modifiers : y(e.modifiers) ? e.modifiers : {};
-  let T = e.pluralRules || n && n.pluralRules, p;
-  p = (() => {
+  let T = e.pluralRules || n && n.pluralRules, h;
+  h = (() => {
     r && Gt(null);
     const f = {
       version: $s,
@@ -1897,7 +1897,7 @@ function Gn(e = {}, t) {
       pluralRules: T,
       missing: O === null ? void 0 : O,
       missingWarn: u,
-      fallbackWarn: _,
+      fallbackWarn: d,
       fallbackFormat: g,
       unresolving: !0,
       postTranslation: E === null ? void 0 : E,
@@ -1906,10 +1906,10 @@ function Gn(e = {}, t) {
       messageResolver: e.messageResolver,
       __meta: { framework: "vue" }
     };
-    f.datetimeFormats = i.value, f.numberFormats = c.value, f.__datetimeFormatters = y(p) ? p.__datetimeFormatters : void 0, f.__numberFormatters = y(p) ? p.__numberFormatters : void 0, process.env.NODE_ENV !== "production" && (f.__v_emitter = y(p) ? p.__v_emitter : void 0);
+    f.datetimeFormats = i.value, f.numberFormats = c.value, f.__datetimeFormatters = y(h) ? h.__datetimeFormatters : void 0, f.__numberFormatters = y(h) ? h.__numberFormatters : void 0, process.env.NODE_ENV !== "production" && (f.__v_emitter = y(h) ? h.__v_emitter : void 0);
     const m = Os(f);
     return r && Gt(m), m;
-  })(), Te(p, a.value, s.value);
+  })(), Te(h, a.value, s.value);
   function L() {
     return [
       a.value,
@@ -1919,81 +1919,81 @@ function Gn(e = {}, t) {
       c.value
     ];
   }
-  const V = W({
+  const U = W({
     get: () => a.value,
     set: (f) => {
-      a.value = f, p.locale = a.value;
+      a.value = f, h.locale = a.value;
     }
   }), z = W({
     get: () => s.value,
     set: (f) => {
-      s.value = f, p.fallbackLocale = s.value, Te(p, a.value, f);
+      s.value = f, h.fallbackLocale = s.value, Te(h, a.value, f);
     }
-  }), J = W(() => l.value), q = /* @__PURE__ */ W(() => i.value), Pe = /* @__PURE__ */ W(() => c.value);
-  function Ae() {
+  }), Q = W(() => l.value), q = /* @__PURE__ */ W(() => i.value), Ce = /* @__PURE__ */ W(() => c.value);
+  function Pe() {
     return $(E) ? E : null;
   }
-  function Qn(f) {
-    E = f, p.postTranslation = f;
+  function Jn(f) {
+    E = f, h.postTranslation = f;
   }
-  function Jn() {
-    return v;
+  function Qn() {
+    return p;
   }
   function qn(f) {
-    f !== null && (O = Zt(f)), v = f, p.missing = O;
+    f !== null && (O = Zt(f)), p = f, h.missing = O;
   }
   function Zn(f, m) {
     return f !== "translate" || !m.resolvedMessage;
   }
-  const me = (f, m, B, H, je, ke) => {
+  const me = (f, m, B, H, je, Ae) => {
     L();
     let ge;
     if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__)
       try {
-        xt(Hs()), r || (p.fallbackContext = n ? Es() : void 0), ge = f(p);
+        xt(Hs()), r || (h.fallbackContext = n ? Es() : void 0), ge = f(h);
       } finally {
-        xt(null), r || (p.fallbackContext = void 0);
+        xt(null), r || (h.fallbackContext = void 0);
       }
     else
-      ge = f(p);
-    if (M(ge) && ge === Ge) {
+      ge = f(h);
+    if (V(ge) && ge === Ge) {
       const [le, No] = m();
-      if (process.env.NODE_ENV !== "production" && n && h(le) && Zn(B, No) && (d && (We(_, le) || Dn(u, le)) && be(He(Z.FALLBACK_TO_ROOT, {
+      if (process.env.NODE_ENV !== "production" && n && v(le) && Zn(B, No) && (_ && (We(d, le) || Dn(u, le)) && be(He(Z.FALLBACK_TO_ROOT, {
         key: le,
         type: B
       })), process.env.NODE_ENV !== "production")) {
-        const { __v_emitter: Nt } = p;
-        Nt && d && Nt.emit("fallback", {
+        const { __v_emitter: Nt } = h;
+        Nt && _ && Nt.emit("fallback", {
           type: B,
           key: le,
           to: "global",
           groupId: `${B}:${le}`
         });
       }
-      return n && d ? H(n) : je(le);
+      return n && _ ? H(n) : je(le);
     } else {
-      if (ke(ge))
+      if (Ae(ge))
         return ge;
-      throw Q(D.UNEXPECTED_RETURN_TYPE);
+      throw J(D.UNEXPECTED_RETURN_TYPE);
     }
   };
   function Et(...f) {
-    return me((m) => Reflect.apply(jt, null, [m, ...f]), () => Je(...f), "translate", (m) => Reflect.apply(m.t, m, [...f]), (m) => m, (m) => h(m));
+    return me((m) => Reflect.apply(jt, null, [m, ...f]), () => Qe(...f), "translate", (m) => Reflect.apply(m.t, m, [...f]), (m) => m, (m) => v(m));
   }
   function eo(...f) {
     const [m, B, H] = f;
     if (H && !S(H))
-      throw Q(D.INVALID_ARGUMENT);
+      throw J(D.INVALID_ARGUMENT);
     return Et(m, B, j({ resolvedMessage: !0 }, H || {}));
   }
   function to(...f) {
-    return me((m) => Reflect.apply(Yt, null, [m, ...f]), () => qe(...f), "datetime format", (m) => Reflect.apply(m.d, m, [...f]), () => Ue, (m) => h(m));
+    return me((m) => Reflect.apply(Yt, null, [m, ...f]), () => qe(...f), "datetime format", (m) => Reflect.apply(m.d, m, [...f]), () => Ve, (m) => v(m));
   }
   function no(...f) {
-    return me((m) => Reflect.apply(Kt, null, [m, ...f]), () => Ze(...f), "number format", (m) => Reflect.apply(m.n, m, [...f]), () => Ue, (m) => h(m));
+    return me((m) => Reflect.apply(Kt, null, [m, ...f]), () => Ze(...f), "number format", (m) => Reflect.apply(m.n, m, [...f]), () => Ve, (m) => v(m));
   }
   function oo(f) {
-    return f.map((m) => h(m) || M(m) || P(m) ? Qt(String(m)) : m);
+    return f.map((m) => v(m) || V(m) || P(m) ? Jt(String(m)) : m);
   }
   const ro = {
     normalize: oo,
@@ -2012,10 +2012,10 @@ function Gn(e = {}, t) {
         }
         return B;
       },
-      () => Je(...f),
+      () => Qe(...f),
       "translate",
       (m) => m[tt](...f),
-      (m) => [Qt(m)],
+      (m) => [Jt(m)],
       (m) => k(m)
     );
   }
@@ -2026,7 +2026,7 @@ function Gn(e = {}, t) {
       "number format",
       (m) => m[ot](...f),
       () => [],
-      (m) => h(m) || k(m)
+      (m) => v(m) || k(m)
     );
   }
   function lo(...f) {
@@ -2036,23 +2036,23 @@ function Gn(e = {}, t) {
       "datetime format",
       (m) => m[nt](...f),
       () => [],
-      (m) => h(m) || k(m)
+      (m) => v(m) || k(m)
     );
   }
   function io(f) {
-    T = f, p.pluralRules = T;
+    T = f, h.pluralRules = T;
   }
   function co(f, m) {
-    const B = h(m) ? m : a.value, H = Ot(B);
-    return p.messageResolver(H, f) !== null;
+    const B = v(m) ? m : a.value, H = Ot(B);
+    return h.messageResolver(H, f) !== null;
   }
   function uo(f) {
     let m = null;
-    const B = yn(p, s.value, a.value);
+    const B = yn(h, s.value, a.value);
     for (let H = 0; H < B.length; H++) {
-      const je = l.value[B[H]] || {}, ke = p.messageResolver(je, f);
-      if (ke != null) {
-        m = ke;
+      const je = l.value[B[H]] || {}, Ae = h.messageResolver(je, f);
+      if (Ae != null) {
+        m = Ae;
         break;
       }
     }
@@ -2066,48 +2066,48 @@ function Gn(e = {}, t) {
     return l.value[f] || {};
   }
   function _o(f, m) {
-    l.value[f] = m, p.messages = l.value;
+    l.value[f] = m, h.messages = l.value;
   }
   function mo(f, m) {
-    l.value[f] = l.value[f] || {}, Ie(m, l.value[f]), p.messages = l.value;
+    l.value[f] = l.value[f] || {}, Ie(m, l.value[f]), h.messages = l.value;
   }
   function go(f) {
     return i.value[f] || {};
   }
   function po(f, m) {
-    i.value[f] = m, p.datetimeFormats = i.value, zt(p, f, m);
+    i.value[f] = m, h.datetimeFormats = i.value, zt(h, f, m);
   }
   function ho(f, m) {
-    i.value[f] = j(i.value[f] || {}, m), p.datetimeFormats = i.value, zt(p, f, m);
+    i.value[f] = j(i.value[f] || {}, m), h.datetimeFormats = i.value, zt(h, f, m);
   }
   function vo(f) {
     return c.value[f] || {};
   }
   function Eo(f, m) {
-    c.value[f] = m, p.numberFormats = c.value, Xt(p, f, m);
+    c.value[f] = m, h.numberFormats = c.value, Xt(h, f, m);
   }
   function Oo(f, m) {
-    c.value[f] = j(c.value[f] || {}, m), p.numberFormats = c.value, Xt(p, f, m);
+    c.value[f] = j(c.value[f] || {}, m), h.numberFormats = c.value, Xt(h, f, m);
   }
-  qt++, n && te && (Me(n.locale, (f) => {
-    o && (a.value = f, p.locale = f, Te(p, a.value, s.value));
-  }), Me(n.fallbackLocale, (f) => {
-    o && (s.value = f, p.fallbackLocale = f, Te(p, a.value, s.value));
+  qt++, n && te && ($e(n.locale, (f) => {
+    o && (a.value = f, h.locale = f, Te(h, a.value, s.value));
+  }), $e(n.fallbackLocale, (f) => {
+    o && (s.value = f, h.fallbackLocale = f, Te(h, a.value, s.value));
   }));
-  const F = {
+  const R = {
     id: qt,
-    locale: V,
+    locale: U,
     fallbackLocale: z,
     get inheritLocale() {
       return o;
     },
     set inheritLocale(f) {
-      o = f, f && n && (a.value = n.locale.value, s.value = n.fallbackLocale.value, Te(p, a.value, s.value));
+      o = f, f && n && (a.value = n.locale.value, s.value = n.fallbackLocale.value, Te(h, a.value, s.value));
     },
     get availableLocales() {
       return Object.keys(l.value).sort();
     },
-    messages: J,
+    messages: Q,
     get modifiers() {
       return I;
     },
@@ -2121,53 +2121,53 @@ function Gn(e = {}, t) {
       return u;
     },
     set missingWarn(f) {
-      u = f, p.missingWarn = u;
+      u = f, h.missingWarn = u;
     },
     get fallbackWarn() {
-      return _;
+      return d;
     },
     set fallbackWarn(f) {
-      _ = f, p.fallbackWarn = _;
+      d = f, h.fallbackWarn = d;
     },
     get fallbackRoot() {
-      return d;
+      return _;
     },
     set fallbackRoot(f) {
-      d = f;
+      _ = f;
     },
     get fallbackFormat() {
       return g;
     },
     set fallbackFormat(f) {
-      g = f, p.fallbackFormat = g;
+      g = f, h.fallbackFormat = g;
     },
     get warnHtmlMessage() {
       return N;
     },
     set warnHtmlMessage(f) {
-      N = f, p.warnHtmlMessage = f;
+      N = f, h.warnHtmlMessage = f;
     },
     get escapeParameter() {
       return b;
     },
     set escapeParameter(f) {
-      b = f, p.escapeParameter = f;
+      b = f, h.escapeParameter = f;
     },
     t: Et,
     getLocaleMessage: Ot,
     setLocaleMessage: _o,
     mergeLocaleMessage: mo,
-    getPostTranslationHandler: Ae,
-    setPostTranslationHandler: Qn,
-    getMissingHandler: Jn,
+    getPostTranslationHandler: Pe,
+    setPostTranslationHandler: Jn,
+    getMissingHandler: Qn,
     setMissingHandler: qn,
     [xs]: io
   };
-  return F.datetimeFormats = q, F.numberFormats = Pe, F.rt = eo, F.te = co, F.tm = fo, F.d = to, F.n = no, F.getDateTimeFormat = go, F.setDateTimeFormat = po, F.mergeDateTimeFormat = ho, F.getNumberFormat = vo, F.setNumberFormat = Eo, F.mergeNumberFormat = Oo, F[Gs] = e.__injectWithOption, F[tt] = so, F[nt] = lo, F[ot] = ao, process.env.NODE_ENV !== "production" && (F[De] = (f) => {
-    p.__v_emitter = f;
-  }, F[rt] = () => {
-    p.__v_emitter = void 0;
-  }), F;
+  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) => {
+    h.__v_emitter = f;
+  }, R[rt] = () => {
+    h.__v_emitter = void 0;
+  }), R;
 }
 const pt = {
   tag: {
@@ -2206,7 +2206,7 @@ const Ke = {
     },
     plural: {
       type: [Number, String],
-      validator: (e) => M(e) || !isNaN(e)
+      validator: (e) => V(e) || !isNaN(e)
     }
   }, pt),
   setup(e, t) {
@@ -2215,30 +2215,30 @@ const Ke = {
       __useComponent: !0
     });
     return () => {
-      const a = Object.keys(n).filter((_) => _ !== "_"), s = {};
-      e.locale && (s.locale = e.locale), e.plural !== void 0 && (s.plural = h(e.plural) ? +e.plural : e.plural);
-      const l = js(t, a), i = o[tt](e.keypath, l, s), c = j({}, r), u = h(e.tag) || S(e.tag) ? e.tag : Wn();
-      return $e(u, c, i);
+      const a = Object.keys(n).filter((d) => d !== "_"), s = {};
+      e.locale && (s.locale = e.locale), e.plural !== void 0 && (s.plural = v(e.plural) ? +e.plural : e.plural);
+      const l = js(t, a), i = o[tt](e.keypath, l, s), c = j({}, r), u = v(e.tag) || S(e.tag) ? e.tag : Wn();
+      return Fe(u, c, i);
     };
   }
 };
 function Bs(e) {
-  return k(e) && !h(e[0]);
+  return k(e) && !v(e[0]);
 }
 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), h(e.format) ? s.key = e.format : S(e.format) && (h(e.format.key) && (s.key = e.format.key), l = Object.keys(e.format).reduce((d, g) => n.includes(g) ? j({}, d, { [g]: e.format[g] }) : d, {}));
+    e.locale && (s.locale = e.locale), v(e.format) ? s.key = e.format : S(e.format) && (v(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((d, g) => {
-      const v = o[d.type], O = v ? v({ [d.type]: d.value, index: g, parts: i }) : [d.value];
-      return Bs(O) && (O[0].key = `${d.type}-${g}`), O;
-    }) : h(i) && (c = [i]);
-    const u = j({}, a), _ = h(e.tag) || S(e.tag) ? e.tag : Wn();
-    return $e(_, u, c);
+    k(i) ? c = i.map((_, g) => {
+      const p = o[_.type], O = p ? p({ [_.type]: _.value, index: g, parts: i }) : [_.value];
+      return Bs(O) && (O[0].key = `${_.type}-${g}`), O;
+    }) : v(i) && (c = [i]);
+    const u = j({}, a), d = v(e.tag) || S(e.tag) ? e.tag : Wn();
+    return Fe(d, u, c);
   };
 }
 const en = {
@@ -2254,7 +2254,7 @@ const en = {
   }, pt),
   setup(e, t) {
     const n = e.i18n || vt({ useScope: "parent", __useComponent: !0 });
-    return Hn(e, t, Rn, (...r) => n[ot](...r));
+    return Hn(e, t, Fn, (...r) => n[ot](...r));
   }
 }, tn = {
   name: "i18n-d",
@@ -2269,7 +2269,7 @@ const en = {
   }, pt),
   setup(e, t) {
     const n = e.i18n || vt({ useScope: "parent", __useComponent: !0 });
-    return Hn(e, t, Fn, (...r) => n[nt](...r));
+    return Hn(e, t, Rn, (...r) => n[nt](...r));
   }
 };
 function Ys(e, t) {
@@ -2285,19 +2285,19 @@ function zs(e) {
   const t = (s) => {
     const { instance: l, modifiers: i, value: c } = s;
     if (!l || !l.$)
-      throw Q(D.UNEXPECTED_ERROR);
+      throw J(D.UNEXPECTED_ERROR);
     const u = Ys(e, l.$);
     process.env.NODE_ENV !== "production" && i.preserve && be(He(Z.NOT_SUPPORTED_PRESERVE));
-    const _ = nn(c);
+    const d = nn(c);
     return [
-      Reflect.apply(u.t, u, [...on(_)]),
+      Reflect.apply(u.t, u, [...on(d)]),
       u
     ];
   };
   return {
     created: (s, l) => {
       const [i, c] = t(l);
-      te && e.global === c && (s.__i18nWatcher = Me(c.locale, () => {
+      te && e.global === c && (s.__i18nWatcher = $e(c.locale, () => {
         l.instance && l.instance.$forceUpdate();
       })), s.__composer = c, s.textContent = i;
     },
@@ -2319,18 +2319,18 @@ function zs(e) {
   };
 }
 function nn(e) {
-  if (h(e))
+  if (v(e))
     return { path: e };
   if (y(e)) {
     if (!("path" in e))
-      throw Q(D.REQUIRED_VALUE, "path");
+      throw J(D.REQUIRED_VALUE, "path");
     return e;
   } else
-    throw Q(D.INVALID_VALUE);
+    throw J(D.INVALID_VALUE);
 }
 function on(e) {
   const { path: t, locale: n, args: r, choice: o, plural: a } = e, s = {}, l = r || {};
-  return h(n) && (s.locale = n), M(o) && (s.plural = o), M(a) && (s.plural = a), [t, l, s];
+  return v(n) && (s.locale = n), V(o) && (s.plural = o), V(a) && (s.plural = a), [t, l, s];
 }
 function Ks(e, t, ...n) {
   const r = y(n[0]) ? n[0] : {}, o = !!r.useI18nComponentName, a = P(r.globalInstall) ? r.globalInstall : !0;
@@ -2353,14 +2353,14 @@ async function Xs(e, t) {
         app: e
       }, (o) => {
         at = o, o.on.visitComponentTree(({ componentInstance: s, treeNode: l }) => {
-          Qs(s, l, t);
+          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: Fs["vue-i18n-resource-inspector"]
+          treeFilterPlaceholder: Rs["vue-i18n-resource-inspector"]
         }), o.on.getInspectorTree((s) => {
           s.app === e && s.inspectorId === "vue-i18n-resource-inspector" && ta(s, t);
         });
@@ -2382,7 +2382,7 @@ async function Xs(e, t) {
         }), o.addTimelineLayer({
           id: "vue-i18n-timeline",
           label: ze["vue-i18n-timeline"],
-          color: Rs["vue-i18n-timeline"]
+          color: Fs["vue-i18n-timeline"]
         }), n(!0);
       });
     } catch (o) {
@@ -2393,7 +2393,7 @@ async function Xs(e, t) {
 function Bn(e) {
   return e.type.name || e.type.displayName || e.type.__file || "Anonymous";
 }
-function Qs(e, t, n) {
+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 = {
@@ -2450,7 +2450,7 @@ function ht(e) {
     $(r) && "source" in r ? t[n] = ea(r) : S(r) ? t[n] = ht(r) : t[n] = r;
   }), t;
 }
-const Js = {
+const Qs = {
   "<": "&lt;",
   ">": "&gt;",
   '"': "&quot;",
@@ -2460,7 +2460,7 @@ function qs(e) {
   return e.replace(/[<>"&]/g, Zs);
 }
 function Zs(e) {
-  return Js[e] || e;
+  return Qs[e] || e;
 }
 function ea(e) {
   const t = e.source ? `("${qs(e.source)}")` : "(?)";
@@ -2587,41 +2587,41 @@ function sa(e, t) {
   const n = Yn(e.nodeId, t);
   if (n) {
     const [r] = e.path;
-    r === "locale" && h(e.state.value) ? n.locale.value = e.state.value : r === "fallbackLocale" && (h(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);
+    r === "locale" && v(e.state.value) ? n.locale.value = e.state.value : r === "fallbackLocale" && (v(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 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(_) {
-    return o.get(_) || null;
+  function i(d) {
+    return o.get(d) || null;
   }
-  function c(_, d) {
-    o.set(_, d);
+  function c(d, _) {
+    o.set(d, _);
   }
-  function u(_) {
-    o.delete(_);
+  function u(d) {
+    o.delete(d);
   }
   {
-    const _ = {
+    const d = {
       get mode() {
         return "composition";
       },
       get allowComposition() {
         return r;
       },
-      async install(d, ...g) {
-        process.env.NODE_ENV !== "production" && (d.__VUE_I18N__ = _), d.__VUE_I18N_SYMBOL__ = l, d.provide(d.__VUE_I18N_SYMBOL__, _), n && pa(d, _.global), Ks(d, _, ...g);
-        const v = d.unmount;
-        if (d.unmount = () => {
-          _.dispose(), v();
+      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 p = _.unmount;
+        if (_.unmount = () => {
+          d.dispose(), p();
         }, process.env.NODE_ENV !== "production" || !1) {
-          if (!await Xs(d, _))
-            throw Q(D.CANNOT_SETUP_VUE_DEVTOOLS_PLUGIN);
+          if (!await Xs(_, d))
+            throw J(D.CANNOT_SETUP_VUE_DEVTOOLS_PLUGIN);
           const E = Nn();
           {
             const N = s;
-            N[De] && N[De](E);
+            N[we] && N[we](E);
           }
           E.on("*", lt);
         }
@@ -2637,15 +2637,15 @@ function la(e = {}, t) {
       __setInstance: c,
       __deleteInstance: u
     };
-    return _;
+    return d;
   }
 }
 function vt(e = {}) {
   const t = it();
   if (t == null)
-    throw Q(D.MUST_BE_CALL_SETUP_TOP);
+    throw J(D.MUST_BE_CALL_SETUP_TOP);
   if (!t.isCE && t.appContext.app != null && !t.appContext.app.__VUE_I18N_SYMBOL__)
-    throw Q(D.NOT_INSLALLED);
+    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;
@@ -2666,7 +2666,7 @@ function ia(e, t, n) {
   {
     const o = r.run(() => Gn(e));
     if (o == null)
-      throw Q(D.UNEXPECTED_ERROR);
+      throw J(D.UNEXPECTED_ERROR);
     return [r, o];
   }
 }
@@ -2674,7 +2674,7 @@ function ca(e) {
   {
     const t = fn(e.isCE ? aa : e.appContext.app.__VUE_I18N_SYMBOL__);
     if (!t)
-      throw Q(e.isCE ? D.NOT_INSLALLED_WITH_PROVIDE : D.UNEXPECTED_ERROR);
+      throw J(e.isCE ? D.NOT_INSLALLED_WITH_PROVIDE : D.UNEXPECTED_ERROR);
     return t;
   }
 }
@@ -2702,7 +2702,7 @@ function da(e, t, n) {
     if ((process.env.NODE_ENV !== "production" || !1) && !0 && t.vnode.el) {
       t.vnode.el.__VUE_I18N__ = n, r = Nn();
       const o = n;
-      o[De] && o[De](r), r.on("*", lt);
+      o[we] && o[we](r), r.on("*", lt);
     }
   }, t), yo(() => {
     if ((process.env.NODE_ENV !== "production" || !1) && !0 && t.vnode.el && t.vnode.el.__VUE_I18N__) {
@@ -2723,7 +2723,7 @@ function pa(e, t) {
   ma.forEach((r) => {
     const o = Object.getOwnPropertyDescriptor(t, r);
     if (!o)
-      throw Q(D.UNEXPECTED_ERROR);
+      throw J(D.UNEXPECTED_ERROR);
     const a = Lo(o.value) ? {
       get() {
         return o.value.value;
@@ -2740,11 +2740,11 @@ function pa(e, t) {
   }), e.config.globalProperties.$i18n = n, ga.forEach((r) => {
     const o = Object.getOwnPropertyDescriptor(t, r);
     if (!o || !o.value)
-      throw Q(D.UNEXPECTED_ERROR);
+      throw J(D.UNEXPECTED_ERROR);
     Object.defineProperty(e.config.globalProperties, `$${r}`, o);
   });
 }
-ps(Qr);
+ps(Jr);
 hs(yn);
 Ms();
 if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) {
@@ -2806,10 +2806,10 @@ const Ea = _e({
       silentFallbackWarn: !0
     });
     So("theme", e.theme);
-    const n = x({
+    const n = M({
       onlyShowOnline: !1,
       searchStr: ""
-    }), r = x();
+    }), r = M();
     return {
       i18nHello: t.global,
       inputSearchRef: r,
@@ -2821,7 +2821,7 @@ const Oa = { class: "device-group-list" }, Na = { class: "search-panel" }, ba =
 function ya(e, t, n, r, o, a) {
   var s;
   const l = ie("CountShow"), i = ie("group-show");
-  return A(), R("div", Oa, [
+  return A(), F("div", Oa, [
     C("div", Na, [
       se(l, { countInfo: e.deviceGroup }, {
         default: ce(() => [
@@ -2837,18 +2837,18 @@ function ya(e, t, n, r, o, a) {
       }, 8, ["countInfo"])
     ]),
     C("div", Ta, [
-      (A(!0), R(Oe, null, Ce((s = e.deviceGroup) == null ? void 0 : s.items, (c, u) => (A(), _n(i, {
+      (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: _ }) => [
-          oe(e.$slots, "group", { group: _ }, void 0, !0)
+        group: ce(({ group: d }) => [
+          oe(e.$slots, "group", { group: d }, void 0, !0)
         ]),
-        device: ce(({ device: _, group: d }) => [
+        device: ce(({ device: d, group: _ }) => [
           oe(e.$slots, "device", {
-            device: _,
-            group: d
+            device: d,
+            group: _
           }, void 0, !0)
         ]),
         _: 2
@@ -2874,7 +2874,7 @@ function Aa(e, t) {
 function ka(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 Fa(e, t, n) {
+function Ra(e, t, n) {
   n.forEach((r) => {
     const o = Pa(zn({}, r.leftTop), {
       id: Kn(r.leftTop),
@@ -2892,7 +2892,7 @@ function Kn(e) {
   return `${e.row}-${e.col}`;
 }
 const cn = "ComponentsDefaultLayoutKeyAF84566";
-function Ra(e) {
+function Fa(e) {
   const t = [], n = [];
   for (let r = 0; r < e.points.length / 2; r++)
     n.push(e.points.slice(r * 2, r * 2 + 2));
@@ -2916,7 +2916,7 @@ function Ra(e) {
   }
   return t;
 }
-const Se = {
+const Ue = {
   TransLayoutToFrams(e) {
     const t = [];
     e.area && t.push(e.area), e.areas && t.push(...e.areas);
@@ -2936,7 +2936,7 @@ const Se = {
         }, { row: r, col: o });
         n.push(a);
       }
-    return Fa(n, e, t), n;
+    return Ra(n, e, t), n;
   },
   TransLayoutToSVG(e, t) {
     const n = [];
@@ -2952,15 +2952,15 @@ const Se = {
         col: c,
         points: [0, e.row]
       });
-    n.forEach(({ leftTop: { row: c, col: u }, rightBottom: { row: _, col: d } }) => {
-      for (let g = c + 1; g < _; g++)
-        r[g].points.push(u, d);
-      for (let g = u + 1; g < d; g++)
-        o[g].points.push(c, _);
+    n.forEach(({ leftTop: { row: c, col: u }, rightBottom: { row: d, col: _ } }) => {
+      for (let g = c + 1; g < d; g++)
+        r[g].points.push(u, _);
+      for (let g = u + 1; g < _; g++)
+        o[g].points.push(c, d);
     });
     const a = r.concat(...o), s = [];
     a.forEach((c) => {
-      c.points = c.points.sort(), s.push(...Ra(c));
+      c.points = c.points.sort(), s.push(...Fa(c));
     });
     const l = {
       row: t.height / e.row,
@@ -2998,10 +2998,10 @@ const Se = {
     }
   },
   setup(e) {
-    const t = x([]);
+    const t = M([]);
     return e.layouts && e.layouts.forEach((n) => {
       t.value.push({
-        svg: Se.TransLayoutToSVG(n, { width: 100, height: 100 }),
+        svg: Ue.TransLayoutToSVG(n, { width: 100, height: 100 }),
         layout: n,
         select: JSON.stringify(n) == JSON.stringify(e.defaultLayout)
       });
@@ -3021,6 +3021,10 @@ const Se = {
     );
   },
   methods: {
+    SelectLayoutById(e) {
+      const t = this.layoutInfos.find((n) => JSON.stringify(n.layout) == e);
+      return t ? (t.select || this.selectClick(t), !0) : !1;
+    },
     selectClick(e) {
       if (e.select == !1) {
         const t = {
@@ -3036,8 +3040,8 @@ const Se = {
 });
 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) {
-  return A(), R("div", null, [
-    (A(!0), R(Oe, null, Ce(e.layoutInfos, (s) => (A(), R("div", {
+  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)
     }, [
@@ -3051,9 +3055,9 @@ function Ga(e, t, n, r, o, a) {
     ], 10, Ma))), 256))
   ]);
 }
-const Wa = /* @__PURE__ */ de($a, [["render", Ga], ["__scopeId", "data-v-e550e731"]]), Ha = _e({
+const Wa = /* @__PURE__ */ de($a, [["render", Ga], ["__scopeId", "data-v-36f7a9fc"]]), Ha = _e({
   emits: {
-    LayoutChange(e, t) {
+    LayoutChange(e, t, n) {
       return !0;
     }
   },
@@ -3062,60 +3066,67 @@ const Wa = /* @__PURE__ */ de($a, [["render", Ga], ["__scopeId", "data-v-e550e73
   },
   setup(e, t) {
     const n = [
-      U.Test.genLayout(1, 1),
-      U.Test.genLayout(1, 2),
-      U.Test.genLayout(2, 2),
-      U.Test.genLayout(2, 3),
-      U.genLayout(3, 3, [
+      x.Test.genLayout(1, 1),
+      x.Test.genLayout(1, 2),
+      x.Test.genLayout(2, 2),
+      x.Test.genLayout(2, 3),
+      x.genLayout(3, 3, [
         [0, 0, 2, 2],
         [2, 0, 3, 2]
       ]),
-      U.Test.genLayout(3, 3, [0, 0, 2, 2]),
-      U.Test.genLayout(3, 3, [1, 0, 2, 3]),
-      U.Test.genLayout(4, 4, [0, 0, 3, 3]),
-      U.Test.genLayout(3, 3),
-      U.Test.genLayout(5, 5, [0, 0, 4, 4]),
-      U.Test.genLayout(6, 6, [0, 0, 5, 5]),
-      U.Test.genLayout(4, 4, [1, 1, 3, 3]),
-      U.Test.genLayout(4, 4),
-      U.Test.genLayout(5, 5),
-      U.Test.genLayout(6, 6)
-    ];
-    let r = Se.StorageDefaultLayout.get();
-    const o = r || n[0];
-    function a(_, d) {
-      return Se.TransLayoutToFrams(_.layout).map(({ id: g, row: v, col: O }) => ({
-        id: g,
-        row: v,
-        col: O
-      })), t.emit("LayoutChange", _, () => {
-        c();
-      }), _.cancel || (l.value = d), !_.cancel;
+      x.Test.genLayout(3, 3, [0, 0, 2, 2]),
+      x.Test.genLayout(3, 3, [1, 0, 2, 3]),
+      x.Test.genLayout(4, 4, [0, 0, 3, 3]),
+      x.Test.genLayout(3, 3),
+      x.Test.genLayout(5, 5, [0, 0, 4, 4]),
+      x.Test.genLayout(6, 6, [0, 0, 5, 5]),
+      x.Test.genLayout(4, 4, [1, 1, 3, 3]),
+      x.Test.genLayout(4, 4),
+      x.Test.genLayout(5, 5),
+      x.Test.genLayout(6, 6)
+    ], r = M();
+    let o = Ue.StorageDefaultLayout.get();
+    const a = o || n[0];
+    function s(p, O) {
+      return t.emit(
+        "LayoutChange",
+        JSON.stringify(p.layout),
+        p,
+        () => {
+          u.value && d();
+        }
+      ), p.cancel || (c.value = O), !p.cancel;
     }
-    const s = function(_, d) {
-      JSON.stringify(r) != JSON.stringify(_) && a(_, d) && (r = _.layout, Se.StorageDefaultLayout.set(_.layout)), l.value.length == 0 && a(_, d);
-    }, l = x(""), i = x(!1), c = () => {
-      i.value = !i.value, i.value ? window.addEventListener("click", u) : window.removeEventListener("click", u);
-    }, u = (_) => {
-      i.value && _.composedPath().findIndex(({ className: g }) => g == "layout-switcher") < 0 && (i.value = !1, window.removeEventListener("click", u));
+    let l = !0;
+    const i = function(p, O) {
+      JSON.stringify(o) != JSON.stringify(p) && s(p, O) && l && (o = p.layout, Ue.StorageDefaultLayout.set(p.layout)), c.value.length == 0 && s(p, O);
+    }, 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: E }) => E == "layout-switcher") < 0 && (u.value = !1, window.removeEventListener("click", _));
     };
     return {
-      clickShowSelectPanel: c,
-      showSelectPanel: i,
-      onselect: s,
-      svgSelect: l,
+      selectLoyoutById: (p, O) => {
+        var E;
+        O || (l = !1), (E = r.value) == null || E.SelectLayoutById(p), O = !0;
+      },
+      refLayoutShow: r,
+      clickShowSelectPanel: d,
+      showSelectPanel: u,
+      onselect: i,
+      svgSelect: c,
       layout: n,
-      defaultLayout: o
+      defaultLayout: a
     };
   },
-  expose: []
+  expose: ["selectLoyoutById"]
 });
-const Xn = (e) => (Co("data-v-7cc795b9"), e = e(), Po(), e), ja = { class: "layout-switcher" }, Ba = ["innerHTML"], Ya = { class: "switch-panel" }, za = /* @__PURE__ */ Xn(() => /* @__PURE__ */ C("div", { style: { "margin-left": "10px" } }, [
+const Xn = (e) => (Co("data-v-69bf0edf"), 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" } }, Qa = /* @__PURE__ */ Xn(() => /* @__PURE__ */ C("span", null, "\u6807\u51C6\u6A21\u5F0F\uFF1A", -1));
-function Ja(e, t, n, r, o, a) {
+], -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));
+function Qa(e, t, n, r, o, a) {
   const s = ie("LayoutShow");
-  return A(), R("div", ja, [
+  return A(), F("div", ja, [
     C("div", {
       onClick: t[0] || (t[0] = (...l) => e.clickShowSelectPanel && e.clickShowSelectPanel(...l)),
       class: "switch-switcher"
@@ -3129,8 +3140,9 @@ function Ja(e, t, n, r, o, a) {
       za,
       C("div", Ka, [
         C("div", Xa, [
-          Qa,
+          Ja,
           se(s, {
+            ref: "refLayoutShow",
             layouts: e.layout,
             defaultLayout: e.defaultLayout,
             onOnselect: e.onselect
@@ -3142,14 +3154,14 @@ function Ja(e, t, n, r, o, a) {
     ])
   ]);
 }
-const qa = /* @__PURE__ */ de(Ha, [["render", Ja], ["__scopeId", "data-v-7cc795b9"]]), Za = _e({
+const qa = /* @__PURE__ */ de(Ha, [["render", Qa], ["__scopeId", "data-v-69bf0edf"]]), Za = _e({
   props: {
     layout: {
       type: Object
     }
   },
   setup(e) {
-    const t = W(() => e.layout ? Se.TransLayoutToFrams(e.layout).sort((r, o) => r.row == o.row ? r.col - o.col : r.row - o.row) : []);
+    const t = W(() => e.layout ? Ue.TransLayoutToFrams(e.layout).sort((r, o) => r.row == o.row ? r.col - o.col : r.row - o.row) : []);
     return {
       areas: W(() => t.value.map((r) => ({
         id: r.id,
@@ -3162,8 +3174,8 @@ const qa = /* @__PURE__ */ de(Ha, [["render", Ja], ["__scopeId", "data-v-7cc795b
 });
 const el = { style: { position: "relative", height: "100%", width: "100%" } };
 function tl(e, t, n, r, o, a) {
-  return A(), R("div", el, [
-    (A(!0), R(Oe, null, Ce(e.frameRef, ({ layout: s, id: l, row: i, col: c }) => (A(), R("div", {
+  return A(), F("div", el, [
+    (A(!0), F(Oe, null, De(e.frameRef, ({ layout: s, id: l, row: i, col: c }) => (A(), F("div", {
       class: "play-area",
       style: Le(`position: absolute; top: calc(${s.top}%); left: calc(${s.left}%); width: calc(${s.width}%); height: calc(${s.height}%);`)
     }, [
@@ -3190,7 +3202,7 @@ const nl = /* @__PURE__ */ de(Za, [["render", tl], ["__scopeId", "data-v-efd900b
 };
 export {
   bt as RecursionDeviceGroup,
-  U as VideoAreaLayout,
+  x as VideoAreaLayout,
   sl as default
 };
 //# sourceMappingURL=smarteye-e-components.mjs.map