@done-coding/admin-core 0.17.1-alpha.0 → 0.18.1-alpha.0

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

@@ -1,93 +1,130 @@
-import { defineComponent as H, useCssVars as L, inject as E, ref as g, computed as o, provide as r, readonly as A, watch as k, resolveComponent as F, openBlock as l, createElementBlock as Y, normalizeStyle as T, createElementVNode as $, createBlock as d, unref as n, withCtx as b, createVNode as S, createCommentVNode as u, KeepAlive as D, resolveDynamicComponent as w, renderSlot as G } from "vue";
-import { ElAffix as U } from "element-plus";
-import K from "./AppBreadcrumb.vue.mjs";
-import { isKeepAliveRoute as O, keepAliveRouteKey as P } from "./keep-alive.mjs";
-import M from "lodash/debounce";
-import { APP_LAYOUT_APP_STORE_KEY as W, APP_LAYOUT_BRIDGE_KEY as z, BODY_CONTENT_VIEWPORT_HEIGHT as j, SCOPE_VIEWPORT_MAX_HEIGHT as X, BODY_CONTENT_VIEWPORT_RECT as q, BODY_CONTENT_VIEWPORT_INSET as J } from "../../inject/key.mjs";
-import { useActivated as Q } from "../../hooks/activated.mjs";
-const re = /* @__PURE__ */ H({
+import { defineComponent, useCssVars, inject, ref, computed, provide, readonly, watch, resolveComponent, openBlock, createElementBlock, normalizeStyle, createElementVNode, createBlock, unref, withCtx, createVNode, createCommentVNode, KeepAlive, resolveDynamicComponent, renderSlot } from "vue";
+import { ElAffix } from "element-plus";
+import AppBreadcrumb from "./AppBreadcrumb.vue.mjs";
+import { isKeepAliveRoute, keepAliveRouteKey } from "./keep-alive.mjs";
+import _debounce from "lodash/debounce";
+import { APP_LAYOUT_APP_STORE_KEY, APP_LAYOUT_BRIDGE_KEY, BODY_CONTENT_VIEWPORT_HEIGHT, SCOPE_VIEWPORT_MAX_HEIGHT, BODY_CONTENT_VIEWPORT_RECT, BODY_CONTENT_VIEWPORT_INSET } from "../../inject/key.mjs";
+import { useActivated } from "../../hooks/activated.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AppBody",
   props: {
     menuFlatList: { default: () => [] }
   },
-  setup(R) {
-    L((e) => ({
-      v03873635: p.value
+  setup(__props) {
+    useCssVars((_ctx) => ({
+      "v03873635": contentViewHeight.value
     }));
-    const t = E(W), m = E(z), C = m.APP_ROUTER_CONFIG, y = g(!1), v = o(() => m.APP_LAYOUT_BREADCRUMB_CONFIG.height), s = g(0);
-    r(j, A(s)), r(X, {
+    const appStore = inject(APP_LAYOUT_APP_STORE_KEY);
+    const bridge = inject(APP_LAYOUT_BRIDGE_KEY);
+    const APP_ROUTER_CONFIG = bridge.APP_ROUTER_CONFIG;
+    const affixIsShow = ref(false);
+    const affixHeight = computed(() => bridge.APP_LAYOUT_BREADCRUMB_CONFIG.height);
+    const contentViewportAbsoluteHeight = ref(0);
+    provide(BODY_CONTENT_VIEWPORT_HEIGHT, readonly(contentViewportAbsoluteHeight));
+    provide(SCOPE_VIEWPORT_MAX_HEIGHT, {
       scope: void 0,
-      viewportMaxHeight: A(s),
+      viewportMaxHeight: readonly(contentViewportAbsoluteHeight),
       parent: void 0
     });
-    const f = o(() => t.bodyShimPadding), c = o(() => t.bodyShimStyle), V = o(() => t.bodyStyle), _ = o(() => t.showBreadcrumb), x = o(() => parseFloat(`${t.bodyStyle.paddingTop ?? 0}`) || 0), B = o(() => ({
-      top: t.bodyStyle.paddingTop,
-      left: t.bodyStyle.paddingLeft,
-      right: t.bodyStyle.paddingRight,
-      bottom: `calc(100vh - ${t.bodyStyle.paddingTop} - ${c.value.minHeight})`,
+    const bodyShimPadding = computed(() => {
+      return appStore.bodyShimPadding;
+    });
+    const bodyShimStyle = computed(() => {
+      return appStore.bodyShimStyle;
+    });
+    const bodyStyle = computed(() => appStore.bodyStyle);
+    const showBreadcrumb = computed(() => appStore.showBreadcrumb);
+    const offset = computed(() => {
+      return parseFloat(`${appStore.bodyStyle.paddingTop ?? 0}`) || 0;
+    });
+    const contentViewportRect = computed(() => ({
+      top: appStore.bodyStyle.paddingTop,
+      left: appStore.bodyStyle.paddingLeft,
+      right: appStore.bodyStyle.paddingRight,
+      bottom: `calc(100vh - ${appStore.bodyStyle.paddingTop} - ${bodyShimStyle.value.minHeight})`,
       // app-body-shim 内边距：供 AppPage 各插槽 shim 朝 chrome 侧留呼吸
-      shimPadding: f.value
+      shimPadding: bodyShimPadding.value
     }));
-    r(q, B), r(
-      J,
-      o(() => t.contentViewportInset)
+    provide(BODY_CONTENT_VIEWPORT_RECT, contentViewportRect);
+    provide(
+      BODY_CONTENT_VIEWPORT_INSET,
+      computed(() => appStore.contentViewportInset)
+    );
+    const contentViewHeight = computed(
+      () => `calc(${bodyShimStyle.value.minHeight} - ${showBreadcrumb.value && affixIsShow.value ? affixHeight.value : 0}px - ${bodyShimPadding.value * 2}px)`
     );
-    const p = o(
-      () => `calc(${c.value.minHeight} - ${_.value && y.value ? v.value : 0}px - ${f.value * 2}px)`
-    ), I = (e) => {
-      y.value = e;
-    }, i = M(() => {
-      const e = document.createElement("div");
-      e.style.height = p.value, e.style.position = "fixed", e.style.left = "100%", e.style.top = "100%", e.style.opacity = "0", e.style.pointerEvents = "none", document.body.appendChild(e), s.value = e.clientHeight, e.remove();
+    const onAffixShow = (value) => {
+      affixIsShow.value = value;
+    };
+    const updateContentViewportAbsoluteHeight = _debounce(() => {
+      const div = document.createElement("div");
+      div.style.height = contentViewHeight.value;
+      div.style.position = "fixed";
+      div.style.left = "100%";
+      div.style.top = "100%";
+      div.style.opacity = "0";
+      div.style.pointerEvents = "none";
+      document.body.appendChild(div);
+      contentViewportAbsoluteHeight.value = div.clientHeight;
+      div.remove();
     }, 16);
-    return k(p, () => {
-      i();
-    }), Q((e) => {
-      typeof window > "u" || (e.isActivated ? (i(), window.addEventListener("resize", i)) : (window.removeEventListener("resize", i), i.cancel()));
-    }), (e, Z) => {
-      const N = F("RouterView");
-      return l(), Y("div", {
+    watch(contentViewHeight, () => {
+      updateContentViewportAbsoluteHeight();
+    });
+    useActivated((info) => {
+      if (typeof window === "undefined") return;
+      if (info.isActivated) {
+        updateContentViewportAbsoluteHeight();
+        window.addEventListener("resize", updateContentViewportAbsoluteHeight);
+      } else {
+        window.removeEventListener("resize", updateContentViewportAbsoluteHeight);
+        updateContentViewportAbsoluteHeight.cancel();
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_RouterView = resolveComponent("RouterView");
+      return openBlock(), createElementBlock("div", {
         class: "app-body",
-        style: T(V.value)
+        style: normalizeStyle(bodyStyle.value)
       }, [
-        $("div", {
+        createElementVNode("div", {
           class: "app-body-shim",
-          style: T(c.value)
+          style: normalizeStyle(bodyShimStyle.value)
         }, [
-          _.value ? (l(), d(n(U), {
+          showBreadcrumb.value ? (openBlock(), createBlock(unref(ElAffix), {
             key: 0,
-            offset: x.value
+            offset: offset.value
           }, {
-            default: b(() => [
-              S(K, {
-                height: v.value,
-                menuFlatList: R.menuFlatList,
-                onShow: I
+            default: withCtx(() => [
+              createVNode(AppBreadcrumb, {
+                height: affixHeight.value,
+                menuFlatList: __props.menuFlatList,
+                onShow: onAffixShow
               }, null, 8, ["height", "menuFlatList"])
             ]),
             _: 1
-          }, 8, ["offset"])) : u("", !0),
-          S(N, null, {
-            default: b(({ Component: h, route: a }) => [
-              (l(), d(D, {
-                max: n(C).keepAliveMaxCount
+          }, 8, ["offset"])) : createCommentVNode("", true),
+          createVNode(_component_RouterView, null, {
+            default: withCtx(({ Component, route }) => [
+              (openBlock(), createBlock(KeepAlive, {
+                max: unref(APP_ROUTER_CONFIG).keepAliveMaxCount
               }, [
-                n(O)(a) ? (l(), d(w(h), {
-                  key: n(P)(a)
-                })) : u("", !0)
+                unref(isKeepAliveRoute)(route) ? (openBlock(), createBlock(resolveDynamicComponent(Component), {
+                  key: unref(keepAliveRouteKey)(route)
+                })) : createCommentVNode("", true)
               ], 1032, ["max"])),
-              n(O)(a) ? u("", !0) : (l(), d(w(h), {
-                key: n(P)(a)
-              }))
+              !unref(isKeepAliveRoute)(route) ? (openBlock(), createBlock(resolveDynamicComponent(Component), {
+                key: unref(keepAliveRouteKey)(route)
+              })) : createCommentVNode("", true)
             ]),
             _: 1
           })
         ], 4),
-        G(e.$slots, "footer", {}, void 0, !0)
+        renderSlot(_ctx.$slots, "footer", {}, void 0, true)
       ], 4);
     };
   }
 });
 export {
-  re as default
+  _sfc_main as default
 };

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

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

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

@@ -1,51 +1,72 @@
-import { defineComponent as _, computed as r, watch as v, withDirectives as w, openBlock as a, createElementBlock as m, normalizeStyle as B, createVNode as b, unref as s, withCtx as c, Fragment as g, renderList as x, createBlock as y, createTextVNode as k, toDisplayString as E, vShow as F } from "vue";
-import { useRoute as I } from "vue-router";
-import { ElBreadcrumb as L, ElBreadcrumbItem as S } from "element-plus";
-const N = /* @__PURE__ */ _({
-  name: "AppBreadcrumb",
+import { defineComponent, computed, watch, withDirectives, openBlock, createElementBlock, normalizeStyle, createVNode, unref, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, vShow } from "vue";
+import { useRoute } from "vue-router";
+import { ElBreadcrumb, ElBreadcrumbItem } from "element-plus";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "AppBreadcrumb"
+  },
   __name: "AppBreadcrumb",
   props: {
     height: {},
     menuFlatList: {}
   },
   emits: ["show"],
-  setup(l, { emit: i }) {
-    const o = l, p = i, h = I(), n = r(() => h.matched.map((e) => o.menuFlatList.find(
-      (t) => t.path === e.path
-    )).filter((e) => e)), u = r(() => !!n.value.length), d = r(() => ({
-      height: `${o.height}px`
-    }));
-    return v(
-      u,
-      (e) => {
-        p("show", e);
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const route = useRoute();
+    const list = computed(() => {
+      return route.matched.map((item) => {
+        const menuItem = props.menuFlatList.find(
+          (menuItem2) => menuItem2.path === item.path
+        );
+        return menuItem;
+      }).filter((item) => item);
+    });
+    const show = computed(() => {
+      return !!list.value.length;
+    });
+    const style = computed(() => {
+      return {
+        height: `${props.height}px`
+      };
+    });
+    watch(
+      show,
+      (n) => {
+        emits("show", n);
       },
       {
-        immediate: !0
+        immediate: true
       }
-    ), (e, f) => w((a(), m("div", {
-      class: "app-breadcrumb",
-      style: B(d.value)
-    }, [
-      b(s(L), { separator: "/" }, {
-        default: c(() => [
-          (a(!0), m(g, null, x(n.value, (t) => (a(), y(s(S), {
-            key: t.path,
-            to: t.path
-          }, {
-            default: c(() => [
-              k(E(t.title), 1)
-            ]),
-            _: 2
-          }, 1032, ["to"]))), 128))
-        ]),
-        _: 1
-      })
-    ], 4)), [
-      [F, u.value]
-    ]);
+    );
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("div", {
+        class: "app-breadcrumb",
+        style: normalizeStyle(style.value)
+      }, [
+        createVNode(unref(ElBreadcrumb), { separator: "/" }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(list.value, (item) => {
+              return openBlock(), createBlock(unref(ElBreadcrumbItem), {
+                key: item.path,
+                to: item.path
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(item.title), 1)
+                ]),
+                _: 2
+              }, 1032, ["to"]);
+            }), 128))
+          ]),
+          _: 1
+        })
+      ], 4)), [
+        [vShow, show.value]
+      ]);
+    };
   }
 });
 export {
-  N as default
+  _sfc_main as default
 };

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

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

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

@@ -1,7 +1,8 @@
-import { defineComponent as f, computed as s, openBlock as y, createBlock as v, unref as n, withCtx as r, createElementVNode as w, withKeys as i, withModifiers as c, normalizeClass as b, createVNode as p, normalizeStyle as C, createCommentVNode as $ } from "vue";
-import { ElTooltip as B, ElIcon as h } from "element-plus";
-import { ArrowRightBold as k } from "@element-plus/icons-vue";
-const x = ["aria-label"], z = /* @__PURE__ */ f({
+import { defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, withKeys, withModifiers, normalizeClass, createVNode, normalizeStyle, createCommentVNode } from "vue";
+import { ElTooltip, ElIcon } from "element-plus";
+import { ArrowRightBold } from "@element-plus/icons-vue";
+const _hoisted_1 = ["aria-label"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AppCollapseToggle",
   props: {
     side: {},
@@ -9,46 +10,54 @@ const x = ["aria-label"], z = /* @__PURE__ */ f({
     show: { type: Boolean }
   },
   emits: ["toggle"],
-  setup(e, { emit: d }) {
-    const l = e, o = d, g = s(() => l.side === "sidebar" ? "right" : "left"), m = s(() => ({ transform: `rotate(${l.side === "sidebar" ? l.collapse ? 0 : 180 : l.collapse ? 180 : 0}deg)` }));
-    return (u, t) => e.show ? (y(), v(n(B), {
-      key: 0,
-      content: e.collapse ? "展开" : "收起",
-      placement: g.value,
-      "show-after": 200
-    }, {
-      default: r(() => [
-        w("div", {
-          class: b([
-            "dc-collapse-toggle",
-            `dc-collapse-toggle--${e.side}`,
-            "app-collapse-toggle",
-            `app-collapse-toggle--${e.side}`
-          ]),
-          role: "button",
-          tabindex: "0",
-          "aria-label": e.collapse ? "展开" : "收起",
-          onClick: t[0] || (t[0] = (a) => o("toggle")),
-          onKeydown: [
-            t[1] || (t[1] = i(c((a) => o("toggle"), ["prevent"]), ["enter"])),
-            t[2] || (t[2] = i(c((a) => o("toggle"), ["prevent"]), ["space"]))
-          ]
-        }, [
-          p(n(h), null, {
-            default: r(() => [
-              p(n(k), {
-                class: "app-collapse-toggle__icon",
-                style: C(m.value)
-              }, null, 8, ["style"])
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const placement = computed(() => props.side === "sidebar" ? "right" : "left");
+    const iconStyle = computed(() => {
+      const deg = props.side === "sidebar" ? props.collapse ? 0 : 180 : props.collapse ? 180 : 0;
+      return { transform: `rotate(${deg}deg)` };
+    });
+    return (_ctx, _cache) => {
+      return __props.show ? (openBlock(), createBlock(unref(ElTooltip), {
+        key: 0,
+        content: __props.collapse ? "展开" : "收起",
+        placement: placement.value,
+        "show-after": 200
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass([
+              "dc-collapse-toggle",
+              `dc-collapse-toggle--${__props.side}`,
+              "app-collapse-toggle",
+              `app-collapse-toggle--${__props.side}`
             ]),
-            _: 1
-          })
-        ], 42, x)
-      ]),
-      _: 1
-    }, 8, ["content", "placement"])) : $("", !0);
+            role: "button",
+            tabindex: "0",
+            "aria-label": __props.collapse ? "展开" : "收起",
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("toggle")),
+            onKeydown: [
+              _cache[1] || (_cache[1] = withKeys(withModifiers(($event) => emit("toggle"), ["prevent"]), ["enter"])),
+              _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => emit("toggle"), ["prevent"]), ["space"]))
+            ]
+          }, [
+            createVNode(unref(ElIcon), null, {
+              default: withCtx(() => [
+                createVNode(unref(ArrowRightBold), {
+                  class: "app-collapse-toggle__icon",
+                  style: normalizeStyle(iconStyle.value)
+                }, null, 8, ["style"])
+              ]),
+              _: 1
+            })
+          ], 42, _hoisted_1)
+        ]),
+        _: 1
+      }, 8, ["content", "placement"])) : createCommentVNode("", true);
+    };
   }
 });
 export {
-  z as default
+  _sfc_main as default
 };

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

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

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

@@ -1,17 +1,20 @@
-import { defineComponent as r, inject as p, computed as n, openBlock as l, createElementBlock as s, normalizeStyle as a, createElementVNode as m } from "vue";
-import { APP_LAYOUT_APP_STORE_KEY as c } from "../../inject/key.mjs";
-const d = /* @__PURE__ */ r({
+import { defineComponent, inject, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode } from "vue";
+import { APP_LAYOUT_APP_STORE_KEY } from "../../inject/key.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AppFooter",
-  setup(_) {
-    const o = p(c), t = n(() => o.footerStyle);
-    return (f, e) => (l(), s("div", {
-      class: "app-footer",
-      style: a(t.value)
-    }, [...e[0] || (e[0] = [
-      m("div", { class: "app-footer-shim" }, null, -1)
-    ])], 4));
+  setup(__props) {
+    const appStore = inject(APP_LAYOUT_APP_STORE_KEY);
+    const footerStyle = computed(() => appStore.footerStyle);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "app-footer",
+        style: normalizeStyle(footerStyle.value)
+      }, [..._cache[0] || (_cache[0] = [
+        createElementVNode("div", { class: "app-footer-shim" }, null, -1)
+      ])], 4);
+    };
   }
 });
 export {
-  d as default
+  _sfc_main as default
 };

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

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