mvframe 1.1.3 → 1.1.8

package/dist/Config.js

@@ -1,53 +1,72 @@
-import { reactive as P, onMounted as T, resolveComponent as a, openBlock as E, createBlock as F, mergeProps as L, unref as l, withCtx as n, createElementVNode as s, createVNode as t, createTextVNode as g, toDisplayString as m, nextTick as y } from "vue";
+import { reactive as O, onMounted as B, resolveComponent as a, openBlock as k, createBlock as G, mergeProps as H, unref as i, withCtx as l, createElementVNode as s, createVNode as o, createTextVNode as g, toDisplayString as c, createElementBlock as j, Fragment as z, renderList as W, nextTick as y } from "vue";
 import "./vendor.js";
-import { MVFRAME_STORAGE_PRIMARY as h, persistMvframeTheme as c, applyMvframeTheme as d } from "./composition.js";
-const R = { class: "p16" }, N = { class: "m0 flexMode vc g8" }, U = { class: "flexMode vc g16 vl" }, j = { class: "m0 flexMode vc g8" }, B = { class: "flexMode vc g8 wp100" }, O = { class: "m0 flexMode vc g8" }, H = /* @__PURE__ */ Object.assign({
+import { MVFRAME_DEFAULT_THEME_NAME as E, MVFRAME_STORAGE_PRIMARY as b, MVFRAME_THEME_CLASS_PREFIX as C, MVFRAME_STORAGE_THEME_NAME as X, persistMvframeTheme as d, applyMvframeTheme as p } from "./composition.js";
+const Y = { class: "p16" }, q = { class: "m0 flexMode vc g8" }, J = { class: "flexMode vc g16 vl" }, K = { class: "m0 flexMode vc g8" }, Q = { class: "flexMode vl g12 wp100" }, Z = { class: "flexMode vc hb g8 wp100" }, ee = { class: "fs14 txt-p" }, te = { class: "flexMode vc g8 wp100" }, oe = { class: "m0 flexMode vc g8" }, re = /* @__PURE__ */ Object.assign({
   name: "FrameConfig",
   inheritAttrs: !1
 }, {
   __name: "Config",
   emits: ["mounted"],
-  setup(G, { emit: k }) {
-    const v = k, o = P({
+  setup(ne, { emit: V }) {
+    const A = V, e = O({
       loading: !1,
       primary: "#007bff",
+      theme: E,
       isDark: !1
     });
-    T(() => {
-      C(), v("mounted");
+    B(() => {
+      D(), A("mounted");
     });
-    const p = () => {
-      const e = getComputedStyle(document.documentElement).getPropertyValue("--color-primary").trim();
-      o.primary = e || "#007bff";
-    }, C = () => {
-      const e = localStorage.getItem(h);
-      e ? o.primary = e : p(), o.isDark = document.documentElement.classList.contains("dark");
-    }, _ = () => {
-      c({
-        primary: o.primary,
-        mode: o.isDark ? "dark" : "light"
-      });
+    const u = () => {
+      const t = getComputedStyle(document.documentElement).getPropertyValue("--color-primary").trim();
+      e.primary = t || "#007bff";
     }, D = () => {
-      const e = o.isDark ? "dark" : "light";
-      if (!o.primary) {
-        c({ primary: null }), d({ primary: null, mode: e }), y(() => p());
+      var h;
+      const t = localStorage.getItem(b);
+      t ? e.primary = t : u();
+      const r = [...document.documentElement.classList].find(
+        (_) => _.startsWith(C)
+      );
+      e.theme = (r == null ? void 0 : r.slice(C.length)) || localStorage.getItem(X) || ((h = globalThis.$config) == null ? void 0 : h.theme) || E, e.isDark = document.documentElement.classList.contains("dark");
+    }, v = () => {
+      d({
+        primary: e.primary,
+        theme: e.theme,
+        mode: e.isDark ? "dark" : "light"
+      });
+    }, M = () => {
+      const t = localStorage.getItem(b);
+      return t != null && t !== "" ? t : null;
+    }, T = () => {
+      const t = e.isDark ? "dark" : "light";
+      if (!e.primary) {
+        d({ primary: null }), p({ primary: null, mode: t, theme: e.theme }), y(() => u());
         return;
       }
-      d({ primary: o.primary, mode: e }), _();
-    }, M = () => {
-      const e = o.isDark ? "dark" : "light", r = localStorage.getItem(h);
-      d({
-        primary: r != null && r !== "" ? r : null,
-        mode: e
-      }), c({ mode: e });
-    }, b = () => {
-      c({ primary: null }), d({
+      p({ primary: e.primary, mode: t, theme: e.theme }), v();
+    }, x = () => {
+      const t = e.isDark ? "dark" : "light";
+      p({
+        primary: M(),
+        mode: t,
+        theme: e.theme
+      }), d({ mode: t });
+    }, F = () => {
+      const t = e.isDark ? "dark" : "light";
+      p({
+        primary: M(),
+        mode: t,
+        theme: e.theme
+      }), d({ theme: e.theme }), y(() => u());
+    }, S = () => {
+      d({ primary: null }), p({
         primary: null,
-        mode: o.isDark ? "dark" : "light"
-      }), y(() => p());
-    }, V = async () => {
-      _();
-    }, x = [
+        mode: e.isDark ? "dark" : "light",
+        theme: e.theme
+      }), y(() => u());
+    }, R = async () => {
+      v();
+    }, w = [
       "#007bff",
       "#409eff",
       "#16b1ff",
@@ -56,38 +75,47 @@ const R = { class: "p16" }, N = { class: "m0 flexMode vc g8" }, U = { class: "fl
       "#e83e8c",
       "#dc3545",
       "#fd7e14"
+    ], L = [
+      {
+        label: "Main",
+        value: "main"
+      },
+      {
+        label: "Glass",
+        value: "glass"
+      }
     ];
-    return (e, r) => {
-      const i = a("Icon"), A = a("el-color-picker"), S = a("el-button"), u = a("Card"), $ = a("el-switch"), w = a("Lang"), I = a("DrawerArea");
-      return E(), F(I, L({
-        loading: l(o).loading,
-        onSubmit: V
-      }, e.$attrs, { class: "MvcFrameConfig" }), {
-        default: n(() => [
-          s("div", R, [
-            t(u, { class: "mb16" }, {
-              header: n(() => [
-                s("h4", N, [
-                  t(i, { name: "adjust" }),
-                  g(" " + m(e.$l("Theme color")), 1)
+    return (t, m) => {
+      const r = a("Icon"), h = a("el-color-picker"), _ = a("el-button"), f = a("Card"), P = a("el-option"), $ = a("el-select"), I = a("el-switch"), N = a("Lang"), U = a("DrawerArea");
+      return k(), G(U, H({
+        loading: i(e).loading,
+        onSubmit: R
+      }, t.$attrs, { class: "MvcFrameConfig" }), {
+        default: l(() => [
+          s("div", Y, [
+            o(f, { class: "mb16" }, {
+              header: l(() => [
+                s("h4", q, [
+                  o(r, { name: "adjust" }),
+                  g(" " + c(t.$l("Theme color")), 1)
                 ])
               ]),
-              default: n(() => [
-                s("div", U, [
-                  t(A, {
-                    modelValue: l(o).primary,
-                    "onUpdate:modelValue": r[0] || (r[0] = (f) => l(o).primary = f),
+              default: l(() => [
+                s("div", J, [
+                  o(h, {
+                    modelValue: i(e).primary,
+                    "onUpdate:modelValue": m[0] || (m[0] = (n) => i(e).primary = n),
                     "color-format": "hex",
-                    predefine: x,
-                    onChange: D
+                    predefine: w,
+                    onChange: T
                   }, null, 8, ["modelValue"]),
-                  t(S, {
+                  o(_, {
                     text: "",
                     type: "primary",
-                    onClick: b
+                    onClick: S
                   }, {
-                    default: n(() => [
-                      g(m(e.$l("Restore default")), 1)
+                    default: l(() => [
+                      g(c(t.$l("Restore default")), 1)
                     ]),
                     _: 1
                   })
@@ -95,35 +123,56 @@ const R = { class: "p16" }, N = { class: "m0 flexMode vc g8" }, U = { class: "fl
               ]),
               _: 1
             }),
-            t(u, { class: "mb16" }, {
-              header: n(() => [
-                s("h4", j, m(e.$l("Appearance")), 1)
+            o(f, { class: "mb16" }, {
+              header: l(() => [
+                s("h4", K, c(t.$l("Appearance")), 1)
               ]),
-              default: n(() => [
-                s("div", B, [
-                  t(i, { name: "sun" }),
-                  t($, {
-                    modelValue: l(o).isDark,
-                    "onUpdate:modelValue": r[1] || (r[1] = (f) => l(o).isDark = f),
-                    "inline-prompt": "",
-                    "active-text": e.$l("Dark"),
-                    "inactive-text": e.$l("Light"),
-                    onChange: M
-                  }, null, 8, ["modelValue", "active-text", "inactive-text"]),
-                  t(i, { name: "moon" })
+              default: l(() => [
+                s("div", Q, [
+                  s("div", Z, [
+                    s("span", ee, c(t.$l("Theme")), 1),
+                    o($, {
+                      modelValue: i(e).theme,
+                      "onUpdate:modelValue": m[1] || (m[1] = (n) => i(e).theme = n),
+                      class: "w160",
+                      size: "small",
+                      onChange: F
+                    }, {
+                      default: l(() => [
+                        (k(), j(z, null, W(L, (n) => o(P, {
+                          key: n.value,
+                          label: n.label,
+                          value: n.value
+                        }, null, 8, ["label", "value"])), 64))
+                      ]),
+                      _: 1
+                    }, 8, ["modelValue"])
+                  ]),
+                  s("div", te, [
+                    o(r, { name: "sun" }),
+                    o(I, {
+                      modelValue: i(e).isDark,
+                      "onUpdate:modelValue": m[2] || (m[2] = (n) => i(e).isDark = n),
+                      "inline-prompt": "",
+                      "active-text": t.$l("Dark"),
+                      "inactive-text": t.$l("Light"),
+                      onChange: x
+                    }, null, 8, ["modelValue", "active-text", "inactive-text"]),
+                    o(r, { name: "moon" })
+                  ])
                 ])
               ]),
               _: 1
             }),
-            t(u, { class: "mb16" }, {
-              header: n(() => [
-                s("h4", O, [
-                  t(i, { name: "earth" }),
-                  g(" " + m(e.$l("Language")), 1)
+            o(f, { class: "mb16" }, {
+              header: l(() => [
+                s("h4", oe, [
+                  o(r, { name: "earth" }),
+                  g(" " + c(t.$l("Language")), 1)
                 ])
               ]),
-              default: n(() => [
-                t(w)
+              default: l(() => [
+                o(N)
               ]),
               _: 1
             })
@@ -135,5 +184,5 @@ const R = { class: "p16" }, N = { class: "m0 flexMode vc g8" }, U = { class: "fl
   }
 });
 export {
-  H as default
+  re as default
 };