mamba-layout 0.5.0 → 0.7.0

package/dist/components/index.js

@@ -1,6 +1,10 @@
-import { default as e } from "./UserAvatar/src/UserAvatar.vue.js";
-import { default as o } from "../layout/components/UserInfo.vue.js";
+import { default as a } from "./UserAvatar/src/UserAvatar.vue.js";
+import { default as t } from "../layout/components/LayoutBreadcrumb.vue.js";
+import { default as m } from "../layout/components/TimezoneSelect.vue.js";
+import { default as u } from "../layout/components/UserInfo.vue.js";
 export {
-  e as UserAvatar,
-  o as UserInfo
+  t as LayoutBreadcrumb,
+  m as TimezoneSelect,
+  a as UserAvatar,
+  u as UserInfo
 };

package/dist/index.d.ts

@@ -1,11 +1,8 @@
 export { default as BaseLayout } from './layout/BaseLayout.vue';
-export { default, default as LayoutBreadcrumb, } from './layout/components/LayoutBreadcrumb.vue';
 export * from './layout/hooks/useApp';
-export * from './layout/hooks/useSetting';
 export * from './layout/hooks/useState';
-export * from './layout/hooks/useTheme';
+export { useTheme } from './layout/hooks/useTheme';
 export * from './layout/hooks';
-export * from './layout/utils';
 export * from './components';
 export * from './layout/components';
 export { default as i18n } from './locales';

package/dist/index.js

@@ -1,37 +1,35 @@
 import { default as o } from "./layout/BaseLayout.vue.js";
-import { default as a, default as m } from "./layout/components/LayoutBreadcrumb.vue.js";
-import { useApp as u } from "./layout/hooks/useApp.js";
-import { provideSetting as p, useSetting as i } from "./layout/hooks/useSetting.js";
-import { injectLayoutContext as x, provideLayoutContext as g, useStateHook as y } from "./layout/hooks/useState.js";
-import { initTheme as L, setTheme as l, syncThemeFromSetting as h, toggleTheme as S, useTheme as T } from "./layout/hooks/useTheme.js";
-import { getLayoutLoginPath as C, getLayoutUserCenterPath as v, getQueryString as P, redirectToLayoutLogin as U, setLayoutStyle as A, setPrimaryColor as B } from "./layout/utils/index.js";
-import { default as j } from "./components/UserAvatar/src/UserAvatar.vue.js";
-import { default as F } from "./layout/components/UserInfo.vue.js";
-import { default as I } from "./locales/index.js";
-import { messages as q } from "./locales/messages.js";
+import { useApp as a } from "./layout/hooks/useApp.js";
+import { injectLayoutContext as s, provideLayoutContext as f, useStateHook as p } from "./layout/hooks/useState.js";
+import { applyThemeClass as x, getBrowserPreferredTheme as l, initTheme as n, normalizeTheme as i, resolveTheme as d, setTheme as T, syncThemeFromSetting as h, toggleTheme as g, useTheme as y } from "./layout/hooks/useTheme.js";
+import { provideSetting as c, useSetting as v } from "./layout/hooks/useSetting.js";
+import { default as B } from "./components/UserAvatar/src/UserAvatar.vue.js";
+import { default as z } from "./layout/components/LayoutBreadcrumb.vue.js";
+import { default as U } from "./layout/components/TimezoneSelect.vue.js";
+import { default as j } from "./layout/components/UserInfo.vue.js";
+import { default as w } from "./locales/index.js";
+import { messages as H } from "./locales/messages.js";
 export {
   o as BaseLayout,
-  a as LayoutBreadcrumb,
-  j as UserAvatar,
-  F as UserInfo,
-  m as default,
-  C as getLayoutLoginPath,
-  v as getLayoutUserCenterPath,
-  P as getQueryString,
-  I as i18n,
-  L as initTheme,
-  x as injectLayoutContext,
-  q as messages,
-  g as provideLayoutContext,
-  p as provideSetting,
-  U as redirectToLayoutLogin,
-  A as setLayoutStyle,
-  B as setPrimaryColor,
-  l as setTheme,
+  z as LayoutBreadcrumb,
+  U as TimezoneSelect,
+  B as UserAvatar,
+  j as UserInfo,
+  x as applyThemeClass,
+  l as getBrowserPreferredTheme,
+  w as i18n,
+  n as initTheme,
+  s as injectLayoutContext,
+  H as messages,
+  i as normalizeTheme,
+  f as provideLayoutContext,
+  c as provideSetting,
+  d as resolveTheme,
+  T as setTheme,
   h as syncThemeFromSetting,
-  S as toggleTheme,
-  u as useApp,
-  i as useSetting,
-  y as useStateHook,
-  T as useTheme
+  g as toggleTheme,
+  a as useApp,
+  v as useSetting,
+  p as useStateHook,
+  y as useTheme
 };

package/dist/layout/components/TimezoneSelect.css

@@ -0,0 +1 @@
+.top-timezone-popover{padding:6px!important;border:1px solid var(--ui-border-default)!important;background:var(--ui-bg-card)!important;box-shadow:var(--ui-shadow-pop)!important}

package/dist/layout/components/TimezoneSelect.vue.d.ts

@@ -0,0 +1,7 @@
+type __VLS_Props = {
+    showLabel?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    showLabel: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/layout/components/TimezoneSelect.vue.js

@@ -0,0 +1,8 @@
+import o from "./TimezoneSelect.vue2.js";
+/* empty css                    */
+/* empty css                    */
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e62f5f2d"]]);
+export {
+  p as default
+};

package/dist/layout/components/TimezoneSelect.vue2.js

@@ -0,0 +1,78 @@
+import { defineComponent as w, ref as y, computed as c, resolveComponent as f, openBlock as t, createBlock as d, withCtx as o, createElementVNode as i, createElementBlock as r, Fragment as T, renderList as Z, normalizeClass as L, toDisplayString as u, createVNode as n, unref as b, createCommentVNode as h } from "vue";
+import { Clock as B, ArrowDown as N } from "@element-plus/icons-vue";
+import { useCurrentTimeZone as x, getTimeZoneOptions as V, getTimeZoneLabel as D, setCurrentTimeZone as E } from "../../utils/repoUtils.js";
+import O from "./NavIconBtn.vue.js";
+const S = {
+  key: 0,
+  class: "timezone-select__current"
+}, A = { class: "timezone-select__panel" }, F = ["onClick"], I = { class: "timezone-select__name" }, R = { class: "timezone-select__offset" }, H = /* @__PURE__ */ w({
+  __name: "TimezoneSelect",
+  props: {
+    showLabel: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    const z = x(), s = y(!1), a = c(() => z.value), C = c(() => V()), m = c(() => D(a.value)), k = (_) => {
+      E(_), s.value = !1;
+    };
+    return (_, p) => {
+      const v = f("el-icon"), g = f("el-popover");
+      return t(), d(g, {
+        visible: s.value,
+        "onUpdate:visible": p[0] || (p[0] = (e) => s.value = e),
+        placement: "bottom",
+        width: 280,
+        trigger: "hover",
+        "popper-class": "top-timezone-popover"
+      }, {
+        reference: o(() => [
+          n(O, {
+            tag: "div",
+            class: "timezone-select",
+            "icon-only": !l.showLabel,
+            title: m.value,
+            "aria-label": m.value
+          }, {
+            default: o(() => [
+              n(v, null, {
+                default: o(() => [
+                  n(b(B))
+                ]),
+                _: 1
+              }),
+              l.showLabel ? (t(), r("span", S, u(a.value), 1)) : h("", !0),
+              l.showLabel ? (t(), d(v, {
+                key: 1,
+                class: "timezone-select__caret"
+              }, {
+                default: o(() => [
+                  n(b(N))
+                ]),
+                _: 1
+              })) : h("", !0)
+            ]),
+            _: 1
+          }, 8, ["icon-only", "title", "aria-label"])
+        ]),
+        default: o(() => [
+          i("div", A, [
+            (t(!0), r(T, null, Z(C.value, (e) => (t(), r("button", {
+              key: e.value,
+              type: "button",
+              class: L(["timezone-select__option", {
+                "timezone-select__option--active": e.value === a.value
+              }]),
+              onClick: (U) => k(e.value)
+            }, [
+              i("span", I, u(e.value), 1),
+              i("span", R, u(e.offset), 1)
+            ], 10, F))), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+export {
+  H as default
+};

package/dist/layout/components/TimezoneSelect2.css

@@ -0,0 +1 @@
+.timezone-select[data-v-e62f5f2d]{flex-shrink:0}.timezone-select__current[data-v-e62f5f2d]{max-width:132px;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1}.timezone-select__caret[data-v-e62f5f2d]{font-size:12px}.timezone-select__panel[data-v-e62f5f2d]{display:grid;gap:4px;max-height:min(360px,70vh);overflow-y:auto}.timezone-select__option[data-v-e62f5f2d]{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:var(--ui-radius-control);background:transparent;color:var(--ui-text-primary);text-align:left;cursor:pointer;transition:background var(--ui-transition-fast),color var(--ui-transition-fast)}.timezone-select__option[data-v-e62f5f2d]:hover{background:var(--ui-bg-muted)}.timezone-select__name[data-v-e62f5f2d]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timezone-select__offset[data-v-e62f5f2d]{color:var(--ui-text-muted);font-size:12px;white-space:nowrap}.timezone-select__option--active[data-v-e62f5f2d]{color:var(--el-color-primary);background:var(--el-color-primary-light-10)}.timezone-select__option--active .timezone-select__offset[data-v-e62f5f2d]{color:var(--el-color-primary)}

package/dist/layout/components/index.d.ts

@@ -1 +1,3 @@
+export { default as LayoutBreadcrumb } from './LayoutBreadcrumb.vue';
+export { default as TimezoneSelect } from './TimezoneSelect.vue';
 export { default as UserInfo } from './UserInfo.vue';

package/dist/layout/components/index.js

@@ -1,4 +1,8 @@
-import { default as o } from "./UserInfo.vue.js";
+import { default as r } from "./LayoutBreadcrumb.vue.js";
+import { default as t } from "./TimezoneSelect.vue.js";
+import { default as m } from "./UserInfo.vue.js";
 export {
-  o as UserInfo
+  r as LayoutBreadcrumb,
+  t as TimezoneSelect,
+  m as UserInfo
 };

package/dist/layout/hooks/index.js

@@ -1,17 +1,21 @@
 import { useApp as o } from "./useApp.js";
-import { provideSetting as m, useSetting as i } from "./useSetting.js";
-import { injectLayoutContext as p, provideLayoutContext as s, useStateHook as u } from "./useState.js";
-import { initTheme as g, setTheme as h, syncThemeFromSetting as T, toggleTheme as f, useTheme as S } from "./useTheme.js";
+import { provideSetting as m, useSetting as p } from "./useSetting.js";
+import { injectLayoutContext as h, provideLayoutContext as i, useStateHook as n } from "./useState.js";
+import { applyThemeClass as a, getBrowserPreferredTheme as g, initTheme as u, normalizeTheme as x, resolveTheme as f, setTheme as l, syncThemeFromSetting as y, toggleTheme as S, useTheme as d } from "./useTheme.js";
 export {
-  g as initTheme,
-  p as injectLayoutContext,
-  s as provideLayoutContext,
+  a as applyThemeClass,
+  g as getBrowserPreferredTheme,
+  u as initTheme,
+  h as injectLayoutContext,
+  x as normalizeTheme,
+  i as provideLayoutContext,
   m as provideSetting,
-  h as setTheme,
-  T as syncThemeFromSetting,
-  f as toggleTheme,
+  f as resolveTheme,
+  l as setTheme,
+  y as syncThemeFromSetting,
+  S as toggleTheme,
   o as useApp,
-  i as useSetting,
-  u as useStateHook,
-  S as useTheme
+  p as useSetting,
+  n as useStateHook,
+  d as useTheme
 };

package/dist/layout/hooks/useTheme.d.ts

@@ -1,4 +1,8 @@
 export type ThemeMode = "light" | "dark";
+export declare const normalizeTheme: (value: unknown) => ThemeMode | null;
+export declare const getBrowserPreferredTheme: () => ThemeMode;
+export declare const resolveTheme: (fallback?: ThemeMode) => ThemeMode;
+export declare const applyThemeClass: (value: ThemeMode) => void;
 export declare function initTheme(fallback?: ThemeMode): ThemeMode;
 export declare function setTheme(value: ThemeMode, options?: {
     persist?: boolean;

package/dist/layout/hooks/useTheme.js

@@ -36,7 +36,11 @@ function w() {
   };
 }
 export {
+  c as applyThemeClass,
+  h as getBrowserPreferredTheme,
   l as initTheme,
+  d as normalizeTheme,
+  T as resolveTheme,
   i as setTheme,
   k as syncThemeFromSetting,
   g as toggleTheme,

package/dist/layout/utils/index.js

@@ -1,11 +1,7 @@
-function $(e, o) {
-  const n = new RegExp("(^|&)" + e + "=([^&]*)(&|$)", "i"), c = (o || window.location.search.replace(/^\?/, "")).match(n);
-  return c != null ? decodeURI(c[2]) : "";
-}
-const h = () => typeof location > "u" ? "" : location.href, p = (e) => (e == null ? void 0 : e.loginPath) || `/login?redirect=${encodeURIComponent(h())}`, C = (e) => {
+const u = () => typeof location > "u" ? "" : location.href, p = (e) => (e == null ? void 0 : e.loginPath) || `/login?redirect=${encodeURIComponent(u())}`, $ = (e) => {
   typeof location > "u" || (location.href = p(e));
-}, L = (e) => (e == null ? void 0 : e.userCenterPath) || "/usercenter/home", b = (e) => {
-  var l;
+}, C = (e) => (e == null ? void 0 : e.userCenterPath) || "/usercenter/home", L = (e) => {
+  var a;
   const o = e.themeColor, n = {};
   if (o)
     for (const r in o) {
@@ -14,33 +10,33 @@ const h = () => typeof location > "u" ? "" : location.href, p = (e) => (e == nul
       n[i] = o[r], r == "colorPrimary" && f(o[r]);
     }
   let t = document.getElementById("layout-style");
-  t && ((l = t.parentNode) == null || l.removeChild(t)), t = document.createElement("style"), t.id = "layout-style", document.head.appendChild(t);
-  const c = Object.keys(n).map((r) => r + ":" + n[r]).join(";");
-  t.innerHTML = `html:root{${c}}`;
+  t && ((a = t.parentNode) == null || a.removeChild(t)), t = document.createElement("style"), t.id = "layout-style", document.head.appendChild(t);
+  const l = Object.keys(n).map((r) => r + ":" + n[r]).join(";");
+  t.innerHTML = `html:root{${l}}`;
 };
 function f(e) {
-  var c;
+  var l;
   let o = document.getElementById("primary-style");
   if (e == "theme-default" && o) {
-    (c = o.parentNode) == null || c.removeChild(o);
+    (l = o.parentNode) == null || l.removeChild(o);
     return;
   }
   const n = g(e);
   o || (o = document.createElement("style"), o.id = "primary-style", document.head.appendChild(o));
-  const t = Object.keys(n).map((l) => l + ":" + n[l]).join(";");
+  const t = Object.keys(n).map((a) => a + ":" + n[a]).join(";");
   o.innerHTML = `html:root{${t}}`;
 }
 function g(e) {
-  var m;
-  const o = ((m = e.match(/\d+/g)) == null ? void 0 : m.map(Number)) || [], [n, t, c] = o, l = `rgb(${n}, ${t}, ${c})`, r = (d) => {
-    const a = d / 100, u = Math.min(255, n + (255 - n) * a), y = Math.min(255, t + (255 - t) * a), s = Math.min(255, c + (255 - c) * a);
-    return `rgb(${u.toFixed(1)}, ${y.toFixed(1)}, ${s.toFixed(1)})`;
-  }, i = (d) => {
-    const a = 1 - d / 100;
-    return `rgb(${Math.round(n * a)} ${Math.round(t * a)} ${Math.round(c * a)})`;
+  var d;
+  const o = ((d = e.match(/\d+/g)) == null ? void 0 : d.map(Number)) || [], [n, t, l] = o, a = `rgb(${n}, ${t}, ${l})`, r = (m) => {
+    const c = m / 100, y = Math.min(255, n + (255 - n) * c), h = Math.min(255, t + (255 - t) * c), s = Math.min(255, l + (255 - l) * c);
+    return `rgb(${y.toFixed(1)}, ${h.toFixed(1)}, ${s.toFixed(1)})`;
+  }, i = (m) => {
+    const c = 1 - m / 100;
+    return `rgb(${Math.round(n * c)} ${Math.round(t * c)} ${Math.round(l * c)})`;
   };
   return {
-    "--el-color-primary": l,
+    "--el-color-primary": a,
     "--el-color-primary-light-3": r(30),
     "--el-color-primary-light-5": r(50),
     "--el-color-primary-light-7": r(70),
@@ -51,9 +47,8 @@ function g(e) {
 }
 export {
   p as getLayoutLoginPath,
-  L as getLayoutUserCenterPath,
-  $ as getQueryString,
-  C as redirectToLayoutLogin,
-  b as setLayoutStyle,
+  C as getLayoutUserCenterPath,
+  $ as redirectToLayoutLogin,
+  L as setLayoutStyle,
   f as setPrimaryColor
 };