mvframe 1.0.20 → 1.0.58

package/dist/Config.js

@@ -1,108 +1,53 @@
-import { reactive as B, onMounted as G, computed as C, resolveComponent as c, openBlock as p, createBlock as M, mergeProps as z, unref as s, withCtx as l, createElementVNode as r, createVNode as a, createTextVNode as v, toDisplayString as m, createElementBlock as V, Fragment as Y, renderList as q, createCommentVNode as H, nextTick as D } from "vue";
-import { MVFRAME_STORAGE_PRIMARY as S, persistMvframeTheme as g, applyMvframeTheme as _, MVFRAME_STORAGE_LANG as w } from "./composition.js";
-const J = { class: "p16" }, K = { class: "m0 flexMode vc g8" }, Q = { class: "flexMode vc g16 vl" }, W = { class: "m0 flexMode vc g8" }, X = { class: "flexMode vc g8 wp100" }, Z = { class: "m0 flexMode vc g8" }, ee = {
-  key: 0,
-  class: "langPrefix flexMode vc g4 noShrink"
-}, te = { class: "langTag fs12 txt-tip" }, ne = { class: "flexMode vc g8 vl" }, oe = { class: "langTag fs12 txt-tip noShrink" }, le = { class: "txt-p" }, ie = /* @__PURE__ */ Object.assign({
+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 "./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({
   name: "FrameConfig",
   inheritAttrs: !1
 }, {
   __name: "Config",
   emits: ["mounted"],
-  setup(ae, { emit: T }) {
-    const A = T, t = B({
+  setup(G, { emit: k }) {
+    const v = k, o = P({
       loading: !1,
       primary: "#007bff",
-      isDark: !1,
-      lang: "en_us"
+      isDark: !1
     });
-    G(() => {
-      E(), A("mounted");
+    T(() => {
+      C(), v("mounted");
     });
-    const f = () => {
+    const p = () => {
       const e = getComputedStyle(document.documentElement).getPropertyValue("--color-primary").trim();
-      t.primary = e || "#007bff";
-    }, E = () => {
-      var d;
-      const e = localStorage.getItem(S);
-      e ? t.primary = e : f(), t.isDark = document.documentElement.classList.contains("dark");
-      const n = ((d = globalThis.$getLang) == null ? void 0 : d.call(globalThis)) || "en_us", i = x.filter((u) => u.use !== !1).map((u) => u.value);
-      t.lang = i.includes(n) ? n : "en_us";
-    }, y = () => {
-      g({
-        primary: t.primary,
-        mode: t.isDark ? "dark" : "light"
+      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 e = t.isDark ? "dark" : "light";
-      if (!t.primary) {
-        g({ primary: null }), _({ primary: null, mode: e }), D(() => f());
+    }, D = () => {
+      const e = o.isDark ? "dark" : "light";
+      if (!o.primary) {
+        c({ primary: null }), d({ primary: null, mode: e }), y(() => p());
         return;
       }
-      _({ primary: t.primary, mode: e }), y();
-    }, I = () => {
-      const e = t.isDark ? "dark" : "light", n = localStorage.getItem(S);
-      _({
-        primary: n != null && n !== "" ? n : null,
+      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
-      }), g({ mode: e });
-    }, L = () => {
-      g({ primary: null }), _({
+      }), c({ mode: e });
+    }, b = () => {
+      c({ primary: null }), d({
         primary: null,
-        mode: t.isDark ? "dark" : "light"
-      }), D(() => f());
-    }, F = (e) => {
-      var i;
-      const n = localStorage.getItem(w) || ((i = globalThis.$config) == null ? void 0 : i.lang) || "en_us";
-      e == null || e === n || (localStorage.setItem(w, e), window.location.reload());
-    }, P = async () => {
-      y();
-    }, k = C(
-      () => x.filter((e) => e.use !== !1)
-    ), b = C(() => k.value.find((e) => e.value === t.lang) ?? null), x = [
-      {
-        label: "English",
-        icon: "us",
-        txt: "EN",
-        value: "en_us",
-        use: !0
-      },
-      {
-        label: "简体中文",
-        icon: "cn",
-        txt: "简",
-        value: "zh_cn",
-        use: !0
-      },
-      {
-        label: "繁體中文",
-        icon: "hk",
-        txt: "繁",
-        value: "zh_tw",
-        use: !0
-      },
-      {
-        label: "日本語",
-        icon: "jp",
-        txt: "日",
-        value: "ja_jp",
-        use: !0
-      },
-      {
-        label: "한국어",
-        icon: "kr",
-        txt: "한",
-        value: "ko_kr",
-        use: !0
-      },
-      {
-        label: "Tiếng Việt",
-        icon: "vn",
-        txt: "Vi",
-        value: "vi_vn",
-        use: !0
-      }
-    ], R = [
+        mode: o.isDark ? "dark" : "light"
+      }), y(() => p());
+    }, V = async () => {
+      _();
+    }, x = [
       "#007bff",
       "#409eff",
       "#16b1ff",
@@ -112,37 +57,37 @@ const J = { class: "p16" }, K = { class: "m0 flexMode vc g8" }, Q = { class: "fl
       "#dc3545",
       "#fd7e14"
     ];
-    return (e, n) => {
-      const i = c("Icon"), d = c("el-color-picker"), u = c("el-button"), h = c("Card"), N = c("el-switch"), j = c("el-option"), O = c("el-select"), U = c("DrawerArea");
-      return p(), M(U, z({
-        loading: s(t).loading,
-        onSubmit: P
+    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: l(() => [
-          r("div", J, [
-            a(h, { class: "mb16" }, {
-              header: l(() => [
-                r("h4", K, [
-                  a(i, { name: "adjust" }),
-                  v(" " + m(e.$l("Theme color")), 1)
+        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)
                 ])
               ]),
-              default: l(() => [
-                r("div", Q, [
-                  a(d, {
-                    modelValue: s(t).primary,
-                    "onUpdate:modelValue": n[0] || (n[0] = (o) => s(t).primary = o),
+              default: n(() => [
+                s("div", U, [
+                  t(A, {
+                    modelValue: l(o).primary,
+                    "onUpdate:modelValue": r[0] || (r[0] = (f) => l(o).primary = f),
                     "color-format": "hex",
-                    predefine: R,
-                    onChange: $
+                    predefine: x,
+                    onChange: D
                   }, null, 8, ["modelValue"]),
-                  a(u, {
+                  t(S, {
                     text: "",
                     type: "primary",
-                    onClick: L
+                    onClick: b
                   }, {
-                    default: l(() => [
-                      v(m(e.$l("Restore default")), 1)
+                    default: n(() => [
+                      g(m(e.$l("Restore default")), 1)
                     ]),
                     _: 1
                   })
@@ -150,63 +95,35 @@ const J = { class: "p16" }, K = { class: "m0 flexMode vc g8" }, Q = { class: "fl
               ]),
               _: 1
             }),
-            a(h, { class: "mb16" }, {
-              header: l(() => [
-                r("h4", W, m(e.$l("Appearance")), 1)
+            t(u, { class: "mb16" }, {
+              header: n(() => [
+                s("h4", j, m(e.$l("Appearance")), 1)
               ]),
-              default: l(() => [
-                r("div", X, [
-                  a(i, { name: "sun" }),
-                  a(N, {
-                    modelValue: s(t).isDark,
-                    "onUpdate:modelValue": n[1] || (n[1] = (o) => s(t).isDark = o),
+              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: I
+                    onChange: M
                   }, null, 8, ["modelValue", "active-text", "inactive-text"]),
-                  a(i, { name: "moon" })
+                  t(i, { name: "moon" })
                 ])
               ]),
               _: 1
             }),
-            a(h, { class: "mb16" }, {
-              header: l(() => [
-                r("h4", Z, [
-                  a(i, { name: "earth" }),
-                  v(" " + m(e.$l("Language")), 1)
+            t(u, { class: "mb16" }, {
+              header: n(() => [
+                s("h4", O, [
+                  t(i, { name: "earth" }),
+                  g(" " + m(e.$l("Language")), 1)
                 ])
               ]),
-              default: l(() => [
-                a(O, {
-                  modelValue: s(t).lang,
-                  "onUpdate:modelValue": n[2] || (n[2] = (o) => s(t).lang = o),
-                  class: "langSelect w160",
-                  teleported: !0,
-                  onChange: F
-                }, {
-                  prefix: l(() => [
-                    s(b) ? (p(), V("div", ee, [
-                      r("span", te, m(s(b).txt), 1)
-                    ])) : H("", !0)
-                  ]),
-                  default: l(() => [
-                    (p(!0), V(Y, null, q(s(k), (o) => (p(), M(j, {
-                      key: o.value,
-                      label: o.label,
-                      value: o.value
-                    }, {
-                      default: l(() => [
-                        r("div", ne, [
-                          r("span", oe, m(o.txt), 1),
-                          r("span", le, m(o.label), 1)
-                        ])
-                      ]),
-                      _: 2
-                    }, 1032, ["label", "value"]))), 128))
-                  ]),
-                  _: 1
-                }, 8, ["modelValue"])
+              default: n(() => [
+                t(w)
               ]),
               _: 1
             })
@@ -218,5 +135,5 @@ const J = { class: "p16" }, K = { class: "m0 flexMode vc g8" }, Q = { class: "fl
   }
 });
 export {
-  ie as default
+  H as default
 };