@opentiny/tiny-engine-toolbar-lang 2.0.0-alpha.2 → 2.0.0-alpha.3

package/dist/index.js

@@ -1,67 +1,67 @@
 import "./style.css";
-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 _;
-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) {
+import { getCurrentScope as I, onScopeDispose as b, getCurrentInstance as h, onMounted as w, nextTick as y, ref as r, watch as E, resolveComponent as N, openBlock as S, createBlock as B } from "vue";
+import { ToolbarBase as P } 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) {
   return e;
 }
-function M(e) {
+function Q(e) {
   return I() ? (b(e), !0) : !1;
 }
 function C(e, n = !0) {
-  w() ? N(e) : n ? e() : E(e);
+  h() ? w(e) : n ? e() : y(e);
 }
-const A = h ? window : void 0;
-function V(e, n = !1) {
+const x = O ? window : void 0;
+function k(e, n = !1) {
   const t = r(), a = () => t.value = !!e();
   return a(), C(a, n), t;
 }
-const U = (e) => {
+const A = (e) => {
   const {
     name: n,
-    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;
+    window: t = x
+  } = e, a = k(() => t && "BroadcastChannel" in t), o = r(!1), s = r(), u = r(), i = r(null), m = (l) => {
+    s.value && s.value.postMessage(l);
+  }, c = () => {
+    s.value && s.value.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;
+    i.value = null, s.value = new BroadcastChannel(n), s.value.addEventListener("message", (l) => {
+      u.value = l.data;
+    }, { passive: !0 }), s.value.addEventListener("messageerror", (l) => {
+      i.value = l;
+    }, { passive: !0 }), s.value.addEventListener("close", () => {
+      o.value = !0;
     });
-  }), M(() => {
-    d();
+  }), Q(() => {
+    c();
   }), {
     isSupported: a,
-    channel: o,
-    data: l,
-    post: c,
-    close: d,
-    error: u,
-    isClosed: s
+    channel: s,
+    data: u,
+    post: m,
+    close: c,
+    error: i,
+    isClosed: o
   };
-}, 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;
+}, 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;
 (function(e) {
   e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(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) => {
+})(f || (f = {}));
+var U = Object.defineProperty, _ = Object.getOwnPropertySymbols, j = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable, g = (e, n, t) => n in e ? U(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, D = (e, n) => {
   for (var t in n || (n = {}))
-    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]);
+    j.call(n, t) && g(e, t, n[t]);
+  if (_)
+    for (var t of _(n))
+      z.call(n, t) && g(e, t, n[t]);
   return e;
 };
-const W = {
+const H = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -87,33 +87,34 @@ const W = {
   easeOutBack: [0.34, 1.56, 0.64, 1],
   easeInOutBack: [0.68, -0.6, 0.32, 1.6]
 };
-R({
-  linear: k
-}, W);
-const j = (e, n) => {
+D({
+  linear: L
+}, H);
+const M = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [a, s] of n)
-    t[a] = s;
+  for (const [a, o] of n)
+    t[a] = o;
   return t;
-}, { BROADCAST_CHANNEL: F } = Q, G = {
+}, { BROADCAST_CHANNEL: R } = T, V = {
   components: {
-    TinyPopover: T
+    ToolbarBase: P
   },
   props: {
     langChannel: {
       type: String,
-      default: F.CanvasLang
+      default: R.CanvasLang
+    },
+    options: {
+      type: Object,
+      default: () => ({})
     }
   },
   setup(e) {
-    const n = r("zh_CN"), { post: t, data: a } = U({ name: e.langChannel });
-    S(a, () => {
+    const n = r("zh_CN"), { post: t, data: a } = A({ name: e.langChannel });
+    E(a, () => {
       n.value = a.value;
     });
-    const s = {
-      zh_CN: "cn",
-      en_US: "en"
-    }, o = [
+    const o = [
       {
         value: "zh_CN",
         label: "中文"
@@ -124,52 +125,39 @@ const j = (e, n) => {
       }
     ];
     return {
-      options: o,
+      langOptions: o,
       langVal: n,
       changeLang: () => {
         n.value = n.value === o[0].value ? o[1].value : o[0].value, t(n.value);
-      },
-      langSvgIconNameMap: s
+      }
     };
   }
-}, 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": "",
+};
+function W(e, n, t, a, o, s) {
+  const u = N("toolbar-base");
+  return S(), B(u, {
     content: "画布中英文切换",
-    disabled: !0
-  }, {
-    reference: x(() => [
-      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
-  });
+    icon: t.options.icon[a.langVal],
+    options: t.options,
+    onClickApi: a.changeLang
+  }, null, 8, ["icon", "options", "onClickApi"]);
 }
-const J = /* @__PURE__ */ j(G, [["render", q], ["__scopeId", "data-v-29565dbb"]]), X = {
+const F = /* @__PURE__ */ M(V, [["render", W], ["__scopeId", "data-v-da61134a"]]), G = {
   id: "engine.toolbars.lang",
   type: "toolbars",
   title: "lang",
-  align: "right",
-  icon: "",
-  collapsed: !0,
-  splitLine: !0
-}, ne = {
-  ...X,
-  entry: J
+  options: {
+    icon: {
+      zh_CN: "cn",
+      en_US: "en"
+    },
+    renderType: "icon",
+    collapsed: !0
+  }
+}, Y = {
+  ...G,
+  entry: F
 };
 export {
-  ne as default
+  Y as default
 };

package/dist/style.css

@@ -1 +1 @@
-.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)}
+.change-lang-box svg[data-v-da61134a]{color:var(--ti-lowcode-toolbar-title-color);width:18px;height:18px}.change-lang-box svg[data-v-da61134a]:hover{opacity:.75}.icon[data-v-da61134a]{color:var(--ti-lowcode-toolbar-title-color)}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-lang",
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.3",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
     "build": "vite build"
   },
+  "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "files": [
@@ -24,18 +25,19 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-utils": "2.0.0-alpha.2",
+    "@opentiny/tiny-engine-common": "2.0.0-alpha.3",
+    "@opentiny/tiny-engine-utils": "2.0.0-alpha.3",
     "@vueuse/core": "^9.6.0"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-alpha.2",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.1.0",
-    "vite": "^4.3.7"
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.0.0-alpha.3",
+    "@vitejs/plugin-vue": "^5.1.2",
+    "@vitejs/plugin-vue-jsx": "^4.0.1",
+    "vite": "^5.4.2"
   },
   "peerDependencies": {
     "@opentiny/vue": "^3.14.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "695ecd00f21aa39965a9ddb02590ae274f92cd8e"
+  "gitHead": "20aba1ffa81a1633feec954e3146586193c18f22"
 }