@opentiny/tiny-engine-toolbar-view-setting 2.6.1 → 2.7.0-alpha.0

package/dist/index.js

@@ -1,66 +1,79 @@
-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) {
+import { callEntry as T } from "@opentiny/tiny-engine-meta-register";
+import { getCurrentInstance as M, onMounted as V, nextTick as x, getCurrentScope as B, onScopeDispose as N, ref as u, watch as P, computed as A, resolveComponent as Q, createBlock as k, openBlock as L } from "vue";
+import { ToolbarBase as p } from "@opentiny/tiny-engine-common";
+import { constants as y } from "@opentiny/tiny-engine-utils";
+const R = {
+  id: "engine.toolbars.viewSetting",
+  type: "toolbars",
+  title: "viewSetting",
+  options: {
+    icon: {
+      default: "routerview"
+    },
+    renderType: "icon",
+    collapsed: !0
+  }
+};
+var v;
+const E = typeof window < "u";
+E && ((v = window == null ? void 0 : window.navigator) != null && v.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
+function D(e) {
   return e;
 }
-function A(e) {
-  return E() ? (h(e), !0) : !1;
+function W(e) {
+  return B() ? (N(e), !0) : !1;
 }
-function g(e, n = !0) {
-  b() ? C(e) : n ? e() : y(e);
+function h(e, n = !0) {
+  M() ? V(e) : n ? e() : x(e);
 }
-const Q = w ? window : void 0;
-function k(e, n = !1) {
+const j = E ? window : void 0;
+function G(e, n = !1) {
   const t = u(), o = () => t.value = !!e();
-  return o(), g(o, n), t;
+  return o(), h(o, n), t;
 }
-const L = (e) => {
+const f = (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 = () => {
+    window: t = j
+  } = e, o = G(() => t && "BroadcastChannel" in t), s = u(!1), a = u(), r = u(), l = u(null), S = (i) => {
+    a.value && a.value.postMessage(i);
+  }, d = () => {
     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;
+  return o.value && h(() => {
+    l.value = null, a.value = new BroadcastChannel(n), a.value.addEventListener("message", (i) => {
+      r.value = i.data;
+    }, { passive: !0 }), a.value.addEventListener("messageerror", (i) => {
+      l.value = i;
     }, { passive: !0 }), a.value.addEventListener("close", () => {
       s.value = !0;
     });
-  }), A(() => {
-    c();
+  }), W(() => {
+    d();
   }), {
     isSupported: o,
     channel: a,
     data: r,
-    post: I,
-    close: c,
-    error: i,
+    post: S,
+    close: d,
+    error: l,
     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;
+}, _ = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, O = "__vueuse_ssr_handlers__";
+_[O] = _[O] || {};
+var w;
 (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) => {
+})(w || (w = {}));
+var H = Object.defineProperty, g = Object.getOwnPropertySymbols, U = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable, m = (e, n, t) => n in e ? H(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t, K = (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]);
+    U.call(n, t) && m(e, t, n[t]);
+  if (g)
+    for (var t of g(n))
+      F.call(n, t) && m(e, t, n[t]);
   return e;
 };
-const G = {
+const Y = {
   easeInSine: [0.12, 0, 0.39, 0],
   easeOutSine: [0.61, 1, 0.88, 1],
   easeInOutSine: [0.37, 0, 0.63, 1],
@@ -86,20 +99,23 @@ const G = {
   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) || "";
+K({
+  linear: D
+}, Y);
+const {
+  BROADCAST_CHANNEL: b,
+  CANVAS_ROUTER_VIEW_SETTING_VIEW_MODE_KEY: c
+} = y;
+function I() {
+  const e = localStorage.getItem(c) || "";
   return ["embedded", "standalone"].includes(e) ? e : "embedded";
 }
-function F(e) {
-  localStorage.setItem(m, e);
+function C(e) {
+  localStorage.setItem(c, e);
 }
-const K = {
+const q = {
   components: {
-    ToolbarBase: N
+    ToolbarBase: p
   },
   props: {
     options: {
@@ -108,62 +124,74 @@ const K = {
     }
   },
   setup() {
-    const e = u(U()), { post: n, data: t } = L({ name: H.CanvasRouterViewSetting });
-    S(t, () => {
+    const e = u(I()), {
+      post: n,
+      data: t
+    } = f({
+      name: b.CanvasRouterViewSetting
+    });
+    P(t, () => {
       e.value = t.value;
     });
-    const o = [
-      {
-        value: "embedded",
-        label: "嵌套视图"
+    const o = [{
+      value: "embedded",
+      label: "嵌套视图"
+    }, {
+      value: "standalone",
+      label: "单页视图"
+    }], s = A(() => o.find(({
+      value: r
+    }) => r !== e.value) || o[1]), a = T(() => {
+      e.value = e.value === o[0].value ? o[1].value : o[0].value, C(e.value), n({
+        viewMode: e.value
+      });
+    }, {
+      metaData: {
+        id: "engine.toolbars.view-setting.Main.changeViewMode"
       },
-      {
-        value: "standalone",
-        label: "单页视图"
-      }
-    ], s = T(
-      () => o.find(({ value: r }) => r !== e.value) || o[1]
-    );
+      ctx: () => ({
+        viewMode: e,
+        post: n,
+        data: t,
+        viewModeOptions: o,
+        nextViewMode: s,
+        changeViewMode: a,
+        useBroadcastChannel: f,
+        ToolbarBase: p,
+        constants: y,
+        BROADCAST_CHANNEL: b,
+        CANVAS_ROUTER_VIEW_SETTING_VIEW_MODE_KEY: c,
+        getCacheValue: I,
+        setCacheValue: C
+      })
+    });
     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 });
-      },
+      changeViewMode: a,
       nextViewMode: s
     };
   }
-}, Y = (e, n) => {
+}, z = (e, n) => {
   const t = e.__vccOpts || e;
   for (const [o, s] of n)
     t[o] = s;
   return t;
 };
-function q(e, n, t, o, s, a) {
-  const r = M("toolbar-base");
-  return B(), V(r, {
+function J(e, n, t, o, s, a) {
+  const r = Q("toolbar-base");
+  return L(), k(r, {
     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 = {
-  id: "engine.toolbars.viewSetting",
-  type: "toolbars",
-  title: "viewSetting",
-  options: {
-    icon: {
-      default: "routerview"
-    },
-    renderType: "icon",
-    collapsed: !0
-  }
-}, ee = {
-  ...J,
-  entry: z
+const X = /* @__PURE__ */ z(q, [["render", J]]), ne = {
+  ...R,
+  entry: X
 };
 export {
-  ee as default
+  ne as default
 };
 //# sourceMappingURL=index.js.map