@opentiny/tiny-engine-toolbar-lang 2.6.1 → 2.7.0-alpha.1

package/dist/index.js

@@ -1,67 +1,80 @@
 import "./style.css";
-import { getCurrentInstance as I, onMounted as b, nextTick as w, getCurrentScope as y, onScopeDispose as h, ref as r, watch as E, resolveComponent as B, createBlock as N, openBlock as P } from "vue";
-import { ToolbarBase as S } from "@opentiny/tiny-engine-common";
-import { constants as T } from "@opentiny/tiny-engine-utils";
-var d;
-const O = typeof window < "u";
-O && ((d = window == null ? void 0 : window.navigator) != null && d.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function L(e) {
+import { callEntry as h } from "@opentiny/tiny-engine-meta-register";
+import { getCurrentInstance as E, onMounted as B, nextTick as N, getCurrentScope as P, onScopeDispose as S, ref as r, watch as T, resolveComponent as L, createBlock as x, openBlock as Q } from "vue";
+import { ToolbarBase as d } from "@opentiny/tiny-engine-common";
+import { constants as b } from "@opentiny/tiny-engine-utils";
+const k = {
+  id: "engine.toolbars.lang",
+  type: "toolbars",
+  title: "lang",
+  options: {
+    icon: {
+      default: "cn-en"
+    },
+    renderType: "icon",
+    collapsed: !0
+  }
+};
+var p;
+const y = typeof window < "u";
+y && ((p = window == null ? void 0 : window.navigator) != null && p.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function A(e) {
   return e;
 }
-function Q(e) {
-  return y() ? (h(e), !0) : !1;
+function D(e) {
+  return P() ? (S(e), !0) : !1;
 }
-function C(e, n = !0) {
-  I() ? b(e) : n ? e() : w(e);
+function I(e, n = !0) {
+  E() ? B(e) : n ? e() : N(e);
 }
-const x = O ? window : void 0;
-function k(e, n = !1) {
+const M = y ? window : void 0;
+function j(e, n = !1) {
   const t = r(), a = () => t.value = !!e();
-  return a(), C(a, n), t;
+  return a(), I(a, n), t;
 }
-const A = (e) => {
+const f = (e) => {
   const {
     name: n,
-    window: t = x
-  } = e, a = k(() => t && "BroadcastChannel" in t), o = r(!1), s = r(), l = r(), i = r(null), m = (u) => {
-    s.value && s.value.postMessage(u);
+    window: t = M
+  } = e, a = j(() => t && "BroadcastChannel" in t), s = r(!1), o = r(), u = r(), i = r(null), w = (l) => {
+    o.value && o.value.postMessage(l);
   }, c = () => {
-    s.value && s.value.close(), o.value = !0;
+    o.value && o.value.close(), s.value = !0;
   };
-  return a.value && C(() => {
-    i.value = null, s.value = new BroadcastChannel(n), s.value.addEventListener("message", (u) => {
-      l.value = u.data;
-    }, { passive: !0 }), s.value.addEventListener("messageerror", (u) => {
-      i.value = u;
-    }, { passive: !0 }), s.value.addEventListener("close", () => {
-      o.value = !0;
+  return a.value && I(() => {
+    i.value = null, o.value = new BroadcastChannel(n), o.value.addEventListener("message", (l) => {
+      u.value = l.data;
+    }, { passive: !0 }), o.value.addEventListener("messageerror", (l) => {
+      i.value = l;
+    }, { passive: !0 }), o.value.addEventListener("close", () => {
+      s.value = !0;
     });
-  }), Q(() => {
+  }), D(() => {
     c();
   }), {
     isSupported: a,
-    channel: s,
-    data: l,
-    post: m,
+    channel: o,
+    data: u,
+    post: w,
     close: c,
     error: i,
-    isClosed: o
+    isClosed: s
   };
-}, p = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, v = "__vueuse_ssr_handlers__";
-p[v] = p[v] || {};
-var f;
+}, v = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, _ = "__vueuse_ssr_handlers__";
+v[_] = v[_] || {};
+var g;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(f || (f = {}));
-var j = Object.defineProperty, _ = Object.getOwnPropertySymbols, D = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable, g = (e, n, t) => n in e ? j(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, M = (e, n) => {
+})(g || (g = {}));
+var H = Object.defineProperty, O = Object.getOwnPropertySymbols, R = Object.prototype.hasOwnProperty, U = Object.prototype.propertyIsEnumerable, m = (e, n, t) => n in e ? H(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, W = (e, n) => {
   for (var t in n || (n = {}))
-    D.call(n, t) && g(e, t, n[t]);
-  if (_)
-    for (var t of _(n))
-      H.call(n, t) && g(e, t, n[t]);
+    R.call(n, t) && m(e, t, n[t]);
+  if (O)
+    for (var t of O(n))
+      U.call(n, t) && m(e, t, n[t]);
   return e;
 };
-const R = {
+const z = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -87,17 +100,19 @@ const R = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-M({
-  linear: L
-}, R);
-const { BROADCAST_CHANNEL: U } = T, W = {
+W({
+  linear: A
+}, z);
+const {
+  BROADCAST_CHANNEL: C
+} = b, F = {
   components: {
-    ToolbarBase: S
+    ToolbarBase: d
   },
   props: {
     langChannel: {
       type: String,
-      default: U.CanvasLang
+      default: C.CanvasLang
     },
     options: {
       type: Object,
@@ -105,59 +120,66 @@ const { BROADCAST_CHANNEL: U } = T, W = {
     }
   },
   setup(e) {
-    const n = r("zh_CN"), { post: t, data: a } = A({ name: e.langChannel });
-    E(a, () => {
+    const n = r("zh_CN"), {
+      post: t,
+      data: a
+    } = f({
+      name: e.langChannel
+    });
+    T(a, () => {
       n.value = a.value;
     });
-    const o = [
-      {
-        value: "zh_CN",
-        label: "中文"
+    const s = [{
+      value: "zh_CN",
+      label: "中文"
+    }, {
+      value: "en_US",
+      label: "English"
+    }], o = h(() => {
+      n.value = n.value === s[0].value ? s[1].value : s[0].value, t(n.value);
+    }, {
+      metaData: {
+        id: "engine.toolbars.lang.Main.changeLang"
       },
-      {
-        value: "en_US",
-        label: "English"
-      }
-    ];
+      ctx: () => ({
+        props: e,
+        langVal: n,
+        post: t,
+        data: a,
+        langOptions: s,
+        changeLang: o,
+        useBroadcastChannel: f,
+        ToolbarBase: d,
+        constants: b,
+        BROADCAST_CHANNEL: C
+      })
+    });
     return {
-      langOptions: o,
+      langOptions: s,
       langVal: n,
-      changeLang: () => {
-        n.value = n.value === o[0].value ? o[1].value : o[0].value, t(n.value);
-      }
+      changeLang: o
     };
   }
-}, z = (e, n) => {
+}, G = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [a, o] of n)
-    t[a] = o;
+  for (const [a, s] of n)
+    t[a] = s;
   return t;
 };
-function F(e, n, t, a, o, s) {
-  const l = B("toolbar-base");
-  return P(), N(l, {
+function V(e, n, t, a, s, o) {
+  const u = L("toolbar-base");
+  return Q(), x(u, {
     content: "中英文切换",
     icon: t.options.icon.default || t.options.icon,
     options: t.options,
     onClickApi: a.changeLang
   }, null, 8, ["icon", "options", "onClickApi"]);
 }
-const G = /* @__PURE__ */ z(W, [["render", F], ["__scopeId", "data-v-d301d175"]]), V = {
-  id: "engine.toolbars.lang",
-  type: "toolbars",
-  title: "lang",
-  options: {
-    icon: {
-      default: "cn-en"
-    },
-    renderType: "icon",
-    collapsed: !0
-  }
-}, Y = {
-  ...V,
-  entry: G
+const K = /* @__PURE__ */ G(F, [["render", V], ["__scopeId", "data-v-10c1f968"]]), $ = {
+  ...k,
+  entry: K
 };
 export {
-  Y as default
+  $ as default
 };
 //# sourceMappingURL=index.js.map