mvframe 1.0.16 → 1.0.18

package/dist/Config.js

@@ -1,65 +1,65 @@
-import { reactive as j, onMounted as O, computed as x, resolveComponent as i, openBlock as d, createBlock as b, mergeProps as U, unref as a, withCtx as u, createElementVNode as o, toDisplayString as s, createVNode as p, createTextVNode as B, createElementBlock as V, Fragment as G, renderList as z, createCommentVNode as Y, nextTick as M } from "vue";
-import { MVFRAME_STORAGE_PRIMARY as C, persistMvframeTheme as g, applyMvframeTheme as f, MVFRAME_STORAGE_LANG as D } from "./composition.js";
-const q = { class: "flexMode flexV g24 p0-24" }, H = { class: "section flexMode flexV g12" }, J = { class: "flexMode vc g16 vl" }, K = { class: "section flexMode flexV g12" }, Q = { class: "flexMode vc hb g8 wp100" }, W = { class: "txt-p fs14" }, X = { class: "section flexMode flexV g12" }, Z = {
+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"
-}, ee = { class: "langTag fs12 txt-tip" }, te = { class: "flexMode vc g8 vl" }, le = { class: "langTag fs12 txt-tip noShrink" }, oe = { class: "txt-p" }, re = /* @__PURE__ */ Object.assign({
+}, 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({
   name: "FrameConfig",
   inheritAttrs: !1
 }, {
   __name: "Config",
   emits: ["mounted"],
-  setup(ne, { emit: S }) {
-    const w = S, t = j({
+  setup(ae, { emit: T }) {
+    const A = T, t = B({
       loading: !1,
       primary: "#007bff",
       isDark: !1,
       lang: "en_us"
     });
-    O(() => {
-      T(), w("mounted");
+    G(() => {
+      E(), A("mounted");
     });
-    const _ = () => {
+    const f = () => {
       const e = getComputedStyle(document.documentElement).getPropertyValue("--color-primary").trim();
       t.primary = e || "#007bff";
-    }, T = () => {
-      var m;
-      const e = localStorage.getItem(C);
-      e ? t.primary = e : _(), t.isDark = document.documentElement.classList.contains("dark");
-      const l = ((m = globalThis.$getLang) == null ? void 0 : m.call(globalThis)) || "en_us", r = y.filter((c) => c.use !== !1).map((c) => c.value);
-      t.lang = r.includes(l) ? l : "en_us";
-    }, h = () => {
+    }, 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"
       });
-    }, A = () => {
+    }, $ = () => {
       const e = t.isDark ? "dark" : "light";
       if (!t.primary) {
-        g({ primary: null }), f({ primary: null, mode: e }), M(() => _());
+        g({ primary: null }), _({ primary: null, mode: e }), D(() => f());
         return;
       }
-      f({ primary: t.primary, mode: e }), h();
-    }, E = () => {
-      const e = t.isDark ? "dark" : "light", l = localStorage.getItem(C);
-      f({
-        primary: l != null && l !== "" ? l : null,
+      _({ primary: t.primary, mode: e }), y();
+    }, I = () => {
+      const e = t.isDark ? "dark" : "light", n = localStorage.getItem(S);
+      _({
+        primary: n != null && n !== "" ? n : null,
         mode: e
       }), g({ mode: e });
-    }, $ = () => {
-      g({ primary: null }), f({
+    }, L = () => {
+      g({ primary: null }), _({
         primary: null,
         mode: t.isDark ? "dark" : "light"
-      }), M(() => _());
-    }, L = (e) => {
-      var r;
-      const l = localStorage.getItem(D) || ((r = globalThis.$config) == null ? void 0 : r.lang) || "en_us";
-      e == null || e === l || (localStorage.setItem(D, e), window.location.reload());
-    }, F = async () => {
-      h();
-    }, v = x(
-      () => y.filter((e) => e.use !== !1)
-    ), k = x(() => v.value.find((e) => e.value === t.lang) ?? null), y = [
+      }), 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",
@@ -102,7 +102,7 @@ const q = { class: "flexMode flexV g24 p0-24" }, H = { class: "section flexMode
         value: "vi_vn",
         use: !0
       }
-    ], P = [
+    ], R = [
       "#007bff",
       "#409eff",
       "#16b1ff",
@@ -112,82 +112,104 @@ const q = { class: "flexMode flexV g24 p0-24" }, H = { class: "section flexMode
       "#dc3545",
       "#fd7e14"
     ];
-    return (e, l) => {
-      const r = i("el-color-picker"), m = i("el-button"), c = i("el-switch"), R = i("el-option"), I = i("el-select"), N = i("DrawerArea");
-      return d(), b(N, U({
-        loading: a(t).loading,
-        onSubmit: F
+    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
       }, e.$attrs, { class: "MvcFrameConfig" }), {
-        default: u(() => [
-          o("div", q, [
-            o("section", H, [
-              o("h3", null, s(e.$l("Theme color")), 1),
-              o("div", J, [
-                p(r, {
-                  modelValue: a(t).primary,
-                  "onUpdate:modelValue": l[0] || (l[0] = (n) => a(t).primary = n),
-                  "color-format": "hex",
-                  predefine: P,
-                  onChange: A
-                }, null, 8, ["modelValue"]),
-                p(m, {
-                  text: "",
-                  type: "primary",
-                  onClick: $
+        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: l(() => [
+                r("div", Q, [
+                  a(d, {
+                    modelValue: s(t).primary,
+                    "onUpdate:modelValue": n[0] || (n[0] = (o) => s(t).primary = o),
+                    "color-format": "hex",
+                    predefine: R,
+                    onChange: $
+                  }, null, 8, ["modelValue"]),
+                  a(u, {
+                    text: "",
+                    type: "primary",
+                    onClick: L
+                  }, {
+                    default: l(() => [
+                      v(m(e.$l("Restore default")), 1)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            }),
+            a(h, { class: "mb16" }, {
+              header: l(() => [
+                r("h4", W, 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),
+                    "inline-prompt": "",
+                    "active-text": e.$l("Dark"),
+                    "inactive-text": e.$l("Light"),
+                    onChange: I
+                  }, null, 8, ["modelValue", "active-text", "inactive-text"]),
+                  a(i, { name: "moon" })
+                ])
+              ]),
+              _: 1
+            }),
+            a(h, { class: "mb16" }, {
+              header: l(() => [
+                r("h4", Z, [
+                  a(i, { name: "earth" }),
+                  v(" " + 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
                 }, {
-                  default: u(() => [
-                    B(s(e.$l("Restore default")), 1)
+                  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
-                })
-              ])
-            ]),
-            o("section", K, [
-              o("h3", null, s(e.$l("Appearance")), 1),
-              o("div", Q, [
-                o("span", W, s(e.$l("Light / dark mode")), 1),
-                p(c, {
-                  modelValue: a(t).isDark,
-                  "onUpdate:modelValue": l[1] || (l[1] = (n) => a(t).isDark = n),
-                  "inline-prompt": "",
-                  "active-text": e.$l("Dark"),
-                  "inactive-text": e.$l("Light"),
-                  onChange: E
-                }, null, 8, ["modelValue", "active-text", "inactive-text"])
-              ])
-            ]),
-            o("section", X, [
-              o("h3", null, s(e.$l("Language")), 1),
-              p(I, {
-                modelValue: a(t).lang,
-                "onUpdate:modelValue": l[2] || (l[2] = (n) => a(t).lang = n),
-                class: "langSelect w160",
-                teleported: !0,
-                onChange: L
-              }, {
-                prefix: u(() => [
-                  a(k) ? (d(), V("div", Z, [
-                    o("span", ee, s(a(k).txt), 1)
-                  ])) : Y("", !0)
-                ]),
-                default: u(() => [
-                  (d(!0), V(G, null, z(a(v), (n) => (d(), b(R, {
-                    key: n.value,
-                    label: n.label,
-                    value: n.value
-                  }, {
-                    default: u(() => [
-                      o("div", te, [
-                        o("span", le, s(n.txt), 1),
-                        o("span", oe, s(n.label), 1)
-                      ])
-                    ]),
-                    _: 2
-                  }, 1032, ["label", "value"]))), 128))
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ])
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            })
           ])
         ]),
         _: 1
@@ -196,5 +218,5 @@ const q = { class: "flexMode flexV g24 p0-24" }, H = { class: "section flexMode
   }
 });
 export {
-  re as default
+  ie as default
 };