smarteye-e-components 0.0.47 → 0.0.49

package/dist/smarteye-e-components.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as _e, computed as H, openBlock as P, createElementBlock as k, renderSlot as oe, createElementVNode as C, toDisplayString as ue, h as $e, ref as x, watch as Me, normalizeStyle as Ie, 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 yo, onMounted as dn, onUnmounted as mn, isRef as Io, Text as Lo, provide as So, withDirectives as wo, vShow as Do, pushScopeId as Co, popScopeId as Ao } from "vue";
+import { defineComponent as _e, computed as W, openBlock as P, createElementBlock as k, renderSlot as oe, createElementVNode as C, toDisplayString as ue, h as $e, ref as x, watch as Me, normalizeStyle as Ie, 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 yo, onMounted as dn, onUnmounted as mn, isRef as Io, Text as Lo, provide as So, withDirectives as wo, vShow as Do, pushScopeId as Co, popScopeId as Ao } from "vue";
 var bt;
 ((e) => {
   ((n) => {
@@ -168,7 +168,7 @@ const Po = _e({
       }
       return 0;
     }
-    const n = H(() => t((o) => {
+    const n = W(() => t((o) => {
       var a, s;
       if (o.devices) {
         let l = (a = o.devices) == null ? void 0 : a.filter((c) => c.online);
@@ -178,7 +178,7 @@ const Po = _e({
       return 0;
     }, e.countInfo));
     return {
-      totalCount: H(() => t((o) => {
+      totalCount: W(() => t((o) => {
         var a;
         if (o.devices) {
           let s = o.devices;
@@ -196,14 +196,14 @@ const de = (e, t) => {
   for (const [r, o] of t)
     n[r] = o;
   return n;
-}, Ro = { class: "root" }, Fo = { class: "count-show" };
+}, Fo = { class: "root" }, Ro = { class: "count-show" };
 function ko(e, t, n, r, o, a) {
-  return P(), k("div", Ro, [
+  return P(), k("div", Fo, [
     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 gn = /* @__PURE__ */ de(Po, [["render", ko], ["__scopeId", "data-v-a063c331"]]), pn = Object.freeze(
@@ -539,10 +539,10 @@ const lr = {
       start: x(0),
       end: x(0)
     }, n = x(), r = {
-      listHeight: H(() => e.listData.length * e.itemSize),
-      visibleCount: H(() => Math.ceil(t.screenHeight.value / e.itemSize)),
-      getTransform: H(() => `translate3d(0,${t.startOffset.value}px,0)`),
-      visibleData: H(() => e.listData.slice(t.start.value, Math.min(t.end.value, e.listData.length)))
+      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
@@ -628,12 +628,12 @@ const hr = _e({
           return u.name.length > 0 ? u.name : u.id;
       }
     }, a = {
-      filteredDevices: H(() => {
+      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));
       })
-    }, s = H(() => a.filteredDevices.value.length > 10 ? "400px" : `${a.filteredDevices.value.length * 40}px`);
+    }, s = W(() => a.filteredDevices.value.length > 10 ? "400px" : `${a.filteredDevices.value.length * 40}px`);
     function l(u, _) {
       if (_.length == 0)
         return !0;
@@ -645,7 +645,7 @@ const hr = _e({
       }
       return d;
     }
-    const i = H(() => {
+    const i = W(() => {
       if (e.controlParams) {
         const u = e.controlParams.searchStr;
         if (e.deviceGroup)
@@ -794,7 +794,7 @@ const Sr = /* @__PURE__ */ de(hr, [["render", Lr], ["__scopeId", "data-v-93cfc8d
   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"/>'
-}, Rr = {
+}, Fr = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M128 544h768a32 32 0 1 0 0-64H128a32 32 0 0 0 0 64z"/>'
@@ -812,25 +812,25 @@ 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 kr = typeof Symbol == "function" && typeof Symbol.toStringTag == "symbol", ne = (e) => kr ? 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;
 function be(e, t) {
   typeof console < "u" && (console.warn("[intlify] " + e), t && console.warn(t.stack));
 }
 const j = Object.assign;
-let Rt;
-const ft = () => Rt || (Rt = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
-function Ft(e) {
+let Ft;
+const ft = () => Ft || (Ft = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
+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 R = Array.isArray, $ = (e) => typeof e == "function", h = (e) => typeof e == "string", A = (e) => typeof e == "boolean", S = (e) => e !== null && typeof e == "object", bn = Object.prototype.toString, dt = (e) => bn.call(e), y = (e) => dt(e) === "[object Object]", xr = (e) => e == null ? "" : R(e) || y(e) && e.toString === bn ? JSON.stringify(e, null, 2) : String(e), kt = 2;
+const F = Array.isArray, $ = (e) => typeof e == "function", h = (e) => typeof e == "string", A = (e) => typeof e == "boolean", S = (e) => e !== null && typeof e == "object", bn = Object.prototype.toString, dt = (e) => bn.call(e), y = (e) => dt(e) === "[object Object]", xr = (e) => e == null ? "" : F(e) || y(e) && e.toString === bn ? JSON.stringify(e, null, 2) : String(e), kt = 2;
 function Gr(e, t = 0, n = e.length) {
   const r = e.split(/\r?\n/);
   let o = 0;
@@ -1095,7 +1095,7 @@ function rs(e = {}) {
       let p = "text", w = "";
       b.length === 1 ? S(L) ? (w = L.modifier || w, p = L.type || p) : h(L) && (w = L || w) : b.length === 2 && (h(L) && (w = L || w), h(T) && (p = T || p));
       let I = u(N)(E);
-      return p === "vnode" && R(I) && w && (I = I[0]), w ? _(w)(I, p) : I;
+      return p === "vnode" && F(I) && w && (I = I[0]), w ? _(w)(I, p) : I;
     },
     message: u,
     type: v,
@@ -1142,7 +1142,7 @@ function Ee(e, ...t) {
 function us(e, t, n) {
   return [.../* @__PURE__ */ new Set([
     n,
-    ...R(t) ? t : S(t) ? Object.keys(t) : h(t) ? [t] : [n]
+    ...F(t) ? t : S(t) ? Object.keys(t) : h(t) ? [t] : [n]
   ])];
 }
 function Ln(e, t, n) {
@@ -1152,10 +1152,10 @@ function Ln(e, t, n) {
   if (!a) {
     a = [];
     let s = [n];
-    for (; R(s); )
+    for (; F(s); )
       s = Vt(a, s, t);
-    const l = R(t) || !y(t) ? t : t.default ? t.default : null;
-    s = h(l) ? [l] : l, R(s) && Vt(a, s, !1), o.__localeChainCache.set(r, a);
+    const l = F(t) || !y(t) ? t : t.default ? t.default : null;
+    s = h(l) ? [l] : l, F(s) && Vt(a, s, !1), o.__localeChainCache.set(r, a);
   }
   return a;
 }
@@ -1181,7 +1181,7 @@ function _s(e, t, n) {
   if (!e.includes(t) && (r = !0, t)) {
     r = t[t.length - 1] !== "!";
     const o = t.replace(/!/g, "");
-    e.push(o), (R(n) || y(n)) && n[o] && (r = n[o]);
+    e.push(o), (F(n) || y(n)) && n[o] && (r = n[o]);
   }
   return r;
 }
@@ -1211,7 +1211,7 @@ const Gt = (e) => {
 }, Es = () => Cn;
 let Wt = 0;
 function Os(e = {}) {
-  const t = h(e.version) ? e.version : ds, n = h(e.locale) ? e.locale : mt, r = R(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 = A(e.missingWarn) || Ve(e.missingWarn) ? e.missingWarn : !0, _ = A(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 = A(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, N = !!e.escapeParameter, b = $(e.messageCompiler) ? e.messageCompiler : gs, L = $(e.messageResolver) ? e.messageResolver : Sn || Xr, T = $(e.localeFallbacker) ? e.localeFallbacker : wn || us, p = S(e.fallbackContext) ? e.fallbackContext : void 0, w = $(e.onWarn) ? e.onWarn : be, I = e, V = S(I.__datetimeFormatters) ? I.__datetimeFormatters : /* @__PURE__ */ new Map(), z = S(I.__numberFormatters) ? I.__numberFormatters : /* @__PURE__ */ new Map(), J = S(I.__meta) ? I.__meta : {};
+  const t = h(e.version) ? e.version : ds, n = h(e.locale) ? e.locale : mt, r = F(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 = A(e.missingWarn) || Ve(e.missingWarn) ? e.missingWarn : !0, _ = A(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 = A(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, N = !!e.escapeParameter, b = $(e.messageCompiler) ? e.messageCompiler : gs, L = $(e.messageResolver) ? e.messageResolver : Sn || Xr, T = $(e.localeFallbacker) ? e.localeFallbacker : wn || us, p = S(e.fallbackContext) ? e.fallbackContext : void 0, w = $(e.onWarn) ? e.onWarn : be, I = e, V = S(I.__datetimeFormatters) ? I.__datetimeFormatters : /* @__PURE__ */ new Map(), z = S(I.__numberFormatters) ? I.__numberFormatters : /* @__PURE__ */ new Map(), J = S(I.__meta) ? I.__meta : {};
   Wt++;
   const q = {
     version: t,
@@ -1288,7 +1288,7 @@ function jt(e, ...t) {
     i,
     E,
     l[E] || {}
-  ] : Rn(e, i, E, s, _, u), T = N, p = i;
+  ] : Fn(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)))
     return o ? Ge : i;
   if (process.env.NODE_ENV !== "production" && h(T) && e.messageCompiler == null)
@@ -1296,7 +1296,7 @@ function jt(e, ...t) {
   let w = !1;
   const I = () => {
     w = !0;
-  }, V = ee(T) ? T : Fn(e, i, b, T, p, I);
+  }, V = ee(T) ? T : Rn(e, i, b, T, p, I);
   if (w)
     return T;
   const z = Is(e, b, L, c), J = rs(z), q = Ts(e, V, J), Ae = r ? r(q, i) : q;
@@ -1313,11 +1313,11 @@ function jt(e, ...t) {
   return Ae;
 }
 function bs(e) {
-  R(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]));
+  F(e.list) ? e.list = e.list.map((t) => h(t) ? Rt(t) : t) : S(e.named) && Object.keys(e.named).forEach((t) => {
+    h(e.named[t]) && (e.named[t] = Rt(e.named[t]));
   });
 }
-function Rn(e, t, n, r, o, a) {
+function Fn(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;
   const E = "translate";
@@ -1360,7 +1360,7 @@ function Rn(e, t, n, r, o, a) {
   }
   return [g, d, _];
 }
-function Fn(e, t, n, r, o, a) {
+function Rn(e, t, n, r, o, a) {
   const { messageCompiler: s, warnHtmlMessage: l } = e;
   if (ee(r)) {
     const d = r;
@@ -1404,7 +1404,7 @@ function Je(...e) {
   if (!h(t) && !M(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 : R(n) && (o.list = n), M(r) ? o.plural = r : h(r) ? o.default = r : y(r) && j(o, r), [a, o];
+  return M(n) ? o.plural = n : h(n) ? o.default = n : y(n) && !xe(n) ? o.named = n : F(n) && (o.list = n), M(r) ? o.plural = r : h(r) ? o.default = r : y(r) && j(o, r), [a, o];
 }
 function ys(e, t, n, r, o, a) {
   return {
@@ -1434,12 +1434,12 @@ function Is(e, t, n, r) {
     messages: (g) => {
       let v = s(n, g);
       if (v == null && u) {
-        const [, , O] = Rn(u, g, t, l, i, c);
+        const [, , O] = Fn(u, g, t, l, i, c);
         v = s(O, g);
       }
       if (h(v)) {
         let O = !1;
-        const N = Fn(e, g, t, v, g, () => {
+        const N = Rn(e, g, t, v, g, () => {
           O = !0;
         });
         return O ? Ht : N;
@@ -1701,7 +1701,7 @@ class Ps {
       n.resolve(await this.target[n.method](...n.args));
   }
 }
-function Rs(e, t) {
+function Fs(e, t) {
   const n = e, r = Vn(), o = Ls(), a = Ss && n.enableEarlyProxy;
   if (o && (r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !a))
     o.emit(ws, e, t);
@@ -1723,7 +1723,7 @@ const ze = {
   ["vue-devtools-plugin-vue-i18n"]: "Vue I18n devtools",
   ["vue-i18n-resource-inspector"]: "I18n Resources",
   ["vue-i18n-timeline"]: "Vue I18n"
-}, Fs = {
+}, Rs = {
   ["vue-i18n-resource-inspector"]: "Search for scopes ..."
 }, ks = {
   ["vue-i18n-timeline"]: 16764185
@@ -1815,8 +1815,8 @@ function st(e) {
   return e;
 }
 function Gn(e, t) {
-  const { messages: n, __i18n: r, messageResolver: o, flatJson: a } = t, s = y(n) ? n : R(r) ? {} : { [e]: {} };
-  if (R(r) && r.forEach((l) => {
+  const { messages: n, __i18n: r, messageResolver: o, flatJson: a } = t, s = y(n) ? n : F(r) ? {} : { [e]: {} };
+  if (F(r) && r.forEach((l) => {
     if ("locale" in l && "resource" in l) {
       const { locale: i, resource: c } = l;
       i ? (s[i] = s[i] || {}, Le(c, s[i])) : Le(c, s);
@@ -1827,12 +1827,12 @@ function Gn(e, t) {
       _t(s, l) && st(s[l]);
   return s;
 }
-const Fe = (e) => !S(e) || R(e);
+const Re = (e) => !S(e) || F(e);
 function Le(e, t) {
-  if (Fe(e) || Fe(t))
+  if (Re(e) || Re(t))
     throw Q(D.INVALID_VALUE);
   for (const n in e)
-    _t(e, n) && (Fe(e[n]) || Fe(t[n]) ? t[n] = e[n] : Le(e[n], t[n]));
+    _t(e, n) && (Re(e[n]) || Re(t[n]) ? t[n] = e[n] : Le(e[n], t[n]));
 }
 function Wn(e) {
   return e.type;
@@ -1881,7 +1881,7 @@ function Hn(e = {}, t) {
   const a = x(
     n && o ? n.locale.value : h(e.locale) ? e.locale : mt
   ), s = x(
-    n && o ? n.fallbackLocale.value : h(e.fallbackLocale) || R(e.fallbackLocale) || y(e.fallbackLocale) || e.fallbackLocale === !1 ? e.fallbackLocale : a.value
+    n && o ? n.fallbackLocale.value : h(e.fallbackLocale) || F(e.fallbackLocale) || y(e.fallbackLocale) || e.fallbackLocale === !1 ? e.fallbackLocale : a.value
   ), l = x(Gn(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 : A(e.missingWarn) || Ve(e.missingWarn) ? e.missingWarn : !0, _ = n ? n.fallbackWarn : A(e.fallbackWarn) || Ve(e.fallbackWarn) ? e.fallbackWarn : !0, d = n ? n.fallbackRoot : A(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 : A(e.warnHtmlMessage) ? e.warnHtmlMessage : !0, b = !!e.escapeParameter;
   const L = n ? n.modifiers : y(e.modifiers) ? e.modifiers : {};
@@ -1919,17 +1919,17 @@ function Hn(e = {}, t) {
       c.value
     ];
   }
-  const V = H({
+  const V = W({
     get: () => a.value,
     set: (f) => {
       a.value = f, p.locale = a.value;
     }
-  }), z = H({
+  }), z = W({
     get: () => s.value,
     set: (f) => {
       s.value = f, p.fallbackLocale = s.value, Te(p, a.value, f);
     }
-  }), J = H(() => l.value), q = /* @__PURE__ */ H(() => i.value), Ae = /* @__PURE__ */ H(() => c.value);
+  }), J = W(() => l.value), q = /* @__PURE__ */ W(() => i.value), Ae = /* @__PURE__ */ W(() => c.value);
   function Pe() {
     return $(E) ? E : null;
   }
@@ -1945,7 +1945,7 @@ function Hn(e = {}, t) {
   function to(f, m) {
     return f !== "translate" || !m.resolvedMessage;
   }
-  const me = (f, m, B, W, je, Re) => {
+  const me = (f, m, B, H, je, Fe) => {
     I();
     let ge;
     if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__)
@@ -1970,9 +1970,9 @@ function Hn(e = {}, t) {
           groupId: `${B}:${le}`
         });
       }
-      return n && d ? W(n) : je(le);
+      return n && d ? H(n) : je(le);
     } else {
-      if (Re(ge))
+      if (Fe(ge))
         return ge;
       throw Q(D.UNEXPECTED_RETURN_TYPE);
     }
@@ -1981,10 +1981,10 @@ function Hn(e = {}, t) {
     return me((m) => Reflect.apply(jt, null, [m, ...f]), () => Je(...f), "translate", (m) => Reflect.apply(m.t, m, [...f]), (m) => m, (m) => h(m));
   }
   function no(...f) {
-    const [m, B, W] = f;
-    if (W && !S(W))
+    const [m, B, H] = f;
+    if (H && !S(H))
       throw Q(D.INVALID_ARGUMENT);
-    return Et(m, B, j({ resolvedMessage: !0 }, W || {}));
+    return Et(m, B, j({ resolvedMessage: !0 }, H || {}));
   }
   function oo(...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));
@@ -2004,11 +2004,11 @@ function Hn(e = {}, t) {
     return me(
       (m) => {
         let B;
-        const W = m;
+        const H = m;
         try {
-          W.processor = ao, B = Reflect.apply(jt, null, [W, ...f]);
+          H.processor = ao, B = Reflect.apply(jt, null, [H, ...f]);
         } finally {
-          W.processor = null;
+          H.processor = null;
         }
         return B;
       },
@@ -2016,7 +2016,7 @@ function Hn(e = {}, t) {
       "translate",
       (m) => m[tt](...f),
       (m) => [Qt(m)],
-      (m) => R(m)
+      (m) => F(m)
     );
   }
   function io(...f) {
@@ -2026,7 +2026,7 @@ function Hn(e = {}, t) {
       "number format",
       (m) => m[ot](...f),
       () => [],
-      (m) => h(m) || R(m)
+      (m) => h(m) || F(m)
     );
   }
   function co(...f) {
@@ -2036,23 +2036,23 @@ function Hn(e = {}, t) {
       "datetime format",
       (m) => m[nt](...f),
       () => [],
-      (m) => h(m) || R(m)
+      (m) => h(m) || F(m)
     );
   }
   function uo(f) {
     T = f, p.pluralRules = T;
   }
   function fo(f, m) {
-    const B = h(m) ? m : a.value, W = Ot(B);
-    return p.messageResolver(W, f) !== null;
+    const B = h(m) ? m : a.value, H = Ot(B);
+    return p.messageResolver(H, f) !== null;
   }
   function _o(f) {
     let m = null;
     const B = Ln(p, s.value, a.value);
-    for (let W = 0; W < B.length; W++) {
-      const je = l.value[B[W]] || {}, Re = p.messageResolver(je, f);
-      if (Re != null) {
-        m = Re;
+    for (let H = 0; H < B.length; H++) {
+      const je = l.value[B[H]] || {}, Fe = p.messageResolver(je, f);
+      if (Fe != null) {
+        m = Fe;
         break;
       }
     }
@@ -2094,7 +2094,7 @@ function Hn(e = {}, t) {
   }), Me(n.fallbackLocale, (f) => {
     o && (s.value = f, p.fallbackLocale = f, Te(p, a.value, s.value));
   }));
-  const F = {
+  const R = {
     id: qt,
     locale: V,
     fallbackLocale: z,
@@ -2163,11 +2163,11 @@ function Hn(e = {}, t) {
     setMissingHandler: eo,
     [xs]: uo
   };
-  return F.datetimeFormats = q, F.numberFormats = Ae, F.rt = no, F.te = fo, F.tm = mo, F.d = oo, F.n = ro, F.getDateTimeFormat = ho, F.setDateTimeFormat = vo, F.mergeDateTimeFormat = Eo, F.getNumberFormat = Oo, F.setNumberFormat = No, F.mergeNumberFormat = bo, F[Gs] = e.__injectWithOption, F[tt] = lo, F[nt] = co, F[ot] = io, process.env.NODE_ENV !== "production" && (F[De] = (f) => {
+  return R.datetimeFormats = q, R.numberFormats = Ae, 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 = No, R.mergeNumberFormat = bo, R[Gs] = e.__injectWithOption, R[tt] = lo, R[nt] = co, R[ot] = io, process.env.NODE_ENV !== "production" && (R[De] = (f) => {
     p.__v_emitter = f;
-  }, F[rt] = () => {
+  }, R[rt] = () => {
     p.__v_emitter = void 0;
-  }), F;
+  }), R;
 }
 const pt = {
   tag: {
@@ -2188,7 +2188,7 @@ const pt = {
 function js({ slots: e }, t) {
   return t.length === 1 && t[0] === "default" ? (e.default ? e.default() : []).reduce((r, o) => r = [
     ...r,
-    ...R(o.children) ? o.children : [o]
+    ...F(o.children) ? o.children : [o]
   ], []) : t.reduce((n, r) => {
     const o = e[r];
     return o && (n[r] = o()), n;
@@ -2223,7 +2223,7 @@ const Ke = {
   }
 };
 function Bs(e) {
-  return R(e) && !h(e[0]);
+  return F(e) && !h(e[0]);
 }
 function Bn(e, t, n, r) {
   const { slots: o, attrs: a } = t;
@@ -2233,7 +2233,7 @@ function Bn(e, t, n, r) {
     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, {}));
     const i = r(e.value, s, l);
     let c = [s.key];
-    R(i) ? c = i.map((d, g) => {
+    F(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]);
@@ -2343,7 +2343,7 @@ let at;
 async function Xs(e, t) {
   return new Promise((n, r) => {
     try {
-      Rs({
+      Fs({
         id: "vue-devtools-plugin-vue-i18n",
         label: ze["vue-devtools-plugin-vue-i18n"],
         packageName: "vue-i18n",
@@ -2360,7 +2360,7 @@ async function Xs(e, t) {
           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);
         });
@@ -2587,7 +2587,7 @@ function sa(e, t) {
   const n = Kn(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) || R(e.state.value) || S(e.state.value)) ? n.fallbackLocale.value = e.state.value : r === "inheritLocale" && A(e.state.value) && (n.inheritLocale = e.state.value);
+    r === "locale" && h(e.state.value) ? n.locale.value = e.state.value : r === "fallbackLocale" && (h(e.state.value) || F(e.state.value) || S(e.state.value)) ? n.fallbackLocale.value = e.state.value : r === "inheritLocale" && A(e.state.value) && (n.inheritLocale = e.state.value);
   }
 }
 const aa = /* @__PURE__ */ ne("global-vue-i18n");
@@ -2768,7 +2768,7 @@ Ne("group", Dr);
 Ne("group-closed", Cr);
 Ne("user", Ar);
 Ne("plus", Pr);
-Ne("minus", Rr);
+Ne("minus", Fr);
 const Ea = _e({
   components: {
     CountShow: gn,
@@ -2871,10 +2871,10 @@ function Pa(e, t) {
     ({ 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 Ra(e, t, n) {
+function Fa(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 = Aa(Xn({}, r.leftTop), {
       id: Qn(r.leftTop),
@@ -2923,7 +2923,7 @@ const Se = {
     const n = [];
     for (let r = 0; r < e.row; r++)
       for (let o = 0; o < e.col; o++) {
-        if (Ra(r, o, t))
+        if (Fa(r, o, t))
           continue;
         const a = Xn({
           layout: {
@@ -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 = [];
@@ -3149,8 +3149,14 @@ const qa = /* @__PURE__ */ de(Ha, [["render", Ja], ["__scopeId", "data-v-98aa5a4
     }
   },
   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) : []);
     return {
-      frameRef: H(() => e.layout ? Se.TransLayoutToFrams(e.layout) : [])
+      areas: W(() => t.value.map((r) => ({
+        id: r.id,
+        row: r.row,
+        col: r.col
+      }))),
+      frameRef: t
     };
   }
 });
@@ -3164,12 +3170,13 @@ function tl(e, t, n, r, o, a) {
       oe(e.$slots, "default", {
         id: l,
         row: i,
-        col: c
+        col: c,
+        areas: e.areas
       }, void 0, !0)
     ], 4))), 256))
   ]);
 }
-const nl = /* @__PURE__ */ de(Za, [["render", tl], ["__scopeId", "data-v-af6643cc"]]), un = {
+const nl = /* @__PURE__ */ de(Za, [["render", tl], ["__scopeId", "data-v-efd900be"]]), un = {
   RecursionDeviceGroup: Ia,
   VideoAreasLayoutShow: nl,
   MultiVideoAreaLayoutSwitch: qa