@done-coding/admin-core 0.18.0 → 0.19.0

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

@@ -1,71 +1,88 @@
-import { defineComponent as P, useCssVars as A, inject as m, computed as e, ref as v, openBlock as B, createElementBlock as E, normalizeStyle as H, createVNode as l, unref as p, withCtx as b, renderSlot as g, createElementVNode as L } from "vue";
-import $ from "../menu/MenuTree.vue.mjs";
-import h from "../display/WatchSize.vue.mjs";
-import w from "./AppCollapseToggle.vue.mjs";
-import { APP_LAYOUT_APP_STORE_KEY as F, APP_LAYOUT_BRIDGE_KEY as k } from "../../inject/key.mjs";
-const Y = { class: "app-sidebar-shim" }, N = /* @__PURE__ */ P({
+import { defineComponent, useCssVars, inject, computed, ref, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, renderSlot, createElementVNode } from "vue";
+import _sfc_main$2 from "../menu/MenuTree.vue.mjs";
+import _sfc_main$1 from "../display/WatchSize.vue.mjs";
+import AppCollapseToggle from "./AppCollapseToggle.vue.mjs";
+import { APP_LAYOUT_APP_STORE_KEY, APP_LAYOUT_BRIDGE_KEY } from "../../inject/key.mjs";
+const _hoisted_1 = { class: "app-sidebar-shim" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AppSidebar",
   props: {
     show: { type: Boolean },
-    aboveHeader: { type: Boolean, default: !1 },
+    aboveHeader: { type: Boolean, default: false },
     menus: {},
     menuFlatList: {}
   },
-  setup(t) {
-    A((o) => ({
-      v3ceb1df4: _.value,
-      v2c8b87ee: x.value,
-      baa8be1c: S.value
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v3ceb1df4": sidebarZIndex.value,
+      "v2c8b87ee": shimTop.value,
+      "baa8be1c": shimBottom.value
     }));
-    const f = t, s = m(F), u = e(() => s.sidebarStyle), c = v(0), d = v(0), C = e(() => parseFloat(String(u.value.paddingTop ?? "")) || 0), x = e(
-      () => `${Math.max(C.value, c.value)}px`
-    ), S = e(() => `${d.value}px`), _ = e(() => f.aboveHeader ? 2 : 0), r = e(() => s.sidebarIsCollapse), y = () => {
-      const o = !r.value;
-      s.changeSidebarCollapseStatus(o);
-    }, T = m(k), n = e(() => T.themeColors.value);
-    return (o, a) => (B(), E("div", {
-      class: "app-sidebar",
-      style: H(u.value)
-    }, [
-      l(p(h), {
-        class: "app-sidebar-top",
-        onHeightChange: a[0] || (a[0] = (i) => c.value = i)
-      }, {
-        default: b(() => [
-          g(o.$slots, "top", {}, void 0, !0)
+    const props = __props;
+    const appStore = inject(APP_LAYOUT_APP_STORE_KEY);
+    const sidebarStyle = computed(() => appStore.sidebarStyle);
+    const topSlotHeight = ref(0);
+    const bottomSlotHeight = ref(0);
+    const storePaddingTopPx = computed(() => {
+      return parseFloat(String(sidebarStyle.value.paddingTop ?? "")) || 0;
+    });
+    const shimTop = computed(
+      () => `${Math.max(storePaddingTopPx.value, topSlotHeight.value)}px`
+    );
+    const shimBottom = computed(() => `${bottomSlotHeight.value}px`);
+    const sidebarZIndex = computed(() => props.aboveHeader ? 2 : 0);
+    const collapse = computed(() => appStore.sidebarIsCollapse);
+    const onToggleCollapse = () => {
+      const next = !collapse.value;
+      appStore.changeSidebarCollapseStatus(next);
+    };
+    const bridge = inject(APP_LAYOUT_BRIDGE_KEY);
+    const themeColors = computed(() => bridge.themeColors.value);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "app-sidebar",
+        style: normalizeStyle(sidebarStyle.value)
+      }, [
+        createVNode(unref(_sfc_main$1), {
+          class: "app-sidebar-top",
+          onHeightChange: _cache[0] || (_cache[0] = ($event) => topSlotHeight.value = $event)
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "top", {}, void 0, true)
+          ]),
+          _: 3
+        }),
+        createElementVNode("div", _hoisted_1, [
+          createVNode(unref(_sfc_main$2), {
+            collapse: collapse.value,
+            menus: __props.menus,
+            style: { "height": "100%" },
+            "background-color": themeColors.value.bodyColor,
+            "text-color": themeColors.value.baseColor,
+            "active-text-color": themeColors.value.primaryColor,
+            menuFlatList: __props.menuFlatList,
+            routerMode: ""
+          }, null, 8, ["collapse", "menus", "background-color", "text-color", "active-text-color", "menuFlatList"])
         ]),
-        _: 3
-      }),
-      L("div", Y, [
-        l(p($), {
-          collapse: r.value,
-          menus: t.menus,
-          style: { height: "100%" },
-          "background-color": n.value.bodyColor,
-          "text-color": n.value.baseColor,
-          "active-text-color": n.value.primaryColor,
-          menuFlatList: t.menuFlatList,
-          routerMode: ""
-        }, null, 8, ["collapse", "menus", "background-color", "text-color", "active-text-color", "menuFlatList"])
-      ]),
-      l(p(h), {
-        class: "app-sidebar-bottom",
-        onHeightChange: a[1] || (a[1] = (i) => d.value = i)
-      }, {
-        default: b(() => [
-          g(o.$slots, "bottom", {}, void 0, !0)
-        ]),
-        _: 3
-      }),
-      l(w, {
-        side: "sidebar",
-        show: t.show,
-        collapse: r.value,
-        onToggle: y
-      }, null, 8, ["show", "collapse"])
-    ], 4));
+        createVNode(unref(_sfc_main$1), {
+          class: "app-sidebar-bottom",
+          onHeightChange: _cache[1] || (_cache[1] = ($event) => bottomSlotHeight.value = $event)
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "bottom", {}, void 0, true)
+          ]),
+          _: 3
+        }),
+        createVNode(AppCollapseToggle, {
+          side: "sidebar",
+          show: __props.show,
+          collapse: collapse.value,
+          onToggle: onToggleCollapse
+        }, null, 8, ["show", "collapse"])
+      ], 4);
+    };
   }
 });
 export {
-  N as default
+  _sfc_main as default
 };

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

@@ -1,7 +1,7 @@
-import o from "./AppTheme.vue2.mjs";
+import _sfc_main from "./AppTheme.vue2.mjs";
 /* empty css               */
-import p from "../../_virtual/_plugin-vue_export-helper.mjs";
-const a = /* @__PURE__ */ p(o, [["__scopeId", "data-v-06ca4822"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const AppTheme = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-06ca4822"]]);
 export {
-  a as default
+  AppTheme as default
 };

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

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

package/es/components/app-layout/app-page-geometry.mjs

@@ -1,74 +1,76 @@
-function x(t, o) {
-  return t ? Math.max(0, t - o) : 0;
+function appPageSlotInset(v, shimPadding) {
+  return v ? Math.max(0, v - shimPadding) : 0;
 }
-function d(t, o, e) {
+function computeAppPageReducedViewportHeight(bodyViewportHeight, slotSizes, shimPadding) {
   return Math.max(
     0,
-    t - x(o.topH, e) - x(o.bottomH, e)
+    bodyViewportHeight - appPageSlotInset(slotSizes.topH, shimPadding) - appPageSlotInset(slotSizes.bottomH, shimPadding)
   );
 }
-function u(t, o, e) {
+function computeAppPageReducedViewportWidth(pageBoxWidth, slotSizes, shimPadding) {
   return Math.max(
     0,
-    t - x(o.leftW, e) - x(o.rightW, e)
+    pageBoxWidth - appPageSlotInset(slotSizes.leftW, shimPadding) - appPageSlotInset(slotSizes.rightW, shimPadding)
   );
 }
-function r(t, o, e) {
-  const { topH: i, bottomH: p, leftW: n, rightW: f } = o;
+function computeAppPageContentInset(appInset, slotSizes, gap) {
+  const { topH, bottomH, leftW, rightW } = slotSizes;
   return {
-    top: t.top + i + (i ? e : 0),
-    bottom: t.bottom + p + (p ? e : 0),
-    left: t.left + n + (n ? e : 0),
-    right: t.right + f + (f ? e : 0)
+    top: appInset.top + topH + (topH ? gap : 0),
+    bottom: appInset.bottom + bottomH + (bottomH ? gap : 0),
+    left: appInset.left + leftW + (leftW ? gap : 0),
+    right: appInset.right + rightW + (rightW ? gap : 0)
   };
 }
-const m = 1;
-function l(t, o, e) {
-  const i = m, p = `calc(${t.top} + ${o}px)`, n = `calc(${t.bottom} + ${e}px)`;
+const APP_PAGE_SLOT_Z_INDEX = 1;
+function computeAppPageSlotStyles(rect, topH, bottomH) {
+  const z = APP_PAGE_SLOT_Z_INDEX;
+  const midTop = `calc(${rect.top} + ${topH}px)`;
+  const midBottom = `calc(${rect.bottom} + ${bottomH}px)`;
   return {
     top: {
       position: "fixed",
-      top: t.top,
-      left: t.left,
-      right: t.right,
-      zIndex: i
+      top: rect.top,
+      left: rect.left,
+      right: rect.right,
+      zIndex: z
     },
     bottom: {
       position: "fixed",
-      bottom: t.bottom,
-      left: t.left,
-      right: t.right,
-      zIndex: i
+      bottom: rect.bottom,
+      left: rect.left,
+      right: rect.right,
+      zIndex: z
     },
     left: {
       position: "fixed",
-      left: t.left,
-      top: p,
-      bottom: n,
-      zIndex: i
+      left: rect.left,
+      top: midTop,
+      bottom: midBottom,
+      zIndex: z
     },
     right: {
       position: "fixed",
-      right: t.right,
-      top: p,
-      bottom: n,
-      zIndex: i
+      right: rect.right,
+      top: midTop,
+      bottom: midBottom,
+      zIndex: z
     }
   };
 }
-function h(t, o) {
+function computeAppPageSlotShimStyles(sp, gap) {
   return {
-    top: { padding: `${t}px ${t}px ${o}px ${t}px` },
-    bottom: { padding: `${o}px ${t}px ${t}px ${t}px` },
-    left: { padding: `0 ${o}px 0 ${t}px` },
-    right: { padding: `0 ${t}px 0 ${o}px` }
+    top: { padding: `${sp}px ${sp}px ${gap}px ${sp}px` },
+    bottom: { padding: `${gap}px ${sp}px ${sp}px ${sp}px` },
+    left: { padding: `0 ${gap}px 0 ${sp}px` },
+    right: { padding: `0 ${sp}px 0 ${gap}px` }
   };
 }
 export {
-  m as APP_PAGE_SLOT_Z_INDEX,
-  r as computeAppPageContentInset,
-  d as computeAppPageReducedViewportHeight,
-  u as computeAppPageReducedViewportWidth,
-  h as computeAppPageSlotShimStyles,
-  l as computeAppPageSlotStyles
+  APP_PAGE_SLOT_Z_INDEX,
+  computeAppPageContentInset,
+  computeAppPageReducedViewportHeight,
+  computeAppPageReducedViewportWidth,
+  computeAppPageSlotShimStyles,
+  computeAppPageSlotStyles
 };

package/es/components/app-layout/keep-alive.mjs

@@ -1,22 +1,30 @@
-const o = (t) => {
-  const e = t.matched ?? [], n = [];
-  return e.forEach((s, c) => {
-    s.components && Object.keys(s.components).length > 0 && n.push(c);
-  }), n;
-}, a = (t) => {
-  const e = o(t);
-  return e.length > 0 && e[0] === e[e.length - 1];
-}, p = (t) => {
-  var e;
-  return a(t) && !!((e = t.meta) != null && e.keepAlive);
-}, i = (t) => {
-  var c, h;
-  const e = o(t);
-  if (e.length === 0) return t.path;
-  const n = e[0], s = e[e.length - 1];
-  return n === s ? t.path : ((h = (c = t.matched) == null ? void 0 : c[n]) == null ? void 0 : h.path) ?? t.path;
+const componentBearingIndexes = (route) => {
+  const matched = route.matched ?? [];
+  const idxs = [];
+  matched.forEach((record, index) => {
+    if (record.components && Object.keys(record.components).length > 0) {
+      idxs.push(index);
+    }
+  });
+  return idxs;
+};
+const rendersLeaf = (route) => {
+  const idxs = componentBearingIndexes(route);
+  return idxs.length > 0 && idxs[0] === idxs[idxs.length - 1];
+};
+const isKeepAliveRoute = (route) => {
+  var _a;
+  return rendersLeaf(route) && !!((_a = route.meta) == null ? void 0 : _a.keepAlive);
+};
+const keepAliveRouteKey = (route) => {
+  var _a, _b;
+  const idxs = componentBearingIndexes(route);
+  if (idxs.length === 0) return route.path;
+  const first = idxs[0];
+  const last = idxs[idxs.length - 1];
+  return first === last ? route.path : ((_b = (_a = route.matched) == null ? void 0 : _a[first]) == null ? void 0 : _b.path) ?? route.path;
 };
 export {
-  p as isKeepAliveRoute,
-  i as keepAliveRouteKey
+  isKeepAliveRoute,
+  keepAliveRouteKey
 };

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

@@ -1,5 +1,6 @@
-const E = 800, O = 1e4;
+const CORE_VIEWPORT_DECOR_ZINDEX_BELOW = 800;
+const CORE_VIEWPORT_DECOR_ZINDEX_ABOVE = 1e4;
 export {
-  O as CORE_VIEWPORT_DECOR_ZINDEX_ABOVE,
-  E as CORE_VIEWPORT_DECOR_ZINDEX_BELOW
+  CORE_VIEWPORT_DECOR_ZINDEX_ABOVE,
+  CORE_VIEWPORT_DECOR_ZINDEX_BELOW
 };

package/es/components/data-view/DataListView.vue.mjs

@@ -1,7 +1,7 @@
-import t from "./DataListView.vue2.mjs";
+import _sfc_main from "./DataListView.vue2.mjs";
 /* empty css                   */
-import o from "../../_virtual/_plugin-vue_export-helper.mjs";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-da082546"]]);
+import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
+const DataListView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-da082546"]]);
 export {
-  m as default
+  DataListView as default
 };