@opentiny/tiny-engine-toolbar-lang 1.0.1

package/dist/index.js

@@ -0,0 +1,161 @@
+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 { 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);
+function k(e) {
+  return e;
+}
+function A(e) {
+  return C() ? (w(e), !0) : !1;
+}
+function h(e, n = !0) {
+  I() ? b(e) : n ? e() : E(e);
+}
+const V = m ? window : void 0;
+function M(e, n = !1) {
+  const t = r(), a = () => t.value = !!e();
+  return a(), h(a, n), t;
+}
+const H = (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;
+  };
+  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;
+    });
+  }), A(() => {
+    i();
+  }), {
+    isSupported: a,
+    channel: s,
+    data: c,
+    post: y,
+    close: i,
+    error: l,
+    isClosed: o
+  };
+}, v = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, _ = "__vueuse_ssr_handlers__";
+v[_] = v[_] || {};
+var f;
+(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) => {
+  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]);
+  return e;
+};
+const z = {
+  easeInSine: [0.12, 0, 0.39, 0],
+  easeOutSine: [0.61, 1, 0.88, 1],
+  easeInOutSine: [0.37, 0, 0.63, 1],
+  easeInQuad: [0.11, 0, 0.5, 0],
+  easeOutQuad: [0.5, 1, 0.89, 1],
+  easeInOutQuad: [0.45, 0, 0.55, 1],
+  easeInCubic: [0.32, 0, 0.67, 0],
+  easeOutCubic: [0.33, 1, 0.68, 1],
+  easeInOutCubic: [0.65, 0, 0.35, 1],
+  easeInQuart: [0.5, 0, 0.75, 0],
+  easeOutQuart: [0.25, 1, 0.5, 1],
+  easeInOutQuart: [0.76, 0, 0.24, 1],
+  easeInQuint: [0.64, 0, 0.78, 0],
+  easeOutQuint: [0.22, 1, 0.36, 1],
+  easeInOutQuint: [0.83, 0, 0.17, 1],
+  easeInExpo: [0.7, 0, 0.84, 0],
+  easeOutExpo: [0.16, 1, 0.3, 1],
+  easeInOutExpo: [0.87, 0, 0.13, 1],
+  easeInCirc: [0.55, 0, 1, 0.45],
+  easeOutCirc: [0, 0.55, 0.45, 1],
+  easeInOutCirc: [0.85, 0, 0.15, 1],
+  easeInBack: [0.36, 0, 0.66, -0.56],
+  easeOutBack: [0.34, 1.56, 0.64, 1],
+  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
+};
+j({
+  linear: k
+}, z);
+const D = (e, n) => {
+  const t = e.__vccOpts || e;
+  for (const [a, o] of n)
+    t[a] = o;
+  return t;
+}, { BROADCAST_CHANNEL: F } = Q, G = {
+  components: {
+    TinyPopover: T
+  },
+  props: {
+    langChannel: {
+      type: String,
+      default: F.CanvasLang
+    }
+  },
+  setup(e) {
+    const n = r("zh_CN"), { post: t, data: a } = H({ name: e.langChannel });
+    N(a, () => {
+      n.value = a.value;
+    });
+    const o = [
+      {
+        value: "zh_CN",
+        label: "中文"
+      },
+      {
+        value: "en_US",
+        label: "English"
+      }
+    ];
+    return {
+      options: o,
+      langVal: n,
+      changeLang: () => {
+        n.value = n.value === o[0].value ? o[1].value : o[0].value, t(n.value);
+      }
+    };
+  }
+}, K = { class: "icon" };
+function $(e, n, t, a, o, s) {
+  const c = p("svg-icon"), l = p("tiny-popover");
+  return P(), S(l, {
+    trigger: "hover",
+    "open-delay": 1e3,
+    "popper-class": "toolbar-right-popover",
+    "append-to-body": "",
+    content: "画布中英文切换"
+  }, {
+    reference: x(() => [
+      B("span", K, [
+        L(c, {
+          name: a.langVal === a.options[0].value ? "cn" : "en",
+          onClick: a.changeLang
+        }, null, 8, ["name", "onClick"])
+      ])
+    ]),
+    _: 1
+  });
+}
+const q = /* @__PURE__ */ D(G, [["render", $], ["__scopeId", "data-v-a2e440c1"]]), ee = {
+  id: "lang",
+  title: "lang",
+  icon: "",
+  align: "right",
+  component: q
+};
+export {
+  ee as default
+};

package/dist/style.css

@@ -0,0 +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)}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@opentiny/tiny-engine-toolbar-lang",
+  "version": "1.0.1",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@opentiny/tiny-engine-utils": "^1.0.0",
+    "@opentiny/vue": "^3.8.0",
+    "@vueuse/core": "^9.6.0",
+    "vue": "3.2.45"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue-jsx": "^1.3.10",
+    "vite": "^4.3.7"
+  }
+}