@opentiny/tiny-engine-toolbar-lang 2.5.0 → 2.6.0-alpha.1

package/dist/index.js

@@ -1,115 +1,28 @@
 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) {
-  return e;
-}
-function Q(e) {
-  return y() ? (h(e), !0) : !1;
-}
-function C(e, n = !0) {
-  I() ? b(e) : n ? e() : w(e);
-}
-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 A = (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);
-  }, c = () => {
-    s.value && s.value.close(), o.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;
-    });
-  }), Q(() => {
-    c();
-  }), {
-    isSupported: a,
-    channel: s,
-    data: l,
-    post: m,
-    close: c,
-    error: i,
-    isClosed: 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";
-})(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) => {
-  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]);
-  return e;
-};
-const R = {
-  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]
-};
-M({
-  linear: L
-}, R);
-const { BROADCAST_CHANNEL: U } = T, W = {
+import { ref as s, watch as r, resolveComponent as i, createBlock as p, openBlock as u } from "vue";
+import { useBroadcastChannel as _ } from "@vueuse/core";
+import { ToolbarBase as d } from "@opentiny/tiny-engine-common";
+import { constants as g } from "@opentiny/tiny-engine-utils";
+const { BROADCAST_CHANNEL: f } = g, m = {
   components: {
-    ToolbarBase: S
+    ToolbarBase: d
   },
   props: {
     langChannel: {
       type: String,
-      default: U.CanvasLang
+      default: f.CanvasLang
     },
     options: {
       type: Object,
       default: () => ({})
     }
   },
-  setup(e) {
-    const n = r("zh_CN"), { post: t, data: a } = A({ name: e.langChannel });
-    E(a, () => {
-      n.value = a.value;
+  setup(a) {
+    const n = s("zh_CN"), { post: o, data: e } = _({ name: a.langChannel });
+    r(e, () => {
+      n.value = e.value;
     });
-    const o = [
+    const t = [
       {
         value: "zh_CN",
         label: "中文"
@@ -120,29 +33,29 @@ const { BROADCAST_CHANNEL: U } = T, W = {
       }
     ];
     return {
-      langOptions: o,
+      langOptions: t,
       langVal: n,
       changeLang: () => {
-        n.value = n.value === o[0].value ? o[1].value : o[0].value, t(n.value);
+        n.value = n.value === t[0].value ? t[1].value : t[0].value, o(n.value);
       }
     };
   }
-}, z = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [a, o] of n)
-    t[a] = o;
-  return t;
+}, v = (a, n) => {
+  const o = a.__vccOpts || a;
+  for (const [e, t] of n)
+    o[e] = t;
+  return o;
 };
-function F(e, n, t, a, o, s) {
-  const l = B("toolbar-base");
-  return P(), N(l, {
+function h(a, n, o, e, t, l) {
+  const c = i("toolbar-base");
+  return u(), p(c, {
     content: "中英文切换",
-    icon: t.options.icon.default || t.options.icon,
-    options: t.options,
-    onClickApi: a.changeLang
+    icon: o.options.icon.default || o.options.icon,
+    options: o.options,
+    onClickApi: e.changeLang
   }, null, 8, ["icon", "options", "onClickApi"]);
 }
-const G = /* @__PURE__ */ z(W, [["render", F], ["__scopeId", "data-v-d301d175"]]), V = {
+const C = /* @__PURE__ */ v(m, [["render", h], ["__scopeId", "data-v-d301d175"]]), b = {
   id: "engine.toolbars.lang",
   type: "toolbars",
   title: "lang",
@@ -153,10 +66,11 @@ const G = /* @__PURE__ */ z(W, [["render", F], ["__scopeId", "data-v-d301d175"]]
     renderType: "icon",
     collapsed: !0
   }
-}, Y = {
-  ...V,
-  entry: G
+}, x = {
+  ...b,
+  entry: C
 };
 export {
-  Y as default
+  x as default
 };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/Main.vue","../meta.js","../index.ts"],"sourcesContent":["<template>\n  <toolbar-base\n    content=\"中英文切换\"\n    :icon=\"options.icon.default || options.icon\"\n    :options=\"options\"\n    @click-api=\"changeLang\"\n  >\n  </toolbar-base>\n</template>\n\n<script lang=\"ts\">\nimport { ref, watch } from 'vue'\nimport { useBroadcastChannel } from '@vueuse/core'\nimport { ToolbarBase } from '@opentiny/tiny-engine-common'\n\nimport { constants } from '@opentiny/tiny-engine-utils'\n\nconst { BROADCAST_CHANNEL } = constants\n\nexport default {\n  components: {\n    ToolbarBase\n  },\n  props: {\n    langChannel: {\n      type: String,\n      default: BROADCAST_CHANNEL.CanvasLang\n    },\n    options: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  setup(props) {\n    const langVal = ref('zh_CN')\n    const { post, data } = useBroadcastChannel({ name: props.langChannel })\n\n    watch(data, () => {\n      langVal.value = data.value\n    })\n\n    const langOptions = [\n      {\n        value: 'zh_CN',\n        label: '中文'\n      },\n      {\n        value: 'en_US',\n        label: 'English'\n      }\n    ]\n    const changeLang = () => {\n      langVal.value = langVal.value === langOptions[0].value ? langOptions[1].value : langOptions[0].value\n      post(langVal.value)\n    }\n    return {\n      langOptions,\n      langVal,\n      changeLang\n    }\n  }\n}\n</script>\n<style scoped lang=\"less\">\n.change-lang-box {\n  svg {\n    color: var(--te-toolbars-lang-text-color);\n    width: 18px;\n    height: 18px;\n    &:hover {\n      opacity: 0.75;\n    }\n  }\n}\n.icon {\n  color: var(--te-toolbars-lang-icon-color);\n}\n</style>\n","export default {\n  id: 'engine.toolbars.lang',\n  type: 'toolbars',\n  title: 'lang',\n  options: {\n    icon: {\n      default: 'cn-en'\n    },\n    renderType: 'icon',\n    collapsed: true\n  }\n}\n","/**\n * Copyright (c) 2023 - present TinyEngine Authors.\n * Copyright (c) 2023 - present Huawei Cloud Computing Technologies Co., Ltd.\n *\n * Use of this source code is governed by an MIT-style license.\n *\n * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,\n * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR\n * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.\n *\n */\n\nimport entry from './src/Main.vue'\nimport metaData from './meta'\nimport './src/styles/vars.less'\n\nexport default {\n  ...metaData,\n  entry\n}\n"],"names":["BROADCAST_CHANNEL","constants","_sfc_main","ToolbarBase","props","langVal","ref","post","data","useBroadcastChannel","watch","langOptions","_createBlock","_component_toolbar_base","$props","$setup","metaData","index","entry"],"mappings":";;;;;AAiBA,MAAM,EAAE,mBAAAA,EAAsB,IAAAC,GAEfC,IAAA;AAAA,EACb,YAAY;AAAA,IACV,aAAAC;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAASH,EAAkB;AAAA,IAC7B;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IAAA;AAAA,EAErB;AAAA,EACA,MAAMI,GAAO;AACL,UAAAC,IAAUC,EAAI,OAAO,GACrB,EAAE,MAAAC,GAAM,MAAAC,MAASC,EAAoB,EAAE,MAAML,EAAM,aAAa;AAEtE,IAAAM,EAAMF,GAAM,MAAM;AAChB,MAAAH,EAAQ,QAAQG,EAAK;AAAA,IAAA,CACtB;AAED,UAAMG,IAAc;AAAA,MAClB;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IAEX;AAKO,WAAA;AAAA,MACL,aAAAA;AAAA,MACA,SAAAN;AAAA,MACA,YAPiB,MAAM;AACvB,QAAAA,EAAQ,QAAQA,EAAQ,UAAUM,EAAY,CAAC,EAAE,QAAQA,EAAY,CAAC,EAAE,QAAQA,EAAY,CAAC,EAAE,OAC/FJ,EAAKF,EAAQ,KAAK;AAAA,MACpB;AAAA,IAKA;AAAA,EAAA;AAEJ;;;;;;;;cA5DEO,EAMeC,GAAA;AAAA,IALb,SAAQ;AAAA,IACP,MAAMC,EAAA,QAAQ,KAAK,WAAWA,EAAQ,QAAA;AAAA,IACtC,SAASA,EAAA;AAAA,IACT,YAAWC,EAAA;AAAA,EAAA,GAAA,MAAA,GAAA,CAAA,QAAA,WAAA,YAAA,CAAA;;mFCLDC,IAAA;AAAA,EACb,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,OAAO;AAAA,EACP,SAAS;AAAA,IACP,MAAM;AAAA,MACJ,SAAS;AAAA,IACV;AAAA,IACD,YAAY;AAAA,IACZ,WAAW;AAAA,EACf;AACA,GCKeC,IAAA;AAAA,EACb,GAAGD;AAAA,EACH,OAAAE;AACF;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-lang",
-  "version": "2.5.0",
+  "version": "2.6.0-alpha.1",
   "publishConfig": {
     "access": "public"
   },
@@ -25,12 +25,12 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.5.0",
-    "@opentiny/tiny-engine-utils": "2.5.0",
+    "@opentiny/tiny-engine-common": "2.6.0-alpha.1",
+    "@opentiny/tiny-engine-utils": "2.6.0-alpha.1",
     "@vueuse/core": "^9.6.0"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.5.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.6.0-alpha.1",
     "@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": "db1033835ed51b30398716070cc73e7ac985b3f3"
+  "gitHead": "b5693cf65046219d54993c50047b932d96eaf91e"
 }