@opentiny/tiny-engine-toolbar-view-setting 2.4.0 → 2.5.0-alpha.1

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 r, 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 M } from "@opentiny/tiny-engine-meta-register";
+import { getCurrentInstance as V, onMounted as x, nextTick as B, getCurrentScope as N, onScopeDispose as P, ref as u, watch as A, computed as Q, resolveComponent as k, createBlock as L, openBlock as R } from "vue";
+import { ToolbarBase as p } from "@opentiny/tiny-engine-common";
+import { constants as y } from "@opentiny/tiny-engine-utils";
+const E = {
+  id: "engine.toolbars.viewSetting",
+  type: "toolbars",
+  title: "viewSetting",
+  options: {
+    icon: {
+      default: "routerview"
+    },
+    renderType: "icon",
+    collapsed: !0
+  }
+};
+var v;
+const h = typeof window < "u";
+h && ((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 N() ? (P(e), !0) : !1;
 }
-function g(e, n = !0) {
-  b() ? C(e) : n ? e() : y(e);
+function S(e, n = !0) {
+  V() ? x(e) : n ? e() : B(e);
 }
-const Q = w ? window : void 0;
-function k(e, n = !1) {
-  const t = r(), o = () => t.value = !!e();
-  return o(), g(o, n), t;
+const j = h ? window : void 0;
+function G(e, n = !1) {
+  const t = u(), o = () => t.value = !!e();
+  return o(), S(o, n), t;
 }
-const L = (e) => {
+const f = (e) => {
   const {
     name: n,
-    window: t = Q
-  } = e, o = k(() => t && "BroadcastChannel" in t), s = r(!1), a = r(), u = r(), i = r(null), I = (l) => {
+    window: t = j
+  } = e, o = G(() => t && "BroadcastChannel" in t), s = u(!1), a = u(), r = u(), i = u(null), T = (l) => {
     a.value && a.value.postMessage(l);
-  }, c = () => {
+  }, d = () => {
     a.value && a.value.close(), s.value = !0;
   };
-  return o.value && g(() => {
+  return o.value && S(() => {
     i.value = null, a.value = new BroadcastChannel(n), a.value.addEventListener("message", (l) => {
-      u.value = l.data;
+      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();
+  }), W(() => {
+    d();
   }), {
     isSupported: o,
     channel: a,
-    data: u,
-    post: I,
-    close: c,
+    data: r,
+    post: T,
+    close: d,
     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;
+}, _ = 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: I,
+  CANVAS_ROUTER_VIEW_SETTING_VIEW_MODE_KEY: c
+} = y;
+function b() {
+  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 $ = {
   components: {
-    ToolbarBase: N
+    ToolbarBase: p
   },
   props: {
     options: {
@@ -108,61 +124,73 @@ const K = {
     }
   },
   setup() {
-    const e = r(U()), { post: n, data: t } = L({ name: H.CanvasRouterViewSetting });
-    S(t, () => {
+    const e = u(b()), {
+      post: n,
+      data: t
+    } = f({
+      name: I.CanvasRouterViewSetting
+    });
+    A(t, () => {
       e.value = t.value;
     });
-    const o = [
-      {
-        value: "embedded",
-        label: "嵌套视图"
+    const o = [{
+      value: "embedded",
+      label: "嵌套视图"
+    }, {
+      value: "standalone",
+      label: "单页视图"
+    }], s = Q(() => o.find(({
+      value: r
+    }) => r !== e.value) || o[1]), a = M(() => {
+      e.value = e.value === o[0].value ? o[1].value : o[0].value, C(e.value), n({
+        viewMode: e.value
+      });
+    }, {
+      metaData: {
+        id: `${E.id}.changeViewMode`
       },
-      {
-        value: "standalone",
-        label: "单页视图"
-      }
-    ], s = T(
-      () => o.find(({ value: u }) => u !== 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: I,
+        CANVAS_ROUTER_VIEW_SETTING_VIEW_MODE_KEY: c,
+        getCacheValue: b,
+        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) => {
+}, q = (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 u = M("toolbar-base");
-  return B(), V(u, {
+function z(e, n, t, o, s, a) {
+  const r = k("toolbar-base");
+  return R(), L(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 J = /* @__PURE__ */ q($, [["render", z]]), ne = {
+  ...E,
+  entry: J
 };
 export {
-  ee as default
+  ne as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-engine-toolbar-view-setting",
-  "version": "2.4.0",
+  "version": "2.5.0-alpha.1",
   "publishConfig": {
     "access": "public"
   },
@@ -25,12 +25,13 @@
   "license": "MIT",
   "homepage": "https://opentiny.design/tiny-engine",
   "dependencies": {
-    "@opentiny/tiny-engine-common": "2.4.0",
-    "@opentiny/tiny-engine-utils": "2.4.0",
+    "@opentiny/tiny-engine-common": "2.5.0-alpha.1",
+    "@opentiny/tiny-engine-meta-register": "2.5.0-alpha.1",
+    "@opentiny/tiny-engine-utils": "2.5.0-alpha.1",
     "@vueuse/core": "^9.6.0"
   },
   "devDependencies": {
-    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.4.0",
+    "@opentiny/tiny-engine-vite-plugin-meta-comments": "2.5.0-alpha.1",
     "@vitejs/plugin-vue": "^5.1.2",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "vite": "^5.4.2"
@@ -39,5 +40,5 @@
     "@opentiny/vue": "^3.20.0",
     "vue": "^3.4.15"
   },
-  "gitHead": "477aa411da11a4f95712e3e5c251d97cae23f4ad"
+  "gitHead": "018ca6054f72ee559f0d3ca4dfcbeef4fb411e01"
 }