@opentiny/tiny-engine-toolbar-lang 2.4.0 → 2.5.0-alpha.0

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 E } from "@opentiny/tiny-engine-meta-register";
+import { getCurrentInstance as B, onMounted as N, nextTick as P, getCurrentScope as S, onScopeDispose as T, ref as r, watch as L, resolveComponent as x, createBlock as Q, openBlock as k } from "vue";
+import { ToolbarBase as d } from "@opentiny/tiny-engine-common";
+import { constants as b } from "@opentiny/tiny-engine-utils";
+const y = {
+  id: "engine.toolbars.lang",
+  type: "toolbars",
+  title: "lang",
+  options: {
+    icon: {
+      default: "cn-en"
+    },
+    renderType: "icon",
+    collapsed: !0
+  }
+};
+var p;
+const I = typeof window < "u";
+I && ((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 S() ? (T(e), !0) : !1;
 }
-function C(e, n = !0) {
-  I() ? b(e) : n ? e() : w(e);
+function w(e, n = !0) {
+  B() ? N(e) : n ? e() : P(e);
 }
-const x = O ? window : void 0;
-function k(e, n = !1) {
+const j = I ? window : void 0;
+function F(e, n = !1) {
   const t = r(), a = () => t.value = !!e();
-  return a(), C(a, n), t;
+  return a(), w(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 = j
+  } = e, a = F(() => t && "BroadcastChannel" in t), s = r(!1), o = r(), l = r(), i = r(null), h = (u) => {
+    o.value && o.value.postMessage(u);
   }, 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) => {
+  return a.value && w(() => {
+    i.value = null, o.value = new BroadcastChannel(n), o.value.addEventListener("message", (u) => {
       l.value = u.data;
-    }, { passive: !0 }), s.value.addEventListener("messageerror", (u) => {
+    }, { passive: !0 }), o.value.addEventListener("messageerror", (u) => {
       i.value = u;
-    }, { passive: !0 }), s.value.addEventListener("close", () => {
-      o.value = !0;
+    }, { passive: !0 }), o.value.addEventListener("close", () => {
+      s.value = !0;
     });
-  }), Q(() => {
+  }), D(() => {
     c();
   }), {
     isSupported: a,
-    channel: s,
+    channel: o,
     data: l,
-    post: m,
+    post: h,
     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 D = Object.defineProperty, _ = Object.getOwnPropertySymbols, j = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable, g = (e, n, t) => n in e ? D(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, H = (e, n) => {
+})(g || (g = {}));
+var H = Object.defineProperty, O = Object.getOwnPropertySymbols, M = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable, m = (e, n, t) => n in e ? H(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, U = (e, n) => {
   for (var t in n || (n = {}))
-    j.call(n, t) && g(e, t, n[t]);
-  if (_)
-    for (var t of _(n))
-      F.call(n, t) && g(e, t, n[t]);
+    M.call(n, t) && m(e, t, n[t]);
+  if (O)
+    for (var t of O(n))
+      R.call(n, t) && m(e, t, n[t]);
   return e;
 };
-const M = {
+const W = {
   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 M = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-H({
-  linear: L
-}, M);
-const { BROADCAST_CHANNEL: R } = T, U = {
+U({
+  linear: A
+}, W);
+const {
+  BROADCAST_CHANNEL: C
+} = b, z = {
   components: {
-    ToolbarBase: S
+    ToolbarBase: d
   },
   props: {
     langChannel: {
       type: String,
-      default: R.CanvasLang
+      default: C.CanvasLang
     },
     options: {
       type: Object,
@@ -105,58 +120,65 @@ const { BROADCAST_CHANNEL: R } = T, U = {
     }
   },
   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
+    });
+    L(a, () => {
       n.value = a.value;
     });
-    const o = [
-      {
-        value: "zh_CN",
-        label: "中文"
+    const s = [{
+      value: "zh_CN",
+      label: "中文"
+    }, {
+      value: "en_US",
+      label: "English"
+    }], o = E(() => {
+      n.value = n.value === s[0].value ? s[1].value : s[0].value, t(n.value);
+    }, {
+      metaData: {
+        id: `${y.id}.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
     };
   }
-}, W = (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 z(e, n, t, a, o, s) {
-  const l = B("toolbar-base");
-  return P(), N(l, {
+function V(e, n, t, a, s, o) {
+  const l = x("toolbar-base");
+  return k(), Q(l, {
     content: "中英文切换",
     icon: t.options.icon.default || t.options.icon,
     options: t.options,
     onClickApi: a.changeLang
   }, null, 8, ["icon", "options", "onClickApi"]);
 }
-const G = /* @__PURE__ */ W(U, [["render", z], ["__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(z, [["render", V], ["__scopeId", "data-v-f5c2b547"]]), Z = {
+  ...y,
+  entry: K
 };
 export {
-  Y as default
+  Z as default
 };

package/dist/style.css

@@ -1 +1 @@
-.change-lang-box svg[data-v-d301d175]{color:var(--te-toolbars-lang-text-color);width:18px;height:18px}.change-lang-box svg[data-v-d301d175]:hover{opacity:.75}.icon[data-v-d301d175]{color:var(--te-toolbars-lang-icon-color)}:root{--te-toolbars-lang-text-color: var(--te-common-text-primary);--te-toolbars-lang-icon-color: var(--te-common-icon-primary)}
+.change-lang-box svg[data-v-f5c2b547]{color:var(--te-toolbars-lang-text-color);width:18px;height:18px}.change-lang-box svg[data-v-f5c2b547]:hover{opacity:.75}.icon[data-v-f5c2b547]{color:var(--te-toolbars-lang-icon-color)}:root{--te-toolbars-lang-text-color: var(--te-common-text-primary);--te-toolbars-lang-icon-color: var(--te-common-icon-primary)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-lang",
-  "version": "2.4.0",
+  "version": "2.5.0-alpha.0",
   "publishConfig": {
     "access": "public"
   },
@@ -25,12 +25,12 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.4.0",
-    "@opentiny/tiny-engine-utils": "2.4.0",
+    "@opentiny/tiny-engine-common": "2.5.0-alpha.0",
+    "@opentiny/tiny-engine-utils": "2.5.0-alpha.0",
     "@vueuse/core": "^9.6.0"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.4.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.5.0-alpha.0",
     "@vitejs/plugin-vue": "^5.1.2",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "vite": "^5.4.2"
@@ -39,5 +39,5 @@
     "@opentiny/vue": "^3.20.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "477aa411da11a4f95712e3e5c251d97cae23f4ad"
+  "gitHead": "ae59c82734d79f650c9221cb9702714814b099c8"
 }