smarteye-e-components 0.0.45 → 0.0.47

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 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";
 var bt;
 ((e) => {
   ((n) => {
@@ -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;
@@ -549,7 +549,7 @@ const lr = {
     }), 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",
@@ -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
@@ -816,7 +816,7 @@ const Fr = /\{([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] : "");
 }
-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));
 }
@@ -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,
@@ -1185,7 +1185,7 @@ function _s(e, t, n) {
   }
   return r;
 }
-const ds = "9.2.2", Ge = -1, mt = "en-US", Ve = "", Ut = (e) => `${e.charAt(0).toLocaleUpperCase()}${e.substr(1)}`;
+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 = 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 : {};
   Wt++;
   const q = {
     version: t,
@@ -1299,18 +1299,18 @@ function jt(e, ...t) {
   }, V = ee(T) ? T : Fn(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) => {
@@ -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,
@@ -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) {
@@ -1827,12 +1827,12 @@ function Gn(e, t) {
       _t(s, l) && st(s[l]);
   return s;
 }
-const Re = (e) => !S(e) || R(e);
+const Fe = (e) => !S(e) || R(e);
 function Le(e, t) {
-  if (Re(e) || Re(t))
+  if (Fe(e) || Fe(t))
     throw Q(D.INVALID_VALUE);
   for (const n in e)
-    _t(e, n) && (Re(e[n]) || Re(t[n]) ? t[n] = e[n] : Le(e[n], t[n]));
+    _t(e, n) && (Fe(e[n]) || Fe(t[n]) ? t[n] = e[n] : Le(e[n], t[n]));
 }
 function Wn(e) {
   return e.type;
@@ -1883,7 +1883,7 @@ function Hn(e = {}, t) {
   ), s = x(
     n && o ? n.fallbackLocale.value : h(e.fallbackLocale) || R(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 = (() => {
@@ -1929,8 +1929,8 @@ function Hn(e = {}, t) {
     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 = H(() => l.value), q = /* @__PURE__ */ H(() => i.value), Ae = /* @__PURE__ */ H(() => 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, W, je, Re) => {
     I();
     let ge;
     if (process.env.NODE_ENV !== "production" || __INTLIFY_PROD_DEVTOOLS__)
@@ -1972,7 +1972,7 @@ function Hn(e = {}, t) {
       }
       return n && d ? W(n) : je(le);
     } else {
-      if (Pe(ge))
+      if (Re(ge))
         return ge;
       throw Q(D.UNEXPECTED_RETURN_TYPE);
     }
@@ -1987,10 +1987,10 @@ function Hn(e = {}, t) {
     return Et(m, B, j({ resolvedMessage: !0 }, W || {}));
   }
   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);
@@ -2050,9 +2050,9 @@ function Hn(e = {}, t) {
     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;
+      const je = l.value[B[W]] || {}, Re = p.messageResolver(je, f);
+      if (Re != null) {
+        m = Re;
         break;
       }
     }
@@ -2089,9 +2089,9 @@ 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 = {
@@ -2157,13 +2157,13 @@ 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 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) => {
     p.__v_emitter = f;
   }, F[rt] = () => {
     p.__v_emitter = void 0;
@@ -2218,7 +2218,7 @@ 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);
     };
   }
 };
@@ -2238,7 +2238,7 @@ function Bn(e, t, n, r) {
       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;
     },
@@ -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__) {
@@ -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
@@ -2916,7 +2916,7 @@ 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);
@@ -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,7 +3142,7 @@ 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
@@ -3145,14 +3150,14 @@ const qa = /* @__PURE__ */ de(Ha, [["render", Ja], ["__scopeId", "data-v-13ed4e2
   },
   setup(e) {
     return {
-      frameRef: H(() => e.layout ? Ue.TransLayoutToFrams(e.layout) : [])
+      frameRef: H(() => e.layout ? Se.TransLayoutToFrams(e.layout) : [])
     };
   }
 });
-const el = { style: { position: "relative", height: "100%", width: "100%", border: "1px solid", "border-bottom": "0px", "border-left": "0px" } };
+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}%);`)
     }, [
@@ -3164,7 +3169,7 @@ function tl(e, t, n, r, o, a) {
     ], 4))), 256))
   ]);
 }
-const nl = /* @__PURE__ */ de(Za, [["render", tl], ["__scopeId", "data-v-c2715ff5"]]), un = {
+const nl = /* @__PURE__ */ de(Za, [["render", tl], ["__scopeId", "data-v-af6643cc"]]), un = {
   RecursionDeviceGroup: Ia,
   VideoAreasLayoutShow: nl,
   MultiVideoAreaLayoutSwitch: qa