@done-coding/admin-core 0.10.0 → 0.10.1-alpha.0

package/es/components/app-layout/AppTheme.vue2.mjs

@@ -1,38 +1,68 @@
-import { defineComponent as u, inject as p, computed as n, openBlock as a, createElementBlock as m, createBlock as r, unref as e, withCtx as v, Fragment as d, renderList as h, createCommentVNode as _, createVNode as f } from "vue";
-import { ElSelect as k, ElOption as y, ElSwitch as E } from "element-plus";
-import { Sunny as S, Moon as B } from "@element-plus/icons-vue";
-import { APP_LAYOUT_BRIDGE_KEY as b } from "../../inject/key.mjs";
-const g = { class: "app-theme" }, O = /* @__PURE__ */ u({
+import { defineComponent as f, inject as h, computed as m, openBlock as o, createElementBlock as r, createBlock as s, unref as l, withCtx as a, Fragment as i, renderList as c, createCommentVNode as y, createVNode as u, resolveDynamicComponent as E } from "vue";
+import { ElSelect as b, ElOption as k, ElRadioGroup as g, ElRadioButton as M, ElTooltip as O, ElIcon as S } from "element-plus";
+import { Sunny as B, Moon as C, Monitor as T } from "@element-plus/icons-vue";
+import { APP_LAYOUT_BRIDGE_KEY as x } from "../../inject/key.mjs";
+const A = { class: "app-theme" }, V = /* @__PURE__ */ f({
   __name: "AppTheme",
-  setup(C) {
-    const l = p(b), c = n(() => l.themeIsDark.value), s = n(() => l.themeStyle.value), i = n(() => l.theme.list.value);
-    return (D, o) => (a(), m("div", g, [
-      i.value.length > 1 ? (a(), r(e(k), {
+  setup(D) {
+    const t = h(x), p = m(() => t.themeMode.value), v = m(() => t.themeStyle.value), d = m(() => t.theme.list.value), _ = [
+      { value: "light", label: "亮色", icon: B },
+      { value: "dark", label: "暗色", icon: C },
+      { value: "system", label: "跟随系统", icon: T }
+    ];
+    return (I, n) => (o(), r("div", A, [
+      d.value.length > 1 ? (o(), s(l(b), {
         key: 0,
-        "model-value": s.value,
+        "model-value": v.value,
         class: "app-theme__style-select",
         size: "small",
-        onChange: o[0] || (o[0] = (t) => e(l).theme.setStyle(t))
+        onChange: n[0] || (n[0] = (e) => l(t).theme.setStyle(e))
       }, {
-        default: v(() => [
-          (a(!0), m(d, null, h(i.value, (t) => (a(), r(e(y), {
-            key: t,
-            label: e(l).theme.labelOf(t),
-            value: t
+        default: a(() => [
+          (o(!0), r(i, null, c(d.value, (e) => (o(), s(l(k), {
+            key: e,
+            label: l(t).theme.labelOf(e),
+            value: e
           }, null, 8, ["label", "value"]))), 128))
         ]),
         _: 1
-      }, 8, ["model-value"])) : _("", !0),
-      f(e(E), {
-        "model-value": c.value,
-        class: "app-theme__dark-switch",
-        "active-action-icon": e(B),
-        "inactive-action-icon": e(S),
-        "onUpdate:modelValue": o[1] || (o[1] = (t) => e(l).theme.setDark(!!t))
-      }, null, 8, ["model-value", "active-action-icon", "inactive-action-icon"])
+      }, 8, ["model-value"])) : y("", !0),
+      u(l(g), {
+        "model-value": p.value,
+        class: "app-theme__mode-group",
+        size: "small",
+        "onUpdate:modelValue": n[1] || (n[1] = (e) => l(t).theme.setMode(e))
+      }, {
+        default: a(() => [
+          (o(), r(i, null, c(_, (e) => u(l(M), {
+            key: e.value,
+            value: e.value
+          }, {
+            default: a(() => [
+              u(l(O), {
+                content: e.label,
+                "show-after": 200,
+                placement: "bottom"
+              }, {
+                default: a(() => [
+                  u(l(S), null, {
+                    default: a(() => [
+                      (o(), s(E(e.icon)))
+                    ]),
+                    _: 2
+                  }, 1024)
+                ]),
+                _: 2
+              }, 1032, ["content"])
+            ]),
+            _: 2
+          }, 1032, ["value"])), 64))
+        ]),
+        _: 1
+      }, 8, ["model-value"])
     ]));
   }
 });
 export {
-  O as default
+  V as default
 };

package/es/components/app-layout/viewport.mjs

@@ -0,0 +1,5 @@
+const E = 800, _ = 1e4;
+export {
+  _ as ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_ABOVE,
+  E as ADMIN_CORE_VIEWPORT_DECOR_ZINDEX_BELOW
+};

package/es/components/form/FormItemNestForm.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./FormItemNestForm.vue2.mjs";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9c251e76"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-12b77b02"]]);
 export {
   p as default
 };

package/es/components/form/FormItemNestFormList.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./FormItemNestFormList.vue2.mjs";
 /* empty css                           */
 import t from "../../_virtual/_plugin-vue_export-helper.mjs";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f424fc36"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9fa02cbe"]]);
 export {
   s as default
 };

package/es/components/form/FormSearch.vue.mjs

@@ -1,7 +1,7 @@
 import o from "./FormSearch.vue2.mjs";
 /* empty css                 */
 import r from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-9a9f48af"]]);
+const p = /* @__PURE__ */ r(o, [["__scopeId", "data-v-4d4d2642"]]);
 export {
-  m as default
+  p as default
 };

package/es/components/form/FormSearch.vue2.mjs

@@ -24,7 +24,7 @@ const ue = { class: "btn-box" }, ge = /* @__PURE__ */ z({
       lg: 8,
       xl: 6
     }) },
-    rowGutter: {},
+    rowGutter: { default: 14 },
     layoutScale: {}
   },
   emits: ["search", "heightChange", "visibleChange"],

package/es/hooks/use-admin-theme-apply.mjs

@@ -1,6 +1,6 @@
 import { watch as u } from "vue";
 import { themeScaleDerive as g } from "../utils/theme-scale.mjs";
-const h = "admin-core-theme", p = [
+const m = "admin-core-theme", p = [
   ["primaryColor", { scale: !0, el: "--el-color-primary" }],
   ["successColor", { scale: !0, el: "--el-color-success" }],
   ["warningColor", { scale: !0, el: "--el-color-warning" }],
@@ -18,7 +18,7 @@ const h = "admin-core-theme", p = [
   ["blur", {}],
   ["focusRing", {}],
   ["surface", {}]
-], m = [
+], h = [
   "light-3",
   "light-5",
   "light-7",
@@ -27,19 +27,19 @@ const h = "admin-core-theme", p = [
   "dark-2"
 ], $ = (r) => r.replace(/([A-Z])/g, "-$1").toLowerCase(), f = (r, l) => {
   const o = [];
-  for (const [e, s] of p) {
+  for (const [e, c] of p) {
     const t = r[e];
     if (t === void 0 || t === "") continue;
-    const a = `--admin-core-${$(e)}`, i = s.el === void 0 ? [] : Array.isArray(s.el) ? s.el : [s.el];
-    if (s.scale) {
+    const a = `--admin-core-${$(e)}`, i = c.el === void 0 ? [] : Array.isArray(c.el) ? c.el : [c.el];
+    if (c.scale) {
       const n = g(t, l);
       o.push(`${a}: ${t};`);
-      for (const c of m)
-        o.push(`${a}-${c}: ${n[c]};`);
-      for (const c of i) {
-        o.push(`${c}: ${t};`);
-        for (const d of m)
-          o.push(`${c}-${d}: ${n[d]};`);
+      for (const s of h)
+        o.push(`${a}-${s}: ${n[s]};`);
+      for (const s of i) {
+        o.push(`${s}: ${t};`);
+        for (const d of h)
+          o.push(`${s}-${d}: ${n[d]};`);
       }
     } else {
       o.push(`${a}: ${t};`);
@@ -48,10 +48,11 @@ const h = "admin-core-theme", p = [
   }
   return o.join(`
   `);
-}, b = (r) => {
+}, C = (r) => {
   const l = f(r.light, "light"), o = f(r.dark, "dark");
   return `:root {
   ${l}
+  color: var(--admin-core-base-color);
 }
 :root.dark {
   ${o}
@@ -62,13 +63,13 @@ function E(r) {
   const l = r.document ?? (typeof document < "u" ? document : void 0);
   if (!l) return;
   const o = () => {
-    let e = l.getElementById(h);
-    return e || (e = l.createElement("style"), e.id = h, l.head.appendChild(e)), e;
+    let e = l.getElementById(m);
+    return e || (e = l.createElement("style"), e.id = m, l.head.appendChild(e)), e;
   };
   u(
     r.getThemeConfig,
     (e) => {
-      o().textContent = b(e);
+      o().textContent = C(e);
     },
     { deep: !0, immediate: !0 }
   ), u(

package/es/hooks/use-admin-viewport-apply.mjs

@@ -1,27 +1,39 @@
-import { watch as i } from "vue";
-const n = "admin-core-viewport", r = (e) => {
-  const o = e.paddingLeft + e.paddingRight, d = e.paddingTop + e.paddingBottom;
+import { watch as n } from "vue";
+const p = "admin-core-viewport", o = (e, d) => {
+  const i = e.paddingLeft + e.paddingRight, t = e.paddingTop + e.paddingBottom;
   return `:root {
-  --admin-core-viewport-width: calc(100vw - ${o}px);
-  --admin-core-viewport-height: calc(100vh - ${d}px);
-}
+  --admin-core-viewport-width: calc(100vw - ${i}px);
+  --admin-core-viewport-height: calc(100vh - ${t}px);
+  --admin-core-viewport-padding-top: ${e.paddingTop}px;
+  --admin-core-viewport-padding-right: ${e.paddingRight}px;
+  --admin-core-viewport-padding-bottom: ${e.paddingBottom}px;
+  --admin-core-viewport-padding-left: ${e.paddingLeft}px;
+` + // gap 内缝 var：仅当提供 getGapConfig 时注入（纯对外暴露，core 不读）。
+  (d ? `  --admin-core-gap: ${d.size}px;
+` : "") + `}
 `;
 };
-function c(e) {
-  const o = e.document ?? (typeof document < "u" ? document : void 0);
-  if (!o) return;
-  const d = () => {
-    let t = o.getElementById(n);
-    return t || (t = o.createElement("style"), t.id = n, o.head.appendChild(t)), t;
+function m(e) {
+  const d = e.document ?? (typeof document < "u" ? document : void 0);
+  if (!d) return;
+  const i = () => {
+    let t = d.getElementById(p);
+    return t || (t = d.createElement("style"), t.id = p, d.head.appendChild(t)), t;
   };
-  i(
-    e.getViewportConfig,
-    (t) => {
-      d().textContent = r(t);
+  n(
+    () => {
+      var t;
+      return {
+        viewport: e.getViewportConfig(),
+        gap: (t = e.getGapConfig) == null ? void 0 : t.call(e)
+      };
+    },
+    ({ viewport: t, gap: r }) => {
+      i().textContent = o(t, r);
     },
     { deep: !0, immediate: !0 }
   );
 }
 export {
-  c as useAdminViewportApply
+  m as useAdminViewportApply
 };