@opentiny/tiny-engine-toolbar-lang 1.0.4 → 2.0.0-alpha.0

package/dist/index.js

@@ -1,67 +1,67 @@
 import "./style.css";
-import { getCurrentScope as C, onScopeDispose as w, getCurrentInstance as I, onMounted as b, nextTick as E, ref as r, watch as N, resolveComponent as p, openBlock as P, createBlock as S, withCtx as x, createElementVNode as B, createVNode as L } from "vue";
+import { getCurrentScope as I, onScopeDispose as b, getCurrentInstance as w, onMounted as N, nextTick as E, ref as r, watch as S, resolveComponent as v, openBlock as P, createBlock as L, withCtx as x, createElementVNode as p, createVNode as B } from "vue";
 import { Popover as T } from "@opentiny/vue";
 import { constants as Q } from "@opentiny/tiny-engine-utils";
-var d;
-const m = typeof window < "u";
-m && ((d = window == null ? void 0 : window.navigator) != null && d.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+var _;
+const h = typeof window < "u";
+h && ((_ = window == null ? void 0 : window.navigator) != null && _.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
 function k(e) {
   return e;
 }
-function A(e) {
-  return C() ? (w(e), !0) : !1;
+function M(e) {
+  return I() ? (b(e), !0) : !1;
 }
-function h(e, n = !0) {
-  I() ? b(e) : n ? e() : E(e);
+function C(e, n = !0) {
+  w() ? N(e) : n ? e() : E(e);
 }
-const V = m ? window : void 0;
-function M(e, n = !1) {
+const A = h ? window : void 0;
+function V(e, n = !1) {
   const t = r(), a = () => t.value = !!e();
-  return a(), h(a, n), t;
+  return a(), C(a, n), t;
 }
-const H = (e) => {
+const U = (e) => {
   const {
     name: n,
-    window: t = V
-  } = e, a = M(() => t && "BroadcastChannel" in t), o = r(!1), s = r(), c = r(), l = r(null), y = (u) => {
-    s.value && s.value.postMessage(u);
-  }, i = () => {
-    s.value && s.value.close(), o.value = !0;
+    window: t = A
+  } = e, a = V(() => t && "BroadcastChannel" in t), s = r(!1), o = r(), l = r(), u = r(null), c = (i) => {
+    o.value && o.value.postMessage(i);
+  }, d = () => {
+    o.value && o.value.close(), s.value = !0;
   };
-  return a.value && h(() => {
-    l.value = null, s.value = new BroadcastChannel(n), s.value.addEventListener("message", (u) => {
-      c.value = u.data;
-    }, { passive: !0 }), s.value.addEventListener("messageerror", (u) => {
-      l.value = u;
-    }, { passive: !0 }), s.value.addEventListener("close", () => {
-      o.value = !0;
+  return a.value && C(() => {
+    u.value = null, o.value = new BroadcastChannel(n), o.value.addEventListener("message", (i) => {
+      l.value = i.data;
+    }, { passive: !0 }), o.value.addEventListener("messageerror", (i) => {
+      u.value = i;
+    }, { passive: !0 }), o.value.addEventListener("close", () => {
+      s.value = !0;
     });
-  }), A(() => {
-    i();
+  }), M(() => {
+    d();
   }), {
     isSupported: a,
-    channel: s,
-    data: c,
-    post: y,
-    close: i,
-    error: l,
-    isClosed: o
+    channel: o,
+    data: l,
+    post: c,
+    close: d,
+    error: u,
+    isClosed: s
   };
-}, v = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, _ = "__vueuse_ssr_handlers__";
-v[_] = v[_] || {};
-var f;
+}, g = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, f = "__vueuse_ssr_handlers__";
+g[f] = g[f] || {};
+var O;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(f || (f = {}));
-var R = Object.defineProperty, g = Object.getOwnPropertySymbols, U = Object.prototype.hasOwnProperty, W = Object.prototype.propertyIsEnumerable, O = (e, n, t) => n in e ? R(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, j = (e, n) => {
+})(O || (O = {}));
+var z = Object.defineProperty, m = Object.getOwnPropertySymbols, D = Object.prototype.hasOwnProperty, H = Object.prototype.propertyIsEnumerable, y = (e, n, t) => n in e ? z(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, R = (e, n) => {
   for (var t in n || (n = {}))
-    U.call(n, t) && O(e, t, n[t]);
-  if (g)
-    for (var t of g(n))
-      W.call(n, t) && O(e, t, n[t]);
+    D.call(n, t) && y(e, t, n[t]);
+  if (m)
+    for (var t of m(n))
+      H.call(n, t) && y(e, t, n[t]);
   return e;
 };
-const z = {
+const W = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -87,13 +87,13 @@ const z = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-j({
+R({
   linear: k
-}, z);
-const D = (e, n) => {
+}, W);
+const j = (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;
 }, { BROADCAST_CHANNEL: F } = Q, G = {
   components: {
@@ -106,11 +106,14 @@ const D = (e, n) => {
     }
   },
   setup(e) {
-    const n = r("zh_CN"), { post: t, data: a } = H({ name: e.langChannel });
-    N(a, () => {
+    const n = r("zh_CN"), { post: t, data: a } = U({ name: e.langChannel });
+    S(a, () => {
       n.value = a.value;
     });
-    const o = [
+    const s = {
+      zh_CN: "cn",
+      en_US: "en"
+    }, o = [
       {
         value: "zh_CN",
         label: "中文"
@@ -125,37 +128,48 @@ const D = (e, n) => {
       langVal: n,
       changeLang: () => {
         n.value = n.value === o[0].value ? o[1].value : o[0].value, t(n.value);
-      }
+      },
+      langSvgIconNameMap: s
     };
   }
-}, K = { class: "icon" };
-function $(e, n, t, a, o, s) {
-  const c = p("svg-icon"), l = p("tiny-popover");
-  return P(), S(l, {
+}, K = { class: "icon-hides" };
+function q(e, n, t, a, s, o) {
+  const l = v("svg-icon"), u = v("tiny-popover");
+  return P(), L(u, {
     trigger: "hover",
     "open-delay": 1e3,
     "popper-class": "toolbar-right-popover",
     "append-to-body": "",
-    content: "画布中英文切换"
+    content: "画布中英文切换",
+    disabled: !0
   }, {
     reference: x(() => [
-      B("span", K, [
-        L(c, {
-          name: a.langVal === a.options[0].value ? "cn" : "en",
-          onClick: a.changeLang
-        }, null, 8, ["name", "onClick"])
+      p("div", {
+        onClick: n[0] || (n[0] = (...c) => a.changeLang && a.changeLang(...c))
+      }, [
+        p("span", K, [
+          B(l, {
+            name: a.langSvgIconNameMap[a.langVal]
+          }, null, 8, ["name"])
+        ]),
+        n[1] || (n[1] = p("span", { class: "operate-title" }, "中英文切换", -1))
       ])
     ]),
     _: 1
   });
 }
-const q = /* @__PURE__ */ D(G, [["render", $], ["__scopeId", "data-v-a2e440c1"]]), ee = {
-  id: "lang",
+const J = /* @__PURE__ */ j(G, [["render", q], ["__scopeId", "data-v-29565dbb"]]), X = {
+  id: "engine.toolbars.lang",
+  type: "toolbars",
   title: "lang",
-  icon: "",
   align: "right",
-  component: q
+  icon: "",
+  collapsed: !0,
+  splitLine: !0
+}, ne = {
+  ...X,
+  entry: J
 };
 export {
-  ee as default
+  ne as default
 };

package/dist/style.css

@@ -1 +1 @@
-.change-lang-box svg[data-v-a2e440c1]{color:var(--ti-lowcode-toolbar-title-color);width:18px;height:18px}.change-lang-box svg[data-v-a2e440c1]:hover{opacity:.75}.icon[data-v-a2e440c1]{color:var(--ti-lowcode-toolbar-title-color)}
+.change-lang-box svg[data-v-29565dbb]{color:var(--ti-lowcode-toolbar-title-color);width:18px;height:18px}.change-lang-box svg[data-v-29565dbb]:hover{opacity:.75}.icon[data-v-29565dbb]{color:var(--ti-lowcode-toolbar-title-color)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-lang",
-  "version": "1.0.4",
+  "version": "2.0.0-alpha.0",
   "publishConfig": {
     "access": "public"
   },
@@ -24,17 +24,18 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-utils": "1.0.4",
-    "@opentiny/vue": "~3.10.0",
+    "@opentiny/tiny-engine-utils": "2.0.0-alpha.0",
     "@vueuse/core": "^9.6.0"
   },
   "devDependencies": {
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-alpha.0",
     "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^1.3.10",
+    "@vitejs/plugin-vue-jsx": "^3.1.0",
     "vite": "^4.3.7"
   },
   "peerDependencies": {
+    "@opentiny/vue": "^3.14.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "9a6cce3988accb39c97a9a21169c022c65a8e27f"
+  "gitHead": "facaf97a64b792f5c78d4da76b703b2a5394996a"
 }