smarteye-e-components 0.0.50 → 0.0.51

package/dist/smarteye-e-components.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as _e, computed as W, openBlock as P, 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 Ao } from "vue";
+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";
 var bt;
 ((e) => {
   ((n) => {
@@ -153,7 +153,7 @@ var U;
     n.getTestLayout = o;
   })(e.Test || (e.Test = {}));
 })(U || (U = {}));
-const Po = _e({
+const Ao = _e({
   props: {
     countInfo: Object,
     controlParams: Object
@@ -198,7 +198,7 @@ const de = (e, t) => {
   return n;
 }, ko = { class: "root" }, Fo = { class: "count-show" };
 function Ro(e, t, n, r, o, a) {
-  return P(), R("div", ko, [
+  return A(), R("div", ko, [
     oe(e.$slots, "default", {
       total: e.totalCount,
       online: e.onlineCount
@@ -206,7 +206,7 @@ function Ro(e, t, n, r, o, a) {
     C("span", Fo, ue(e.onlineCount) + "/" + ue(e.totalCount), 1)
   ]);
 }
-const dn = /* @__PURE__ */ de(Po, [["render", Ro], ["__scopeId", "data-v-a063c331"]]), mn = Object.freeze(
+const dn = /* @__PURE__ */ de(Ao, [["render", Ro], ["__scopeId", "data-v-a063c331"]]), mn = Object.freeze(
   {
     left: 0,
     top: 0,
@@ -566,7 +566,7 @@ const lr = {
   }
 };
 function ir(e, t, n, r, o, a) {
-  return P(), R("div", {
+  return A(), R("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 })
     }, [
-      (P(!0), R(Oe, null, Ce(e.visibleData, (s) => (P(), R("div", {
+      (A(!0), R(Oe, null, Ce(e.visibleData, (s) => (A(), R("div", {
         ref_for: !0,
         ref: "items",
         class: "infinite-list-item",
@@ -592,12 +592,12 @@ function ir(e, t, n, r, o, a) {
   ], 544);
 }
 const cr = /* @__PURE__ */ de(lr, [["render", ir], ["__scopeId", "data-v-12d2a294"]]);
-var ur = Object.defineProperty, fr = Object.defineProperties, _r = Object.getOwnPropertyDescriptors, At = Object.getOwnPropertySymbols, dr = Object.prototype.hasOwnProperty, mr = Object.prototype.propertyIsEnumerable, Pt = (e, t, n) => t in e ? ur(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, gr = (e, t) => {
+var ur = Object.defineProperty, fr = Object.defineProperties, _r = Object.getOwnPropertyDescriptors, Pt = Object.getOwnPropertySymbols, dr = Object.prototype.hasOwnProperty, mr = Object.prototype.propertyIsEnumerable, At = (e, t, n) => t in e ? ur(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, gr = (e, t) => {
   for (var n in t || (t = {}))
-    dr.call(t, n) && Pt(e, n, t[n]);
-  if (At)
-    for (var n of At(t))
-      mr.call(t, n) && Pt(e, n, t[n]);
+    dr.call(t, n) && At(e, n, t[n]);
+  if (Pt)
+    for (var n of Pt(t))
+      mr.call(t, n) && At(e, n, t[n]);
   return e;
 }, pr = (e, t) => fr(e, _r(t));
 const hr = _e({
@@ -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 ? (P(), R("div", {
+  return e.showGroup ? (A(), R("div", {
     key: 0,
     class: Xe("group " + e.theme)
   }, [
@@ -692,14 +692,14 @@ function Ir(e, t, n, r, o, a) {
       default: ce(({ online: _, total: d }) => {
         var g, v;
         return [
-          e.deviceGroup && e.deviceGroup.devices.length + e.deviceGroup.items.length > 0 ? (P(), R("span", vr, [
+          e.deviceGroup && e.deviceGroup.devices.length + e.deviceGroup.items.length > 0 ? (A(), R("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"])
-          ])) : (P(), R("span", Er)),
+          ])) : (A(), R("span", Er)),
           C("span", {
             class: "group-head-db-click",
             onDblclick: t[1] || (t[1] = (O) => e.bShow = !e.bShow)
@@ -709,7 +709,7 @@ function Ir(e, t, n, r, o, a) {
               width: "24",
               class: "group-avatar"
             }, null, 8, ["icon"]),
-            e.bShow ? Be("", !0) : (P(), R("span", Or, ue((g = e.deviceGroup) == null ? void 0 : g.items.length), 1)),
+            e.bShow ? Be("", !0) : (A(), R("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
@@ -722,8 +722,8 @@ function Ir(e, t, n, r, o, a) {
       }),
       _: 3
     }, 8, ["countInfo", "controlParams"]),
-    e.bShow ? (P(), R("div", Tr, [
-      (P(!0), R(Oe, null, Ce((s = e.deviceGroup) == null ? void 0 : s.items, (_, d) => (P(), _n(c, {
+    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: _,
         controlParams: e.controlParams
@@ -786,11 +786,11 @@ const Sr = /* @__PURE__ */ de(hr, [["render", Ir], ["__scopeId", "data-v-93cfc8d
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M128 192v640h768V320H485.76L357.504 192H128zm-32-64h287.872l128.384 128H928a32 32 0 0 1 32 32v576a32 32 0 0 1-32 32H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32z"/>'
-}, Ar = {
+}, Pr = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M628.736 528.896A416 416 0 0 1 928 928H96a415.872 415.872 0 0 1 299.264-399.104L512 704l116.736-175.104zM720 304a208 208 0 1 1-416 0a208 208 0 0 1 416 0z"/>'
-}, Pr = {
+}, Ar = {
   width: 1024,
   height: 1024,
   body: '<path fill="currentColor" d="M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64h352z"/>'
@@ -830,7 +830,7 @@ 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", A = (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", 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;
 function Gr(e, t = 0, n = e.length) {
   const r = e.split(/\r?\n/);
   let o = 0;
@@ -1161,7 +1161,7 @@ function yn(e, t, n) {
 }
 function Vt(e, t, n) {
   let r = !0;
-  for (let o = 0; o < t.length && A(r); o++) {
+  for (let o = 0; o < t.length && P(r); o++) {
     const a = t[o];
     h(a) && (r = fs(e, t[o], n));
   }
@@ -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 = 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, 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 = 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 : {};
   Wt++;
   const q = {
     version: t,
@@ -1282,13 +1282,13 @@ 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 = A(c.missingWarn) ? c.missingWarn : e.missingWarn, _ = A(c.fallbackWarn) ? c.fallbackWarn : e.fallbackWarn, d = A(c.escapeParameter) ? c.escapeParameter : e.escapeParameter, g = !!c.resolvedMessage, v = h(c.default) || A(c.default) ? A(c.default) ? a ? i : () => i : c.default : n ? a ? i : () => i : "", O = n || v !== "", E = h(c.locale) ? c.locale : e.locale;
+  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);
   let [N, b, I] = g ? [
     i,
     E,
     l[E] || {}
-  ] : An(e, i, E, s, _, u), T = N, p = i;
+  ] : 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)))
     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 L = () => {
     w = !0;
-  }, V = ee(T) ? T : Pn(e, i, b, T, p, L);
+  }, V = ee(T) ? T : An(e, i, b, T, p, L);
   if (w)
     return T;
-  const z = Ls(e, b, I, c), J = rs(z), q = Ts(e, V, J), Ae = r ? r(q, i) : q;
+  const z = Ls(e, b, I, c), J = rs(z), q = Ts(e, V, J), Pe = r ? r(q, i) : q;
   if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__) {
-    const Pe = {
+    const Ae = {
       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: Ae
+      message: Pe
     };
-    Pe.meta = j({}, e.__meta, vs() || {}), ls(Pe);
+    Ae.meta = j({}, e.__meta, vs() || {}), ls(Ae);
   }
-  return Ae;
+  return Pe;
 }
 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]));
   });
 }
-function An(e, t, n, r, o, a) {
+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;
   const E = "translate";
@@ -1360,7 +1360,7 @@ function An(e, t, n, r, o, a) {
   }
   return [g, d, _];
 }
-function Pn(e, t, n, r, o, a) {
+function An(e, t, n, r, o, a) {
   const { messageCompiler: s, warnHtmlMessage: l } = e;
   if (ee(r)) {
     const d = r;
@@ -1434,12 +1434,12 @@ function Ls(e, t, n, r) {
     messages: (g) => {
       let v = s(n, g);
       if (v == null && u) {
-        const [, , O] = An(u, g, t, l, i, c);
+        const [, , O] = Pn(u, g, t, l, i, c);
         v = s(O, g);
       }
       if (h(v)) {
         let O = !1;
-        const N = Pn(e, g, t, v, g, () => {
+        const N = An(e, g, t, v, g, () => {
           O = !0;
         });
         return O ? Ht : N;
@@ -1457,7 +1457,7 @@ 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 = 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(
+  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(
     e,
     o,
     O
@@ -1550,7 +1550,7 @@ 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 = 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(
+  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(
     e,
     o,
     O
@@ -1636,10 +1636,10 @@ function Cs() {
   var e;
   return pe !== void 0 || (typeof window < "u" && window.performance ? (pe = !0, et = window.performance) : typeof global < "u" && ((e = global.perf_hooks) === null || e === void 0 ? void 0 : e.performance) ? (pe = !0, et = global.perf_hooks.performance) : pe = !1), pe;
 }
-function As() {
+function Ps() {
   return Cs() ? et.now() : Date.now();
 }
-class Ps {
+class As {
   constructor(t, n) {
     this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = n;
     const r = {};
@@ -1667,7 +1667,7 @@ class Ps {
         a = s;
       },
       now() {
-        return As();
+        return Ps();
       }
     }, n && n.on(Ds, (s, l) => {
       s === this.plugin.id && this.fallbacks.setSettings(l);
@@ -1706,7 +1706,7 @@ function ks(e, t) {
   if (o && (r.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !a))
     o.emit(ws, e, t);
   else {
-    const s = a ? new Ps(n, o) : null;
+    const s = a ? new As(n, o) : null;
     (r.__VUE_DEVTOOLS_PLUGINS__ = r.__VUE_DEVTOOLS_PLUGINS__ || []).push({
       pluginDescriptor: n,
       setupFn: t,
@@ -1877,13 +1877,13 @@ const Hs = () => {
 };
 function Gn(e = {}, t) {
   const { __root: n } = e, r = n === void 0;
-  let o = A(e.inheritLocale) ? e.inheritLocale : !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 : 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;
+  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 I = n ? n.modifiers : y(e.modifiers) ? e.modifiers : {};
   let T = e.pluralRules || n && n.pluralRules, p;
   p = (() => {
@@ -1929,8 +1929,8 @@ function Gn(e = {}, t) {
     set: (f) => {
       s.value = f, p.fallbackLocale = s.value, Te(p, a.value, f);
     }
-  }), J = W(() => l.value), q = /* @__PURE__ */ W(() => i.value), Ae = /* @__PURE__ */ W(() => c.value);
-  function Pe() {
+  }), J = W(() => l.value), q = /* @__PURE__ */ W(() => i.value), Pe = /* @__PURE__ */ W(() => c.value);
+  function Ae() {
     return $(E) ? E : null;
   }
   function Qn(f) {
@@ -1993,7 +1993,7 @@ function Gn(e = {}, t) {
     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 oo(f) {
-    return f.map((m) => h(m) || M(m) || A(m) ? Qt(String(m)) : m);
+    return f.map((m) => h(m) || M(m) || P(m) ? Qt(String(m)) : m);
   }
   const ro = {
     normalize: oo,
@@ -2157,13 +2157,13 @@ function Gn(e = {}, t) {
     getLocaleMessage: Ot,
     setLocaleMessage: _o,
     mergeLocaleMessage: mo,
-    getPostTranslationHandler: Pe,
+    getPostTranslationHandler: Ae,
     setPostTranslationHandler: Qn,
     getMissingHandler: Jn,
     setMissingHandler: qn,
     [xs]: io
   };
-  return F.datetimeFormats = q, F.numberFormats = Ae, 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) => {
+  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;
@@ -2333,7 +2333,7 @@ function on(e) {
   return h(n) && (s.locale = n), M(o) && (s.plural = o), M(a) && (s.plural = a), [t, l, s];
 }
 function Ks(e, t, ...n) {
-  const r = y(n[0]) ? n[0] : {}, o = !!r.useI18nComponentName, a = A(r.globalInstall) ? r.globalInstall : !0;
+  const r = y(n[0]) ? n[0] : {}, o = !!r.useI18nComponentName, a = P(r.globalInstall) ? r.globalInstall : !0;
   process.env.NODE_ENV !== "production" && a && o && be(He(Z.COMPONENT_NAME_LEGACY_COMPATIBLE, {
     name: Ke.name
   })), a && (e.component(o ? "i18n" : Ke.name, Ke), e.component(en.name, en), e.component(tn.name, tn)), e.directive("t", zs(t));
@@ -2587,12 +2587,12 @@ 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" && 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) || 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 = A(e.globalInjection) ? e.globalInjection : !0, r = !0, o = /* @__PURE__ */ new Map(), [a, s] = ia(e), l = ne(process.env.NODE_ENV !== "production" ? "vue-i18n" : "");
+  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;
   }
@@ -2766,8 +2766,8 @@ const ha = {
 Ne("right", wr);
 Ne("group", Dr);
 Ne("group-closed", Cr);
-Ne("user", Ar);
-Ne("plus", Pr);
+Ne("user", Pr);
+Ne("plus", Ar);
 Ne("minus", kr);
 const Ea = _e({
   components: {
@@ -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 P(), R("div", Oa, [
+  return A(), R("div", Oa, [
     C("div", Na, [
       se(l, { countInfo: e.deviceGroup }, {
         default: ce(() => [
@@ -2837,7 +2837,7 @@ function ya(e, t, n, r, o, a) {
       }, 8, ["countInfo"])
     ]),
     C("div", Ta, [
-      (P(!0), R(Oe, null, Ce((s = e.deviceGroup) == null ? void 0 : s.items, (c, u) => (P(), _n(i, {
+      (A(!0), R(Oe, null, Ce((s = e.deviceGroup) == null ? void 0 : s.items, (c, u) => (A(), _n(i, {
         controlParams: e.controlParams,
         key: u,
         deviceGroup: c
@@ -2864,9 +2864,9 @@ var Ia = Object.defineProperty, Sa = Object.defineProperties, wa = Object.getOwn
     for (var n of sn(t))
       Ca.call(t, n) && an(e, n, t[n]);
   return e;
-}, Aa = (e, t) => Sa(e, wa(t));
+}, Pa = (e, t) => Sa(e, wa(t));
 const ye = 6, ln = ye * 2;
-function Pa(e, t) {
+function Aa(e, t) {
   return e.map(
     ({ leftTop: { col: n, row: r }, rightBottom: { col: o, row: a } }) => `<line x1="${n * t.col + ye}" y1="${r * t.row + ye}" x2="${o * t.col + ye}" y2="${a * t.row + ye}" stroke="black" stroke-width="5"/>`
   ).join(" ");
@@ -2876,7 +2876,7 @@ function ka(e, t, n) {
 }
 function Fa(e, t, n) {
   n.forEach((r) => {
-    const o = Aa(zn({}, r.leftTop), {
+    const o = Pa(zn({}, r.leftTop), {
       id: Kn(r.leftTop),
       layout: {
         left: 100 / t.col * r.leftTop.col,
@@ -2965,7 +2965,7 @@ const Se = {
     const l = {
       row: t.height / e.row,
       col: t.width / e.col
-    }, i = Pa(s, l);
+    }, i = Aa(s, l);
     return `<svg viewBox='0 0 ${t.width + ln} ${t.height + ln} ' width="100%" height="100%"> ${i} </svg>`;
   },
   StorageDefaultLayout: {
@@ -3036,8 +3036,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 P(), R("div", null, [
-    (P(!0), R(Oe, null, Ce(e.layoutInfos, (s) => (P(), R("div", {
+  return A(), R("div", null, [
+    (A(!0), R(Oe, null, Ce(e.layoutInfos, (s) => (A(), R("div", {
       class: Xe(s.select ? "layout-item layout-item-select" : "layout-item"),
       onClick: (l) => e.selectClick(s)
     }, [
@@ -3084,12 +3084,13 @@ const Wa = /* @__PURE__ */ de($a, [["render", Ga], ["__scopeId", "data-v-e550e73
     let r = Se.StorageDefaultLayout.get();
     const o = r || n[0];
     function a(_, d) {
-      const g = Se.TransLayoutToFrams(_.layout).map(({ id: v, row: O, col: E }) => ({
-        id: v,
-        row: O,
-        col: E
-      }));
-      return t.emit("LayoutChange", _, g), _.cancel || (l.value = d), !_.cancel;
+      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;
     }
     const s = function(_, d) {
       JSON.stringify(r) != JSON.stringify(_) && a(_, d) && (r = _.layout, Se.StorageDefaultLayout.set(_.layout)), l.value.length == 0 && a(_, d);
@@ -3109,12 +3110,12 @@ const Wa = /* @__PURE__ */ de($a, [["render", Ga], ["__scopeId", "data-v-e550e73
   },
   expose: []
 });
-const Xn = (e) => (Co("data-v-095d33f6"), e = e(), Ao(), 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-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" } }, [
   /* @__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) {
   const s = ie("LayoutShow");
-  return P(), R("div", ja, [
+  return A(), R("div", ja, [
     C("div", {
       onClick: t[0] || (t[0] = (...l) => e.clickShowSelectPanel && e.clickShowSelectPanel(...l)),
       class: "switch-switcher"
@@ -3141,7 +3142,7 @@ function Ja(e, t, n, r, o, a) {
     ])
   ]);
 }
-const qa = /* @__PURE__ */ de(Ha, [["render", Ja], ["__scopeId", "data-v-095d33f6"]]), Za = _e({
+const qa = /* @__PURE__ */ de(Ha, [["render", Ja], ["__scopeId", "data-v-7cc795b9"]]), Za = _e({
   props: {
     layout: {
       type: Object
@@ -3161,8 +3162,8 @@ const qa = /* @__PURE__ */ de(Ha, [["render", Ja], ["__scopeId", "data-v-095d33f
 });
 const el = { style: { position: "relative", height: "100%", width: "100%" } };
 function tl(e, t, n, r, o, a) {
-  return P(), R("div", el, [
-    (P(!0), R(Oe, null, Ce(e.frameRef, ({ layout: s, id: l, row: i, col: c }) => (P(), R("div", {
+  return A(), R("div", el, [
+    (A(!0), R(Oe, null, Ce(e.frameRef, ({ layout: s, id: l, row: i, col: c }) => (A(), R("div", {
       class: "play-area",
       style: Le(`position: absolute; top: calc(${s.top}%); left: calc(${s.left}%); width: calc(${s.width}%); height: calc(${s.height}%);`)
     }, [