smarteye-e-components 0.0.46 → 0.0.48

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 ke, ref as x, watch as $e, normalizeStyle as Ie, 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 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(
@@ -417,10 +417,10 @@ for (const e in Lt) {
   for (const n in It)
     t[e + n] = It[n];
 }
-const Fe = {};
+const ke = {};
 ["horizontal", "vertical"].forEach((e) => {
   const t = e.slice(0, 1) + "Flip";
-  Fe[e + "-flip"] = t, Fe[e.slice(0, 1) + "-flip"] = t, Fe[e + "Flip"] = t;
+  ke[e + "-flip"] = t, ke[e.slice(0, 1) + "-flip"] = t, ke[e + "Flip"] = t;
 });
 function St(e) {
   return e + (e.match(/^[-0-9.]+$/) ? "px" : "");
@@ -455,7 +455,7 @@ const qo = (e, t) => {
           E !== !0 && E !== "true" && delete r["aria-hidden"];
           break;
         default: {
-          const N = Fe[O];
+          const N = ke[O];
           N ? (E === !0 || E === "true" || E === 1) && (n[N] = !0) : yt[O] === void 0 && (r[O] = E);
         }
       }
@@ -467,7 +467,7 @@ 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"), ke("svg", r);
+    return typeof E == "string" && (E = E.replace(/-/g, "_")), r.innerHTML = Yo(i.body, E ? () => E + "ID" + O++ : "iconifyVue"), $e("svg", r);
   }
   const { body: u, width: _, height: d } = e, g = o === "mask" || (o === "bg" ? !1 : u.indexOf("currentColor") !== -1), v = zo(u, {
     ...c,
@@ -482,7 +482,7 @@ const qo = (e, t) => {
     ...Jo,
     ...g ? Qe : On,
     ...l
-  }, ke("span", r);
+  }, $e("span", r);
 }, Nn = /* @__PURE__ */ Object.create(null);
 function Ne(e, t) {
   Nn[e] = t;
@@ -539,17 +539,17 @@ 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
     }), t);
   },
   mounted() {
-    this.init(), $e(() => this.listData.length, () => ar(this, null, function* () {
+    this.init(), Me(() => this.listData.length, () => ar(this, null, function* () {
       yield this.$nextTick(), this.init();
     }));
   },
@@ -579,7 +579,7 @@ function ir(e, t, n, r, o, a) {
       class: "infinite-list",
       style: Ie({ transform: e.getTransform })
     }, [
-      (P(!0), k(Oe, null, De(e.visibleData, (s) => (P(), k("div", {
+      (P(!0), k(Oe, null, Ce(e.visibleData, (s) => (P(), k("div", {
         ref_for: !0,
         ref: "items",
         class: "infinite-list-item",
@@ -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)
@@ -723,7 +723,7 @@ function Lr(e, t, n, r, o, a) {
       _: 3
     }, 8, ["countInfo", "controlParams"]),
     e.bShow ? (P(), k("div", Tr, [
-      (P(!0), k(Oe, null, De((s = e.deviceGroup) == null ? void 0 : s.items, (_, d) => (P(), _n(c, {
+      (P(!0), k(Oe, null, Ce((s = e.deviceGroup) == null ? void 0 : s.items, (_, d) => (P(), _n(c, {
         key: d,
         deviceGroup: _,
         controlParams: e.controlParams
@@ -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]", Me = (e) => dt(e) === "[object RegExp]", xe = (e) => y(e) && Object.keys(e).length === 0;
+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,
@@ -1104,12 +1104,12 @@ function rs(e = {}) {
   };
   return E;
 }
-let Se = null;
+let we = null;
 function ss(e) {
-  Se = e;
+  we = e;
 }
 function as(e, t, n) {
-  Se && Se.emit(In.I18nInit, {
+  we && we.emit(In.I18nInit, {
     timestamp: Date.now(),
     i18n: e,
     version: t,
@@ -1118,7 +1118,7 @@ function as(e, t, n) {
 }
 const ls = /* @__PURE__ */ is(In.FunctionTranslate);
 function is(e) {
-  return (t) => Se && Se.emit(e, t);
+  return (t) => we && we.emit(e, t);
 }
 const K = {
   NOT_FOUND_KEY: 1,
@@ -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,11 +1181,11 @@ 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;
 }
-const ds = "9.2.2", Ge = -1, mt = "en-US", Ve = "", Ut = (e) => `${e.charAt(0).toLocaleUpperCase()}${e.substr(1)}`;
+const ds = "9.2.2", Ge = -1, mt = "en-US", Ue = "", 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,
@@ -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) || Me(e.missingWarn) ? e.missingWarn : !0, _ = A(e.fallbackWarn) || Me(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,28 +1296,28 @@ 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), Ce = r ? r(q, i) : q;
+  const z = Is(e, b, L, c), J = rs(z), q = Ts(e, V, J), Ae = 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 : "",
       locale: b || (ee(T) ? T.locale : ""),
       format: h(T) ? T : ee(T) ? T.source : "",
-      message: Ce
+      message: Ae
     };
-    Ae.meta = j({}, e.__meta, vs() || {}), ls(Ae);
+    Pe.meta = j({}, e.__meta, vs() || {}), ls(Pe);
   }
-  return Ce;
+  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;
@@ -1456,7 +1456,7 @@ 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)), Ve;
+    return a(Ee(K.CANNOT_FORMAT_DATE)), Ue;
   const [i, c, u, _] = qe(...t), d = A(u.missingWarn) ? u.missingWarn : e.missingWarn, g = A(u.fallbackWarn) ? u.fallbackWarn : e.fallbackWarn, v = !!u.part, O = h(u.locale) ? u.locale : e.locale, E = s(
     e,
     o,
@@ -1549,7 +1549,7 @@ 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)), Ve;
+    return a(Ee(K.CANNOT_FORMAT_NUMBER)), Ue;
   const [i, c, u, _] = Ze(...t), d = A(u.missingWarn) ? u.missingWarn : e.missingWarn, g = A(u.fallbackWarn) ? u.fallbackWarn : e.fallbackWarn, v = !!u.part, O = h(u.locale) ? u.locale : e.locale, E = s(
     e,
     o,
@@ -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
@@ -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"), we = /* @__PURE__ */ ne("__enableEmitter"), rt = /* @__PURE__ */ ne("__disableEmitter"), xs = ne("__setPluralRules");
+}, tt = /* @__PURE__ */ ne("__transrateVNode"), nt = /* @__PURE__ */ ne("__datetimeParts"), ot = /* @__PURE__ */ ne("__numberParts"), De = /* @__PURE__ */ ne("__enableEmitter"), rt = /* @__PURE__ */ ne("__disableEmitter"), xs = ne("__setPluralRules");
 ne("__intlifyMeta");
 const Gs = /* @__PURE__ */ ne("__injectWithOption");
 function st(e) {
@@ -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,7 +1827,7 @@ function Gn(e, t) {
       _t(s, l) && st(s[l]);
   return s;
 }
-const Re = (e) => !S(e) || R(e);
+const Re = (e) => !S(e) || F(e);
 function Le(e, t) {
   if (Re(e) || Re(t))
     throw Q(D.INVALID_VALUE);
@@ -1881,9 +1881,9 @@ 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) || Me(e.missingWarn) ? e.missingWarn : !0, _ = n ? n.fallbackWarn : A(e.fallbackWarn) || Me(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;
+  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 : {};
   let T = e.pluralRules || n && n.pluralRules, p;
   p = (() => {
@@ -1919,18 +1919,18 @@ 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), Ce = /* @__PURE__ */ H(() => c.value);
-  function Ae() {
+  }), J = W(() => l.value), q = /* @__PURE__ */ W(() => i.value), Ae = /* @__PURE__ */ W(() => c.value);
+  function Pe() {
     return $(E) ? E : null;
   }
   function qn(f) {
@@ -1945,7 +1945,7 @@ function Hn(e = {}, t) {
   function to(f, m) {
     return f !== "translate" || !m.resolvedMessage;
   }
-  const me = (f, m, B, W, je, Pe) => {
+  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 (Pe(ge))
+      if (Fe(ge))
         return ge;
       throw Q(D.UNEXPECTED_RETURN_TYPE);
     }
@@ -1981,16 +1981,16 @@ 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]), () => Ve, (m) => h(m));
+    return me((m) => Reflect.apply(Yt, null, [m, ...f]), () => qe(...f), "datetime format", (m) => Reflect.apply(m.d, m, [...f]), () => Ue, (m) => h(m));
   }
   function ro(...f) {
-    return me((m) => Reflect.apply(Kt, null, [m, ...f]), () => Ze(...f), "number format", (m) => Reflect.apply(m.n, m, [...f]), () => Ve, (m) => h(m));
+    return me((m) => Reflect.apply(Kt, null, [m, ...f]), () => Ze(...f), "number format", (m) => Reflect.apply(m.n, m, [...f]), () => Ue, (m) => h(m));
   }
   function so(f) {
     return f.map((m) => h(m) || M(m) || A(m) ? Qt(String(m)) : 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]] || {}, Pe = p.messageResolver(je, f);
-      if (Pe != null) {
-        m = Pe;
+    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;
       }
     }
@@ -2089,12 +2089,12 @@ function Hn(e = {}, t) {
   function bo(f, m) {
     c.value[f] = j(c.value[f] || {}, m), p.numberFormats = c.value, Xt(p, f, m);
   }
-  qt++, n && te && ($e(n.locale, (f) => {
+  qt++, n && te && (Me(n.locale, (f) => {
     o && (a.value = f, p.locale = f, Te(p, a.value, s.value));
-  }), $e(n.fallbackLocale, (f) => {
+  }), 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,
@@ -2157,17 +2157,17 @@ function Hn(e = {}, t) {
     getLocaleMessage: Ot,
     setLocaleMessage: go,
     mergeLocaleMessage: po,
-    getPostTranslationHandler: Ae,
+    getPostTranslationHandler: Pe,
     setPostTranslationHandler: qn,
     getMissingHandler: Zn,
     setMissingHandler: eo,
     [xs]: uo
   };
-  return F.datetimeFormats = q, F.numberFormats = Ce, 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[we] = (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;
@@ -2218,12 +2218,12 @@ const Ke = {
       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 : jn();
-      return ke(u, c, i);
+      return $e(u, c, i);
     };
   }
 };
 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,12 +2233,12 @@ 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]);
     const u = j({}, a), _ = h(e.tag) || S(e.tag) ? e.tag : jn();
-    return ke(_, u, c);
+    return $e(_, u, c);
   };
 }
 const en = {
@@ -2297,7 +2297,7 @@ function zs(e) {
   return {
     created: (s, l) => {
       const [i, c] = t(l);
-      te && e.global === c && (s.__i18nWatcher = $e(c.locale, () => {
+      te && e.global === c && (s.__i18nWatcher = Me(c.locale, () => {
         l.instance && l.instance.$forceUpdate();
       })), s.__composer = c, s.textContent = 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");
@@ -2621,7 +2621,7 @@ function la(e = {}, t) {
           const E = Tn();
           {
             const N = s;
-            N[we] && N[we](E);
+            N[De] && N[De](E);
           }
           E.on("*", lt);
         }
@@ -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 = Tn();
       const o = n;
-      o[we] && o[we](r), r.on("*", lt);
+      o[De] && o[De](r), r.on("*", lt);
     }
   }, t), mn(() => {
     if ((process.env.NODE_ENV !== "production" || !1) && !0 && t.vnode.el && t.vnode.el.__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,
@@ -2837,7 +2837,7 @@ function ya(e, t, n, r, o, a) {
       }, 8, ["countInfo"])
     ]),
     C("div", Ta, [
-      (P(!0), k(Oe, null, De((s = e.deviceGroup) == null ? void 0 : s.items, (c, u) => (P(), _n(i, {
+      (P(!0), k(Oe, null, Ce((s = e.deviceGroup) == null ? void 0 : s.items, (c, u) => (P(), _n(i, {
         controlParams: e.controlParams,
         key: u,
         deviceGroup: c
@@ -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),
@@ -2916,14 +2916,14 @@ function ka(e) {
   }
   return t;
 }
-const Ue = {
+const Se = {
   TransLayoutToFrams(e) {
     const t = [];
     e.area && t.push(e.area), e.areas && t.push(...e.areas);
     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 Ue = {
         }, { row: r, col: o });
         n.push(a);
       }
-    return Fa(n, e, t), n;
+    return Ra(n, e, t), n;
   },
   TransLayoutToSVG(e, t) {
     const n = [];
@@ -3001,7 +3001,7 @@ const Ue = {
     const t = x([]);
     return e.layouts && e.layouts.forEach((n) => {
       t.value.push({
-        svg: Ue.TransLayoutToSVG(n, { width: 100, height: 100 }),
+        svg: Se.TransLayoutToSVG(n, { width: 100, height: 100 }),
         layout: n,
         select: JSON.stringify(n) == JSON.stringify(e.defaultLayout)
       });
@@ -3037,7 +3037,7 @@ const Ue = {
 const Ma = ["onClick"], Va = { style: { position: "relative", display: "inline-block", margin: "10px" } }, Ua = ["innerHTML"], xa = { style: { "vertical-align": "middle" } };
 function Ga(e, t, n, r, o, a) {
   return P(), k("div", null, [
-    (P(!0), k(Oe, null, De(e.layoutInfos, (s) => (P(), k("div", {
+    (P(!0), k(Oe, null, Ce(e.layoutInfos, (s) => (P(), k("div", {
       class: Xe(s.select ? "layout-item layout-item-select" : "layout-item"),
       onClick: (l) => e.selectClick(s)
     }, [
@@ -3053,7 +3053,7 @@ function Ga(e, t, n, r, o, a) {
 }
 const Wa = /* @__PURE__ */ de($a, [["render", Ga], ["__scopeId", "data-v-e550e731"]]), Ha = _e({
   emits: {
-    LayoutChange(e) {
+    LayoutChange(e, t) {
       return !0;
     }
   },
@@ -3081,13 +3081,18 @@ const Wa = /* @__PURE__ */ de($a, [["render", Ga], ["__scopeId", "data-v-e550e73
       U.Test.genLayout(5, 5),
       U.Test.genLayout(6, 6)
     ];
-    let r = Ue.StorageDefaultLayout.get();
+    let r = Se.StorageDefaultLayout.get();
     const o = r || n[0];
     function a(u, _) {
-      return t.emit("LayoutChange", u), u.cancel || (l.value = _), !u.cancel;
+      const d = Se.TransLayoutToFrams(u.layout).map(({ id: g, row: v, col: O }) => ({
+        id: g,
+        row: v,
+        col: O
+      }));
+      return t.emit("LayoutChange", u, d), u.cancel || (l.value = _), !u.cancel;
     }
     const s = function(u, _) {
-      JSON.stringify(r) != JSON.stringify(u) && a(u, _) && (r = u.layout, Ue.StorageDefaultLayout.set(u.layout)), l.value.length == 0 && a(u, _);
+      JSON.stringify(r) != JSON.stringify(u) && a(u, _) && (r = u.layout, Se.StorageDefaultLayout.set(u.layout)), l.value.length == 0 && a(u, _);
     }, l = x(""), i = x(!1), c = (u) => {
       i.value && u.composedPath().findIndex(({ className: d }) => d == "layout-switcher") < 0 && (i.value = !1);
     };
@@ -3105,7 +3110,7 @@ const Wa = /* @__PURE__ */ de($a, [["render", Ga], ["__scopeId", "data-v-e550e73
   },
   expose: []
 });
-const Jn = (e) => (Co("data-v-13ed4e20"), e = e(), Ao(), e), ja = { class: "layout-switcher" }, Ba = ["innerHTML"], Ya = { class: "switch-panel" }, za = /* @__PURE__ */ Jn(() => /* @__PURE__ */ C("div", { style: { "margin-left": "10px" } }, [
+const Jn = (e) => (Co("data-v-98aa5a45"), e = e(), Ao(), e), ja = { class: "layout-switcher" }, Ba = ["innerHTML"], Ya = { class: "switch-panel" }, za = /* @__PURE__ */ Jn(() => /* @__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__ */ Jn(() => /* @__PURE__ */ C("span", null, "\u6807\u51C6\u6A21\u5F0F\uFF1A", -1));
 function Ja(e, t, n, r, o, a) {
@@ -3137,34 +3142,41 @@ function Ja(e, t, n, r, o, a) {
     ])
   ]);
 }
-const qa = /* @__PURE__ */ de(Ha, [["render", Ja], ["__scopeId", "data-v-13ed4e20"]]), Za = _e({
+const qa = /* @__PURE__ */ de(Ha, [["render", Ja], ["__scopeId", "data-v-98aa5a45"]]), Za = _e({
   props: {
     layout: {
       type: Object
     }
   },
   setup(e) {
+    const t = W(() => e.layout ? Se.TransLayoutToFrams(e.layout) : []);
     return {
-      frameRef: H(() => e.layout ? Ue.TransLayoutToFrams(e.layout) : [])
+      areas: W(() => t.value.map((r) => ({
+        id: r.id,
+        row: r.row,
+        col: r.col
+      }))),
+      frameRef: t
     };
   }
 });
 const el = { style: { position: "relative", height: "100%", width: "100%" } };
 function tl(e, t, n, r, o, a) {
   return P(), k("div", el, [
-    (P(!0), k(Oe, null, De(e.frameRef, ({ layout: s, id: l, row: i, col: c }) => (P(), k("div", {
+    (P(!0), k(Oe, null, Ce(e.frameRef, ({ layout: s, id: l, row: i, col: c }) => (P(), k("div", {
       class: "play-area",
       style: Ie(`position: absolute; top: calc(${s.top}%); left: calc(${s.left}%); width: calc(${s.width}%); height: calc(${s.height}%);`)
     }, [
       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-23b04a63"]]), un = {
   RecursionDeviceGroup: Ia,
   VideoAreasLayoutShow: nl,
   MultiVideoAreaLayoutSwitch: qa