@opentiny/tiny-engine-toolbar-view-setting 2.5.0 → 2.6.0-alpha.0

package/dist/index.js

@@ -1,105 +1,18 @@
-import { getCurrentInstance as b, onMounted as C, nextTick as y, getCurrentScope as E, onScopeDispose as h, ref as u, watch as S, computed as T, resolveComponent as M, createBlock as V, openBlock as B } from "vue";
-import { ToolbarBase as N } from "@opentiny/tiny-engine-common";
-import { constants as P } from "@opentiny/tiny-engine-utils";
-var d;
-const w = typeof window < "u";
-w && ((d = window == null ? void 0 : window.navigator) != null && d.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function x(e) {
-  return e;
-}
-function A(e) {
-  return E() ? (h(e), !0) : !1;
-}
-function g(e, n = !0) {
-  b() ? C(e) : n ? e() : y(e);
-}
-const Q = w ? window : void 0;
-function k(e, n = !1) {
-  const t = u(), o = () => t.value = !!e();
-  return o(), g(o, n), t;
-}
-const L = (e) => {
-  const {
-    name: n,
-    window: t = Q
-  } = e, o = k(() => t && "BroadcastChannel" in t), s = u(!1), a = u(), r = u(), i = u(null), I = (l) => {
-    a.value && a.value.postMessage(l);
-  }, c = () => {
-    a.value && a.value.close(), s.value = !0;
-  };
-  return o.value && g(() => {
-    i.value = null, a.value = new BroadcastChannel(n), a.value.addEventListener("message", (l) => {
-      r.value = l.data;
-    }, { passive: !0 }), a.value.addEventListener("messageerror", (l) => {
-      i.value = l;
-    }, { passive: !0 }), a.value.addEventListener("close", () => {
-      s.value = !0;
-    });
-  }), A(() => {
-    c();
-  }), {
-    isSupported: o,
-    channel: a,
-    data: r,
-    post: I,
-    close: c,
-    error: i,
-    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;
-(function(e) {
-  e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(f || (f = {}));
-var R = Object.defineProperty, _ = Object.getOwnPropertySymbols, W = Object.prototype.hasOwnProperty, D = 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 = {}))
-    W.call(n, t) && O(e, t, n[t]);
-  if (_)
-    for (var t of _(n))
-      D.call(n, t) && O(e, t, n[t]);
-  return e;
-};
-const G = {
-  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: x
-}, G);
-const { BROADCAST_CHANNEL: H, CANVAS_ROUTER_VIEW_SETTING_VIEW_MODE_KEY: m } = P;
-function U() {
-  const e = localStorage.getItem(m) || "";
+import { ref as s, watch as r, computed as d, resolveComponent as u, createBlock as p, openBlock as v } from "vue";
+import { useBroadcastChannel as m } from "@vueuse/core";
+import { ToolbarBase as _ } from "@opentiny/tiny-engine-common";
+import { constants as f } from "@opentiny/tiny-engine-utils";
+const { BROADCAST_CHANNEL: b, CANVAS_ROUTER_VIEW_SETTING_VIEW_MODE_KEY: i } = f;
+function w() {
+  const e = localStorage.getItem(i) || "";
   return ["embedded", "standalone"].includes(e) ? e : "embedded";
 }
-function F(e) {
-  localStorage.setItem(m, e);
+function g(e) {
+  localStorage.setItem(i, e);
 }
-const K = {
+const V = {
   components: {
-    ToolbarBase: N
+    ToolbarBase: _
   },
   props: {
     options: {
@@ -108,8 +21,8 @@ const K = {
     }
   },
   setup() {
-    const e = u(U()), { post: n, data: t } = L({ name: H.CanvasRouterViewSetting });
-    S(t, () => {
+    const e = s(w()), { post: n, data: t } = m({ name: b.CanvasRouterViewSetting });
+    r(t, () => {
       e.value = t.value;
     });
     const o = [
@@ -121,34 +34,34 @@ const K = {
         value: "standalone",
         label: "单页视图"
       }
-    ], s = T(
-      () => o.find(({ value: r }) => r !== e.value) || o[1]
+    ], a = d(
+      () => o.find(({ value: c }) => c !== e.value) || o[1]
     );
     return {
       viewModeOptions: o,
       viewMode: e,
       changeViewMode: () => {
-        e.value = e.value === o[0].value ? o[1].value : o[0].value, F(e.value), n({ viewMode: e.value });
+        e.value = e.value === o[0].value ? o[1].value : o[0].value, g(e.value), n({ viewMode: e.value });
       },
-      nextViewMode: s
+      nextViewMode: a
     };
   }
-}, Y = (e, n) => {
+}, C = (e, n) => {
   const t = e.__vccOpts || e;
-  for (const [o, s] of n)
-    t[o] = s;
+  for (const [o, a] of n)
+    t[o] = a;
   return t;
 };
-function q(e, n, t, o, s, a) {
-  const r = M("toolbar-base");
-  return B(), V(r, {
+function M(e, n, t, o, a, l) {
+  const c = u("toolbar-base");
+  return v(), p(c, {
     content: `切换到${o.nextViewMode.label}`,
     icon: t.options.icon.default || t.options.icon,
     options: t.options,
     onClickApi: o.changeViewMode
   }, null, 8, ["content", "icon", "options", "onClickApi"]);
 }
-const z = /* @__PURE__ */ Y(K, [["render", q]]), J = {
+const h = /* @__PURE__ */ C(V, [["render", M]]), S = {
   id: "engine.toolbars.viewSetting",
   type: "toolbars",
   title: "viewSetting",
@@ -159,10 +72,11 @@ const z = /* @__PURE__ */ Y(K, [["render", q]]), J = {
     renderType: "icon",
     collapsed: !0
   }
-}, ee = {
-  ...J,
-  entry: z
+}, T = {
+  ...S,
+  entry: h
 };
 export {
-  ee as default
+  T 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=\"`切换到${nextViewMode.label}`\"\n    :icon=\"options.icon.default || options.icon\"\n    :options=\"options\"\n    @click-api=\"changeViewMode\"\n  >\n  </toolbar-base>\n</template>\n\n<script lang=\"ts\">\nimport { computed, 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, CANVAS_ROUTER_VIEW_SETTING_VIEW_MODE_KEY } = constants\n\nfunction getCacheValue() {\n  const value = localStorage.getItem(CANVAS_ROUTER_VIEW_SETTING_VIEW_MODE_KEY) || ''\n  if (!['embedded', 'standalone'].includes(value)) {\n    return 'embedded'\n  }\n  return value\n}\nfunction setCacheValue(value: string) {\n  localStorage.setItem(CANVAS_ROUTER_VIEW_SETTING_VIEW_MODE_KEY, value)\n}\n\nexport default {\n  components: {\n    ToolbarBase\n  },\n  props: {\n    options: {\n      type: Object,\n      default: () => ({})\n    }\n  },\n  setup() {\n    const viewMode = ref(getCacheValue())\n    const { post, data } = useBroadcastChannel({ name: BROADCAST_CHANNEL.CanvasRouterViewSetting })\n    watch(data, () => {\n      viewMode.value = data.value\n    })\n\n    const viewModeOptions = [\n      {\n        value: 'embedded',\n        label: '嵌套视图'\n      },\n      {\n        value: 'standalone',\n        label: '单页视图'\n      }\n    ]\n\n    const nextViewMode = computed(\n      () => viewModeOptions.find(({ value }) => value !== viewMode.value) || viewModeOptions[1]\n    )\n\n    const changeViewMode = () => {\n      viewMode.value = viewMode.value === viewModeOptions[0].value ? viewModeOptions[1].value : viewModeOptions[0].value\n      setCacheValue(viewMode.value)\n      post({ viewMode: viewMode.value })\n    }\n    return {\n      viewModeOptions,\n      viewMode,\n      changeViewMode,\n      nextViewMode\n    }\n  }\n}\n</script>\n","export default {\n  id: 'engine.toolbars.viewSetting',\n  type: 'toolbars',\n  title: 'viewSetting',\n  options: {\n    icon: {\n      default: 'routerview'\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'\n\nexport default {\n  ...metaData,\n  entry\n}\n"],"names":["BROADCAST_CHANNEL","CANVAS_ROUTER_VIEW_SETTING_VIEW_MODE_KEY","constants","getCacheValue","value","setCacheValue","_sfc_main","ToolbarBase","viewMode","ref","post","data","useBroadcastChannel","watch","viewModeOptions","nextViewMode","computed","_createBlock","_component_toolbar_base","$setup","$props","metaData","index","entry"],"mappings":";;;;AAiBA,MAAM,EAAE,mBAAAA,GAAmB,0CAAAC,EAAA,IAA6CC;AAExE,SAASC,IAAgB;AACvB,QAAMC,IAAQ,aAAa,QAAQH,CAAwC,KAAK;AAChF,SAAK,CAAC,YAAY,YAAY,EAAE,SAASG,CAAK,IAGvCA,IAFE;AAGX;AACA,SAASC,EAAcD,GAAe;AACvB,eAAA,QAAQH,GAA0CG,CAAK;AACtE;AAEA,MAAeE,IAAA;AAAA,EACb,YAAY;AAAA,IACV,aAAAC;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,OAAO,CAAC;AAAA,IAAA;AAAA,EAErB;AAAA,EACA,QAAQ;AACA,UAAAC,IAAWC,EAAIN,GAAe,GAC9B,EAAE,MAAAO,GAAM,MAAAC,MAASC,EAAoB,EAAE,MAAMZ,EAAkB,yBAAyB;AAC9F,IAAAa,EAAMF,GAAM,MAAM;AAChB,MAAAH,EAAS,QAAQG,EAAK;AAAA,IAAA,CACvB;AAED,UAAMG,IAAkB;AAAA,MACtB;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IAEX,GAEMC,IAAeC;AAAA,MACnB,MAAMF,EAAgB,KAAK,CAAC,EAAE,OAAAV,EAAA,MAAYA,MAAUI,EAAS,KAAK,KAAKM,EAAgB,CAAC;AAAA,IAC1F;AAOO,WAAA;AAAA,MACL,iBAAAA;AAAA,MACA,UAAAN;AAAA,MACA,gBARqB,MAAM;AAC3B,QAAAA,EAAS,QAAQA,EAAS,UAAUM,EAAgB,CAAC,EAAE,QAAQA,EAAgB,CAAC,EAAE,QAAQA,EAAgB,CAAC,EAAE,OAC7GT,EAAcG,EAAS,KAAK,GAC5BE,EAAK,EAAE,UAAUF,EAAS,MAAA,CAAO;AAAA,MACnC;AAAA,MAKE,cAAAO;AAAA,IACF;AAAA,EAAA;AAEJ;;;;;;;;cAzEEE,EAMeC,GAAA;AAAA,IALZ,SAAO,MAAQC,EAAA,aAAa,KAAK;AAAA,IACjC,MAAMC,EAAA,QAAQ,KAAK,WAAWA,EAAQ,QAAA;AAAA,IACtC,SAASA,EAAA;AAAA,IACT,YAAWD,EAAA;AAAA,EAAA,GAAA,MAAA,GAAA,CAAA,WAAA,QAAA,WAAA,YAAA,CAAA;;iDCLDE,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,GCIeC,IAAA;AAAA,EACb,GAAGD;AAAA,EACH,OAAAE;AACF;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-view-setting",
-  "version": "2.5.0",
+  "version": "2.6.0-alpha.0",
   "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.0",
+    "@opentiny/tiny-engine-utils": "2.6.0-alpha.0",
     "@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.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": "db1033835ed51b30398716070cc73e7ac985b3f3"
+  "gitHead": "91ddb45772ee61d827b3ae02a97d3dc9cd599029"
 }