@done-coding/admin-core 0.24.0 → 0.25.0

package/es/bridge/badge.mjs

@@ -0,0 +1,27 @@
+import { shallowRef, readonly } from "vue";
+function createBridgeBadgeHook(init = {}) {
+  const marks = shallowRef({ ...init.marks ?? {} });
+  const setAll = (next) => {
+    marks.value = { ...next };
+  };
+  const set = (key, entry) => {
+    marks.value = { ...marks.value, [key]: entry };
+  };
+  const remove = (key) => {
+    if (!(key in marks.value)) return;
+    const next = { ...marks.value };
+    delete next[key];
+    marks.value = next;
+  };
+  return {
+    badge: {
+      marks: readonly(marks),
+      setAll,
+      set,
+      remove
+    }
+  };
+}
+export {
+  createBridgeBadgeHook
+};

package/es/bridge/index.mjs

@@ -6,6 +6,7 @@ import { createBridgeConfigHook } from "./config-hook.mjs";
 import { createBridgePluginHost } from "./plugin.mjs";
 import { createBridgeThemeHook } from "./theme/index.mjs";
 import { createBridgeLayoutHook } from "./layout.mjs";
+import { createBridgeBadgeHook } from "./badge.mjs";
 import { CORE_BRIDGE_KEY } from "../inject/key.mjs";
 function createCoreBridge(options) {
   const rawNs = options.APP_CACHE_CONFIG.namespace;
@@ -81,6 +82,7 @@ function createCoreBridge(options) {
     defaultMode: options.defaultThemeMode
   });
   const layoutHook = createBridgeLayoutHook({ storage });
+  const badgeHook = createBridgeBadgeHook({ marks: options.badgeMarks });
   const themeColors = computed(
     () => themeHook.themeIsDark.value ? configHook.roTheme.dark : configHook.roTheme.light
   );
@@ -251,6 +253,8 @@ function createCoreBridge(options) {
     showThemeStyleSwitcher: options.showThemeStyleSwitcher ?? true,
     /** 布局折叠模块（折叠真相源在 bridge；appStore 转发，AppSidebar / AppAside 驱动） */
     layout: layoutHook.layout,
+    /** 徽标注册表（key→标记；菜单按 path、ActionBtn 按 badgeKey 查表渲染角标） */
+    badge: badgeHook.badge,
     /** 用户信息字段访问器集（第一宪法：业务注入 get/set 读写 token/refreshToken/permission） */
     userInfoAccess,
     // 插件系统一期：update（REQ-1）+ install（REQ-9）挂载。

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

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

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

@@ -1,6 +1,7 @@
-import { defineComponent, useCssVars, inject, computed, watch, nextTick, openBlock, createElementBlock, normalizeStyle, createElementVNode, renderSlot, normalizeClass, Fragment, renderList, createBlock, unref, withCtx, resolveDynamicComponent, createCommentVNode, toDisplayString } from "vue";
+import { defineComponent, useCssVars, inject, computed, watch, nextTick, openBlock, createElementBlock, normalizeStyle, createElementVNode, renderSlot, normalizeClass, Fragment, renderList, createBlock, unref, withCtx, resolveDynamicComponent, createCommentVNode, createVNode, createTextVNode, toDisplayString } from "vue";
 import { useRouter } from "vue-router";
 import { ElIcon } from "element-plus";
+import BadgeMark from "../display/BadgeMark.vue.mjs";
 import { APP_LAYOUT_APP_STORE_KEY, APP_LAYOUT_BRIDGE_KEY } from "../../inject/key.mjs";
 const _hoisted_1 = { class: "app-header-shim" };
 const _hoisted_2 = ["name", "onClick"];
@@ -16,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v8834c284": themeColors.value.primaryColor
+      "v05959ac0": themeColors.value.primaryColor
     }));
     const props = __props;
     const appStore = inject(APP_LAYOUT_APP_STORE_KEY);
@@ -87,7 +88,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 2
                 }, 1024)) : createCommentVNode("", true),
-                createElementVNode("span", null, toDisplayString(menu.title), 1)
+                createElementVNode("span", null, [
+                  createVNode(unref(BadgeMark), {
+                    badgeKey: menu.path
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(menu.title), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["badgeKey"])
+                ])
               ], 10, _hoisted_2);
             }), 128))
           ])) : createCommentVNode("", true),

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

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

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

@@ -72,7 +72,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       getThemeMotion: () => props.bridge.themeMotion.value
     });
     useCoreViewportApply({
-      getViewportConfig: () => props.bridge.APP_LAYOUT_VIEWPORT_CONFIG,
+      // [MUST] 读 store 的**有效值**而非 bridge 原值：路由 `meta.layout.noViewportPadding`
+      // 要同时归零 core 内部几何与这套对外 CSS var，两条链必须同源
+      // （只归零一边 → 内容区贴边了，而读 var 的浮层仍按套框内缘定位）。
+      getViewportConfig: () => props.appStore.viewportConfigEffective,
       getGapConfig: () => props.bridge.APP_LAYOUT_GAP_CONFIG
     });
     const menus = computed(() => {
@@ -158,7 +161,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["app-layout", {
-          "app-layout_noLogin": !isLogin.value
+          "app-layout_noLogin": !isLogin.value,
+          "app-layout_noAnimation": __props.appStore.noAnimation
         }])
       }, [
         createVNode(unref(ElWatermark), {

package/es/components/display/ActionBtn.vue.mjs

@@ -1,6 +1,7 @@
 import { defineComponent, toRefs, getCurrentInstance, ref, computed, openBlock, createBlock, unref, withCtx, createVNode, mergeProps, renderSlot } from "vue";
 import { ElButton } from "element-plus";
 import ActionConfirm from "./ActionConfirm.vue.mjs";
+import BadgeMark from "./BadgeMark.vue.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "ActionBtn",
@@ -25,7 +26,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     tag: {},
     confirmMode: {},
     confirmConfig: {},
-    beforeOpen: {}
+    beforeOpen: {},
+    badgeKey: {}
   },
   emits: ["click"],
   setup(__props) {
@@ -137,7 +139,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             onClick: onInnerClick
           }), {
             default: withCtx(() => [
-              renderSlot(_ctx.$slots, "default")
+              createVNode(BadgeMark, {
+                align: "corner",
+                badgeKey: __props.badgeKey
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+              }, 8, ["badgeKey"])
             ]),
             _: 3
           }, 16, ["loading"])
@@ -151,7 +161,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onClick: onInnerClick
       }), {
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
+          createVNode(BadgeMark, {
+            align: "corner",
+            badgeKey: __props.badgeKey
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+          }, 8, ["badgeKey"])
         ]),
         _: 3
       }, 16, ["loading"]));

package/es/components/display/BadgeMark.vue.mjs

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

package/es/components/display/BadgeMark.vue2.mjs

@@ -0,0 +1,31 @@
+import { defineComponent, unref, openBlock, createBlock, normalizeClass, withCtx, renderSlot } from "vue";
+import { ElBadge } from "element-plus";
+import { useBadgeResolved } from "./use-badge.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "BadgeMark",
+  props: {
+    badgeKey: {},
+    align: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const resolved = useBadgeResolved(() => props.badgeKey);
+    return (_ctx, _cache) => {
+      return unref(resolved) ? (openBlock(), createBlock(unref(ElBadge), {
+        key: 0,
+        class: normalizeClass(["dc-badge-mark badge-mark", `badge-mark_${__props.align ?? "middle"}`]),
+        value: unref(resolved).value,
+        max: unref(resolved).max,
+        type: unref(resolved).type
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 8, ["class", "value", "max", "type"])) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/display/TabsHeader.vue.mjs

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

package/es/components/display/TabsHeader.vue2.mjs

@@ -1,4 +1,5 @@
-import { defineComponent, toRefs, useModel, ref, computed, watch, openBlock, createElementBlock, normalizeClass, Fragment, renderList, unref, renderSlot, createTextVNode, toDisplayString, normalizeStyle, createCommentVNode, mergeModels, nextTick } from "vue";
+import { defineComponent, toRefs, useModel, ref, computed, watch, openBlock, createElementBlock, normalizeClass, Fragment, renderList, unref, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString, normalizeStyle, createCommentVNode, mergeModels, nextTick } from "vue";
+import BadgeMark from "./BadgeMark.vue.mjs";
 import { useActivated } from "../../hooks/activated.mjs";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -82,12 +83,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(["tabs-main-bar-item", { "tabs-main-bar-item_active": tab.key === activeKey.value }]),
             onClick: ($event) => activeKey.value = tab.key
           }, [
-            renderSlot(_ctx.$slots, tab.key, {
-              tab,
-              active: tab.key === activeKey.value
-            }, () => [
-              createTextVNode(toDisplayString(tab.title), 1)
-            ], true)
+            createVNode(BadgeMark, {
+              align: "corner",
+              badgeKey: tab.badgeKey
+            }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, tab.key, {
+                  tab,
+                  active: tab.key === activeKey.value
+                }, () => [
+                  createTextVNode(toDisplayString(tab.title), 1)
+                ], true)
+              ]),
+              _: 2
+            }, 1032, ["badgeKey"])
           ], 10, _hoisted_1);
         }), 128)),
         showIndicator.value ? (openBlock(), createElementBlock("div", {

package/es/components/display/TabsTile.vue.mjs

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

package/es/components/display/TabsTile.vue2.mjs

@@ -1,5 +1,6 @@
 import { defineComponent, toRefs, useModel, ref, computed, inject, watch, onMounted, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, unref, createVNode, withCtx, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, withModifiers, mergeModels } from "vue";
 import { ElCard, ElAnchor, ElAnchorLink } from "element-plus";
+import BadgeMark from "./BadgeMark.vue.mjs";
 import _sfc_main$1 from "../slot-layout/SlotLayoutTemplate.vue.mjs";
 import { getId } from "../../utils/id.mjs";
 import { APP_PAGE_CONTENT_INSET } from "../../inject/key.mjs";
@@ -189,12 +190,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: "dc-tabs-tile__card"
               }, {
                 header: withCtx(() => [
-                  renderSlot(_ctx.$slots, `header-${tab.key}`, {
-                    tab,
-                    active: tab.key === model.value
-                  }, () => [
-                    createTextVNode(toDisplayString(tab.title), 1)
-                  ], true)
+                  createVNode(BadgeMark, {
+                    badgeKey: tab.badgeKey
+                  }, {
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, `header-${tab.key}`, {
+                        tab,
+                        active: tab.key === model.value
+                      }, () => [
+                        createTextVNode(toDisplayString(tab.title), 1)
+                      ], true)
+                    ]),
+                    _: 2
+                  }, 1032, ["badgeKey"])
                 ]),
                 default: withCtx(() => [
                   renderSlot(_ctx.$slots, tab.key, {
@@ -230,7 +238,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   key: tab.key,
                   href: `#${paneId(index)}`,
                   title: tab.title
-                }, null, 8, ["href", "title"]);
+                }, {
+                  default: withCtx(() => [
+                    createVNode(BadgeMark, {
+                      badgeKey: tab.badgeKey
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(tab.title), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["badgeKey"])
+                  ]),
+                  _: 2
+                }, 1032, ["href", "title"]);
               }), 128))
             ]),
             _: 1

package/es/components/display/use-badge.mjs

@@ -0,0 +1,62 @@
+import { inject, computed, onScopeDispose, ref } from "vue";
+import { CORE_BRIDGE_KEY } from "../../inject/key.mjs";
+const BADGE_BUILTIN_PRESET = {
+  new: { text: "新", type: "success" },
+  updated: { text: "更新", type: "primary" },
+  beta: { text: "内测", type: "warning" },
+  // [MUST] ≤2 汉字：绝对定位下角标必然逃逸出宿主，逃逸量=角标宽−13px；
+  // 3 字的「开发中」宽 50px、逃逸 36px 会顶到下一个按钮，2 字「开发」宽 38px、逃逸 24px 安全。
+  wip: { text: "开发", type: "info" }
+};
+const BADGE_TICK_INTERVAL = 6e4;
+const badgeNow = ref(Date.now());
+let badgeTickTimer;
+let badgeTickRefCount = 0;
+function useBadgeNow() {
+  badgeTickRefCount += 1;
+  if (!badgeTickTimer) {
+    badgeNow.value = Date.now();
+    badgeTickTimer = setInterval(() => {
+      badgeNow.value = Date.now();
+    }, BADGE_TICK_INTERVAL);
+  }
+  onScopeDispose(() => {
+    badgeTickRefCount -= 1;
+    if (badgeTickRefCount <= 0) {
+      badgeTickRefCount = 0;
+      if (badgeTickTimer) {
+        clearInterval(badgeTickTimer);
+        badgeTickTimer = void 0;
+      }
+    }
+  });
+  return badgeNow;
+}
+function useBadgeResolved(getKey) {
+  const bridge = inject(CORE_BRIDGE_KEY, void 0);
+  const now = useBadgeNow();
+  const entry = computed(() => {
+    const key = getKey();
+    if (!key || !bridge) return void 0;
+    const hit = bridge.badge.marks.value[key];
+    if (!hit) return void 0;
+    if (!hit.expireAt) return hit;
+    if (hit.expireAt <= Math.max(now.value, Date.now())) return void 0;
+    return hit;
+  });
+  return computed(() => {
+    const hit = entry.value;
+    if (!hit) return void 0;
+    if (hit.kind === "count") {
+      return { value: hit.value, max: hit.max, type: "danger" };
+    }
+    if (hit.kind === "custom") {
+      return { value: hit.text, type: hit.type ?? "primary" };
+    }
+    const preset = BADGE_BUILTIN_PRESET[hit.kind];
+    return { value: preset.text, type: preset.type };
+  });
+}
+export {
+  useBadgeResolved
+};

package/es/components/menu/MenuItemSub.vue.mjs

@@ -1,5 +1,6 @@
-import { defineComponent, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, resolveDynamicComponent, createCommentVNode, createElementVNode, toDisplayString } from "vue";
+import { defineComponent, openBlock, createBlock, unref, withCtx, createElementBlock, Fragment, renderList, resolveDynamicComponent, createCommentVNode, createElementVNode, createVNode, createTextVNode, toDisplayString } from "vue";
 import { ElSubMenu, ElMenuItem, ElIcon } from "element-plus";
+import BadgeMark from "../display/BadgeMark.vue.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MenuItemSub",
   props: {
@@ -19,7 +20,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })) : createCommentVNode("", true),
-          createElementVNode("span", null, toDisplayString(__props.menu.title), 1)
+          createElementVNode("span", null, [
+            createVNode(unref(BadgeMark), {
+              badgeKey: __props.menu.path
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(__props.menu.title), 1)
+              ]),
+              _: 1
+            }, 8, ["badgeKey"])
+          ])
         ]),
         default: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menu.children, (item) => {
@@ -41,7 +51,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 2
                   }, 1024)) : createCommentVNode("", true),
-                  createElementVNode("span", null, toDisplayString(item.title), 1)
+                  createElementVNode("span", null, [
+                    createVNode(unref(BadgeMark), {
+                      badgeKey: item.path
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(item.title), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["badgeKey"])
+                  ])
                 ]),
                 _: 2
               }, 1032, ["index"]))

package/es/components/menu/MenuTree.vue.mjs

@@ -1,5 +1,6 @@
-import { defineComponent, ref, useAttrs, computed, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, resolveDynamicComponent, createCommentVNode, createElementVNode, toDisplayString } from "vue";
+import { defineComponent, ref, useAttrs, computed, openBlock, createBlock, unref, mergeProps, withCtx, createElementBlock, Fragment, renderList, resolveDynamicComponent, createCommentVNode, createElementVNode, createVNode, createTextVNode, toDisplayString } from "vue";
 import _sfc_main$1 from "./MenuItemSub.vue.mjs";
+import BadgeMark from "../display/BadgeMark.vue.mjs";
 import { useRoute } from "vue-router";
 import { ElMenu, ElMenuItemGroup, ElMenuItem, ElIcon } from "element-plus";
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -73,10 +74,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             return openBlock(), createElementBlock(Fragment, {
               key: menu.path
             }, [
-              __props.groupMode && menu.children.length ? (openBlock(), createBlock(unref(ElMenuItemGroup), {
-                key: 0,
-                title: menu.title
-              }, {
+              __props.groupMode && menu.children.length ? (openBlock(), createBlock(unref(ElMenuItemGroup), { key: 0 }, {
+                title: withCtx(() => [
+                  createVNode(unref(BadgeMark), {
+                    badgeKey: menu.path
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(menu.title), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["badgeKey"])
+                ]),
                 default: withCtx(() => [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(menu.children, (item) => {
                     return openBlock(), createElementBlock(Fragment, {
@@ -97,7 +105,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             ]),
                             _: 2
                           }, 1024)) : createCommentVNode("", true),
-                          createElementVNode("span", null, toDisplayString(item.title), 1)
+                          createElementVNode("span", null, [
+                            createVNode(unref(BadgeMark), {
+                              badgeKey: item.path
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(item.title), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["badgeKey"])
+                          ])
                         ]),
                         _: 2
                       }, 1032, ["index"]))
@@ -105,7 +122,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }), 128))
                 ]),
                 _: 2
-              }, 1032, ["title"])) : menu.children.length ? (openBlock(), createBlock(_sfc_main$1, {
+              }, 1024)) : menu.children.length ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 1,
                 menu,
                 MenuItemSub: _sfc_main$1
@@ -120,7 +137,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 2
                   }, 1024)) : createCommentVNode("", true),
-                  createElementVNode("span", null, toDisplayString(menu.title), 1)
+                  createElementVNode("span", null, [
+                    createVNode(unref(BadgeMark), {
+                      badgeKey: menu.path
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(menu.title), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["badgeKey"])
+                  ])
                 ]),
                 _: 2
               }, 1032, ["index"]))