@done-coding/admin-core 0.26.1 → 0.27.0

package/es/bridge/badge.mjs

@@ -1,4 +1,8 @@
 import { shallowRef, readonly } from "vue";
+const BADGE_MASK_KINDS = [
+  "wip",
+  "locked"
+];
 function createBridgeBadgeHook(init = {}) {
   const marks = shallowRef({ ...init.marks ?? {} });
   const setAll = (next) => {
@@ -23,5 +27,6 @@ function createBridgeBadgeHook(init = {}) {
   };
 }
 export {
+  BADGE_MASK_KINDS,
   createBridgeBadgeHook
 };

package/es/bridge/index.mjs

@@ -7,6 +7,7 @@ import { createBridgePluginHost } from "./plugin.mjs";
 import { createBridgeThemeHook } from "./theme/index.mjs";
 import { createBridgeLayoutHook } from "./layout.mjs";
 import { createBridgeBadgeHook } from "./badge.mjs";
+import { BADGE_MASK_KINDS } from "./badge.mjs";
 import { CORE_BRIDGE_KEY } from "../inject/key.mjs";
 function createCoreBridge(options) {
   const rawNs = options.APP_CACHE_CONFIG.namespace;
@@ -294,6 +295,7 @@ function createCoreBridge(options) {
   return bridgeInstance;
 }
 export {
+  BADGE_MASK_KINDS,
   createCoreBridge,
   createGenerateRouteMetaRawTree,
   createStorageWithNamespace,

package/es/bridge/theme/index.mjs

@@ -20,8 +20,9 @@ function createBridgeThemeHook(init) {
   const themeStyle = ref(DEFAULT_STYLE);
   const themeMode = ref(init.defaultMode ?? DEFAULT_MODE);
   const systemPrefersDark = ref(readSystemPrefersDark());
+  const themeDarkOverride = ref(void 0);
   const themeIsDark = computed(
-    () => themeMode.value === "system" ? systemPrefersDark.value : themeMode.value === "dark"
+    () => themeDarkOverride.value ?? (themeMode.value === "system" ? systemPrefersDark.value : themeMode.value === "dark")
   );
   watchSystemPrefersDark((isDark) => {
     systemPrefersDark.value = isDark;
@@ -125,6 +126,9 @@ function createBridgeThemeHook(init) {
   const setDark = (isDark) => {
     setMode(isDark ? "dark" : "light");
   };
+  const setDarkOverride = (isDark) => {
+    themeDarkOverride.value = isDark;
+  };
   const setDensity = (density) => {
     themeDensity.value = density;
   };
@@ -200,6 +204,7 @@ function createBridgeThemeHook(init) {
       setStyle,
       setMode,
       setDark,
+      setDarkOverride,
       setDensity,
       setMotion,
       list: readonly(themeList),

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-40b13903"]]);
+const AppHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d887bc4c"]]);
 export {
   AppHeader as default
 };

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

@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v05959ac0": themeColors.value.primaryColor
+      "v7733782f": themeColors.value.primaryColor
     }));
     const props = __props;
     const appStore = inject(APP_LAYOUT_APP_STORE_KEY);
@@ -77,6 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "app-header-module-item",
                   activeModulePath.value === menu.path ? "app-header-module-item_active" : ""
                 ]),
+                "data-dc-badge-host": "",
                 onClick: ($event) => activeModulePath.value = menu.path
               }, [
                 menu.menuIcon ? (openBlock(), createBlock(unref(ElIcon), {

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

@@ -134,7 +134,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onClose: onConfirmClose
       }, {
         default: withCtx(() => [
-          createVNode(unref(ElButton), mergeProps({ class: "dc-action-btn" }, passthrough.value, {
+          createVNode(unref(ElButton), mergeProps({
+            class: "dc-action-btn",
+            "data-dc-badge-host": ""
+          }, passthrough.value, {
             loading: innerLoading.value,
             onClick: onInnerClick
           }), {
@@ -155,7 +158,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         _: 3
       }, 8, ["show", "mode", "title", "content", "confirm-text", "cancel-text", "type"])) : (openBlock(), createBlock(unref(ElButton), mergeProps({
         key: 1,
-        class: "dc-action-btn"
+        class: "dc-action-btn",
+        "data-dc-badge-host": ""
       }, passthrough.value, {
         loading: innerLoading.value,
         onClick: onInnerClick

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

@@ -1,7 +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"]]);
+const BadgeMark = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4116ac36"]]);
 export {
   BadgeMark as default
 };

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

@@ -1,6 +1,7 @@
-import { defineComponent, unref, openBlock, createBlock, normalizeClass, withCtx, renderSlot } from "vue";
-import { ElBadge } from "element-plus";
-import { useBadgeResolved } from "./use-badge.mjs";
+import { defineComponent, useTemplateRef, unref, openBlock, createBlock, normalizeClass, createSlots, withCtx, renderSlot, createVNode, resolveDynamicComponent } from "vue";
+import { ElBadge, ElTooltip, ElIcon } from "element-plus";
+import { useBadgeResolved, useBadgeEntry } from "./use-badge.mjs";
+import { useBadgeMask } from "./use-badge-mask.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BadgeMark",
   props: {
@@ -10,19 +11,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const resolved = useBadgeResolved(() => props.badgeKey);
+    const badgeRef = useTemplateRef("badgeRef");
+    const entry = useBadgeEntry(() => props.badgeKey);
+    useBadgeMask(
+      () => {
+        var _a;
+        return ((_a = badgeRef.value) == null ? void 0 : _a.$el) ?? void 0;
+      },
+      () => entry.value
+    );
     return (_ctx, _cache) => {
       return unref(resolved) ? (openBlock(), createBlock(unref(ElBadge), {
         key: 0,
+        ref_key: "badgeRef",
+        ref: badgeRef,
         class: normalizeClass(["dc-badge-mark badge-mark", `badge-mark_${__props.align ?? "middle"}`]),
         value: unref(resolved).value,
         max: unref(resolved).max,
         type: unref(resolved).type
-      }, {
+      }, createSlots({
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
-        _: 3
-      }, 8, ["class", "value", "max", "type"])) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true);
+        _: 2
+      }, [
+        unref(resolved).icon ? {
+          name: "content",
+          fn: withCtx(() => [
+            createVNode(unref(ElTooltip), {
+              content: unref(resolved).label,
+              placement: "top"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(ElIcon), { class: "badge-mark__icon" }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(unref(resolved).icon)))
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["content"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["class", "value", "max", "type"])) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true);
     };
   }
 });

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-acb4bb13"]]);
+const TabsTile = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9b8e85b8"]]);
 export {
   TabsTile as default
 };

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

@@ -182,6 +182,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               id: paneId(index),
               key: tab.key,
               class: "dc-tabs-tile__item",
+              "data-dc-badge-host": "",
               "data-tab-key": tab.key,
               "data-dc-slot": unref(SlotRegion).TabsMain_Item
             }, [

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

@@ -0,0 +1,83 @@
+import { watch } from "vue";
+import { ElMessage } from "element-plus";
+import { useActivated } from "../../hooks/activated.mjs";
+import { BADGE_MASK_KINDS } from "../../bridge/badge.mjs";
+const BADGE_HOST_ATTR = "data-dc-badge-host";
+const BADGE_VEIL_CLASS = "dc-badge-mask__veil";
+const BADGE_MASK_DEFAULT_TIP = {
+  locked: "请联系平台开通功能",
+  wip: "功能正在加紧开发中"
+};
+const badgeMaskKindSet = new Set(BADGE_MASK_KINDS);
+const useBadgeMask = (getAnchor, getEntry) => {
+  let applied;
+  const handleVeilClick = (event) => {
+    event.stopPropagation();
+    event.preventDefault();
+    const entry = getEntry();
+    if (!entry) return;
+    if (entry.onTrigger) {
+      entry.onTrigger(entry);
+      return;
+    }
+    const tip = BADGE_MASK_DEFAULT_TIP[entry.kind];
+    if (tip) ElMessage.info(tip);
+  };
+  const restore = () => {
+    if (!applied) return;
+    const { host, veil, prevTabIndex, prevAriaDisabled, positionSetByUs } = applied;
+    veil.removeEventListener("click", handleVeilClick);
+    veil.remove();
+    if (prevTabIndex === null) {
+      host.removeAttribute("tabindex");
+    } else {
+      host.setAttribute("tabindex", prevTabIndex);
+    }
+    if (prevAriaDisabled === null) {
+      host.removeAttribute("aria-disabled");
+    } else {
+      host.setAttribute("aria-disabled", prevAriaDisabled);
+    }
+    if (positionSetByUs) host.style.removeProperty("position");
+    applied = void 0;
+  };
+  const apply = () => {
+    const entry = getEntry();
+    if (!entry || !badgeMaskKindSet.has(entry.kind)) return;
+    const anchor = getAnchor();
+    const host = anchor == null ? void 0 : anchor.closest(`[${BADGE_HOST_ATTR}]`);
+    if (!host) return;
+    const hostPosition = getComputedStyle(host).position;
+    const positionSetByUs = (!hostPosition || hostPosition === "static") && !host.style.position;
+    if (positionSetByUs) host.style.position = "relative";
+    const veil = document.createElement("div");
+    veil.className = BADGE_VEIL_CLASS;
+    veil.style.cssText = "position:absolute;inset:0;z-index:1;background:transparent;cursor:not-allowed;";
+    veil.addEventListener("click", handleVeilClick);
+    host.appendChild(veil);
+    applied = {
+      host,
+      veil,
+      prevTabIndex: host.getAttribute("tabindex"),
+      prevAriaDisabled: host.getAttribute("aria-disabled"),
+      positionSetByUs
+    };
+    host.setAttribute("tabindex", "-1");
+    host.setAttribute("aria-disabled", "true");
+  };
+  const sync = () => {
+    restore();
+    apply();
+  };
+  useActivated((info) => {
+    if (info.isActivated) {
+      sync();
+    } else {
+      restore();
+    }
+  });
+  watch(getEntry, sync, { flush: "post" });
+};
+export {
+  useBadgeMask
+};

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

@@ -1,12 +1,20 @@
-import { inject, computed, onScopeDispose, ref } from "vue";
+import { inject, computed, onScopeDispose, markRaw, ref } from "vue";
+import { Lock, Warning } from "@element-plus/icons-vue";
+import _sfc_main from "../icon/IconHammer.vue.mjs";
 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" }
+  // 锤子走 core 自带（EP 无锤子，其 Tools 是扳手+齿轮、被读成「设置」）
+  wip: { text: "开发中", type: "info", icon: markRaw(_sfc_main) },
+  // 待下线：danger（红）——「要迁走」是需要用户采取行动的信号，强度高于 beta 的
+  // 「谨慎用」。与 count 的红撞色顾虑较弱：一个 key 只能挂一条 entry，同一位置不会
+  // 同时出现数字标与文字标，且形态（数字 vs 三字）扫视即可分。
+  deprecated: { text: "待下线", type: "danger", icon: markRaw(Warning) },
+  // 未开通：warning（橙）——与 beta 同档。EP 只有五档语义色而内置标已六个，必然有撞；
+  // 选 warning 因语义最近（都是「有条件可用」），文案完全不同足以区分。
+  locked: { text: "未开通", type: "warning", icon: markRaw(Lock) }
 };
 const BADGE_TICK_INTERVAL = 6e4;
 const badgeNow = ref(Date.now());
@@ -32,6 +40,19 @@ function useBadgeNow() {
   });
   return badgeNow;
 }
+function useBadgeEntry(getKey) {
+  const bridge = inject(CORE_BRIDGE_KEY, void 0);
+  const now = useBadgeNow();
+  return 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;
+  });
+}
 function useBadgeResolved(getKey) {
   const bridge = inject(CORE_BRIDGE_KEY, void 0);
   const now = useBadgeNow();
@@ -54,9 +75,15 @@ function useBadgeResolved(getKey) {
       return { value: hit.text, type: hit.type ?? "primary" };
     }
     const preset = BADGE_BUILTIN_PRESET[hit.kind];
-    return { value: preset.text, type: preset.type };
+    return {
+      value: preset.text,
+      type: preset.type,
+      icon: preset.icon,
+      label: preset.text
+    };
   });
 }
 export {
+  useBadgeEntry,
   useBadgeResolved
 };

package/es/components/icon/IconHammer.vue.mjs

@@ -0,0 +1,26 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode } from "vue";
+const _hoisted_1 = {
+  class: "dc-icon-hammer icon-hammer",
+  viewBox: "0 0 16 16",
+  width: "1em",
+  height: "1em",
+  xmlns: "http://www.w3.org/2000/svg",
+  "aria-hidden": "true",
+  focusable: "false"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "IconHammer",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [
+        createElementVNode("path", {
+          fill: "currentColor",
+          d: "M9.972 2.508a.5.5 0 0 0-.16-.556l-.178-.129a5 5 0 0 0-2.076-.783C6.215.862 4.504 1.229 2.84 3.133H1.786a.5.5 0 0 0-.354.147L.146 4.567a.5.5 0 0 0 0 .706l2.571 2.579a.5.5 0 0 0 .708 0l1.286-1.29a.5.5 0 0 0 .146-.353V5.57l8.387 8.873A.5.5 0 0 0 14 14.5l1.5-1.5a.5.5 0 0 0 .017-.689l-9.129-8.63c.747-.456 1.772-.839 3.112-.839a.5.5 0 0 0 .472-.334"
+        }, null, -1)
+      ])]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/icon/IconHammer.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./IconHammer.vue.mjs";
+export {
+  _sfc_main as default
+};

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

@@ -1,6 +1,7 @@
 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 _hoisted_1 = { "data-dc-badge-host": "" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MenuItemSub",
   props: {
@@ -20,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           })) : createCommentVNode("", true),
-          createElementVNode("span", null, [
+          createElementVNode("span", _hoisted_1, [
             createVNode(unref(BadgeMark), {
               badgeKey: __props.menu.path
             }, {
@@ -42,7 +43,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 MenuItemSub: __props.MenuItemSub
               }, null, 8, ["menu", "MenuItemSub"])) : (openBlock(), createBlock(unref(ElMenuItem), {
                 key: 1,
-                index: item.path
+                index: item.path,
+                "data-dc-badge-host": ""
               }, {
                 default: withCtx(() => [
                   item.menuIcon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {

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

@@ -96,7 +96,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         MenuItemSub: _sfc_main$1
                       }, null, 8, ["menu"])) : (openBlock(), createBlock(unref(ElMenuItem), {
                         key: 1,
-                        index: item.path
+                        index: item.path,
+                        "data-dc-badge-host": ""
                       }, {
                         default: withCtx(() => [
                           item.menuIcon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
@@ -128,7 +129,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 MenuItemSub: _sfc_main$1
               }, null, 8, ["menu"])) : (openBlock(), createBlock(unref(ElMenuItem), {
                 key: 2,
-                index: menu.path
+                index: menu.path,
+                "data-dc-badge-host": ""
               }, {
                 default: withCtx(() => [
                   menu.menuIcon ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {