@done-coding/admin-core 0.27.1-alpha.0 → 0.28.1-alpha.0

package/es/bridge/badge.mjs

@@ -1,6 +1,5 @@
 import { shallowRef, readonly } from "vue";
 const BADGE_MASK_KINDS = [
-  "wip",
   "locked"
 ];
 function createBridgeBadgeHook(init = {}) {

package/es/bridge/route.mjs

@@ -11,7 +11,7 @@ const createGenerateRouteMetaRawTree = (metaDefault) => {
   } = {}) => {
     const list = [];
     routesList.forEach((route) => {
-      const { path, children, meta } = route;
+      const { path, name, children, meta } = route;
       const appMeta = meta;
       if (!appMeta) {
         console.error(`路由${path}未配置meta`);
@@ -27,6 +27,9 @@ const createGenerateRouteMetaRawTree = (metaDefault) => {
       });
       const metaResolveRaw = {
         path: currentPath,
+        // vue-router 的 RouteRecordName = string | symbol —— symbol 不能当徽标 key，
+        // 也不该被下游当字符串用，故解析期就过滤掉（[MUST NOT] 直接透传）。
+        name: typeof name === "string" ? name : void 0,
         title,
         routeLevel,
         redirectToFirstChildRoute,

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

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

@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v0b60c1aa": themeColors.value.primaryColor
+      "v5a41bfe6": themeColors.value.primaryColor
     }));
     const props = __props;
     const appStore = inject(APP_LAYOUT_APP_STORE_KEY);
@@ -93,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 }, 1024)) : createCommentVNode("", true),
                 createElementVNode("span", null, [
                   createVNode(unref(BadgeMark), {
-                    badgeKey: menu.path
+                    badgeKey: [menu.name, menu.path]
                   }, {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(menu.title), 1)

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

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

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

@@ -39,13 +39,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "b28df728": pageCssVars.value.top,
-      "d4142898": pageCssVars.value.bottom,
-      "v3063bfd0": pageCssVars.value.left,
-      "v472ac91a": pageCssVars.value.right,
-      "v469df1c6": pageCssVars.value.width,
-      "c0be3aa0": pageCssVars.value.height,
-      "v52d7da39": props.nextViewportMaxHeight
+      "v14c1dc69": pageCssVars.value.top,
+      "v6d1cb697": pageCssVars.value.bottom,
+      "f914311a": pageCssVars.value.left,
+      "v28c52fa0": pageCssVars.value.right,
+      "v2838584c": pageCssVars.value.width,
+      "v76c7ad93": pageCssVars.value.height,
+      "v9258c294": props.nextViewportMaxHeight
     }));
     const props = __props;
     const style = computed(() => {

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

@@ -63,8 +63,8 @@ function computeAppPageSlotStyles(rect, slotSizes, outerGap) {
   };
 }
 function computeAppPageSlotShimStyles() {
-  const none = { padding: "0" };
-  return { top: none, bottom: none, left: none, right: none };
+  const pad = { padding: "8px" };
+  return { top: pad, bottom: pad, left: pad, right: pad };
 }
 export {
   APP_PAGE_SLOT_Z_INDEX,

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

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

@@ -1,7 +1,8 @@
-import { defineComponent, useTemplateRef, unref, openBlock, createBlock, normalizeClass, createSlots, withCtx, renderSlot, createVNode, resolveDynamicComponent } from "vue";
+import { defineComponent, computed, useTemplateRef, openBlock, createBlock, unref, normalizeProps, createSlots, withCtx, renderSlot, createVNode, resolveDynamicComponent } from "vue";
 import { ElBadge, ElTooltip, ElIcon } from "element-plus";
-import { useBadgeResolved, useBadgeEntry } from "./use-badge.mjs";
+import { useBadgeHit, badgeResolveDisplay } from "./use-badge.mjs";
 import { useBadgeMask } from "./use-badge-mask.mjs";
+import { BADGE_KEY_ATTR } from "../../config/badge-attr.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "BadgeMark",
   props: {
@@ -10,42 +11,51 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const resolved = useBadgeResolved(() => props.badgeKey);
+    const hit = useBadgeHit(() => props.badgeKey);
+    const resolved = computed(() => {
+      var _a;
+      return badgeResolveDisplay((_a = hit.value) == null ? void 0 : _a.entry);
+    });
     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
+      () => {
+        var _a;
+        return (_a = hit.value) == null ? void 0 : _a.entry;
+      }
     );
     return (_ctx, _cache) => {
-      return unref(resolved) ? (openBlock(), createBlock(unref(ElBadge), {
+      var _a;
+      return resolved.value ? (openBlock(), createBlock(unref(ElBadge), normalizeProps({
         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({
+        class: ["dc-badge-mark badge-mark", `badge-mark_${__props.align ?? "middle"}`],
+        hidden: resolved.value.hidden,
+        value: resolved.value.value,
+        max: resolved.value.max,
+        type: resolved.value.type,
+        [unref(BADGE_KEY_ATTR) || ""]: (_a = unref(hit)) == null ? void 0 : _a.key
+      }), createSlots({
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ]),
         _: 2
       }, [
-        unref(resolved).icon ? {
+        resolved.value.icon ? {
           name: "content",
           fn: withCtx(() => [
             createVNode(unref(ElTooltip), {
-              content: unref(resolved).label,
+              content: resolved.value.label,
               placement: "top"
             }, {
               default: withCtx(() => [
                 createVNode(unref(ElIcon), { class: "badge-mark__icon" }, {
                   default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(unref(resolved).icon)))
+                    (openBlock(), createBlock(resolveDynamicComponent(resolved.value.icon)))
                   ]),
                   _: 1
                 })
@@ -55,7 +65,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["class", "value", "max", "type"])) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true);
+      ]), 1040, ["class", "hidden", "value", "max", "type"])) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true);
     };
   }
 });

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-14448dd1"]]);
+const TabsHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2fbdd074"]]);
 export {
   TabsHeader as default
 };

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

@@ -17,7 +17,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["update:activeKey"],
   setup(__props) {
     useCssVars((_ctx) => ({
-      "v72da80bd": unref(activeBg)
+      "v0fab19c0": unref(activeBg)
     }));
     const props = __props;
     const { tabs, level, variant, activeBg } = toRefs(props);

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

@@ -39,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { ctxRefine } = useContextDefaults({
       getProps: () => props,
       defaults: {
-        refine: ({ parentInfo, props: rawProps }) => rawProps.refine ?? (parentInfo === SlotRegion.AppPage_Default ? true : void 0)
+        refine: ({ parentInfo, props: rawProps }) => rawProps.refine ?? (parentInfo === SlotRegion.AppPage_Default || parentInfo === SlotRegion.ModalConfirm_Body ? true : void 0)
       }
     });
     const parentVisualLevel = inject(TABS_MAIN_VISUAL_LEVEL, 0);

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

@@ -1,12 +1,11 @@
 import { watch } from "vue";
 import { ElMessage } from "element-plus";
 import { useActivated } from "../../hooks/activated.mjs";
+import { BADGE_HOST_ATTR } from "../../config/badge-attr.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: "功能正在加紧开发中"
+  locked: "请联系平台开通功能"
 };
 const badgeMaskKindSet = new Set(BADGE_MASK_KINDS);
 const useBadgeMask = (getAnchor, getEntry) => {

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

@@ -40,50 +40,47 @@ 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 toBadgeKeyList = (input) => {
+  if (!input) return [];
+  if (typeof input === "string") return [input];
+  return input.filter((key) => !!key);
+};
+function useBadgeHit(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" };
+    if (!bridge) return void 0;
+    const marks = bridge.badge.marks.value;
+    const at = Math.max(now.value, Date.now());
+    for (const key of toBadgeKeyList(getKey())) {
+      const entry = marks[key];
+      if (!entry) continue;
+      if (entry.expireAt && entry.expireAt <= at) continue;
+      return { key, entry };
     }
-    const preset = BADGE_BUILTIN_PRESET[hit.kind];
-    return {
-      value: preset.text,
-      type: preset.type,
-      icon: preset.icon,
-      label: preset.text
-    };
+    return void 0;
   });
 }
+function badgeResolveDisplay(entry) {
+  if (!entry) return void 0;
+  if (entry.kind === "count") {
+    return { value: entry.value, max: entry.max, type: "danger" };
+  }
+  if (entry.kind === "custom") {
+    return { value: entry.text, type: entry.type ?? "primary" };
+  }
+  if (entry.kind === "anchor") {
+    return { value: "", type: "primary", hidden: true };
+  }
+  const preset = BADGE_BUILTIN_PRESET[entry.kind];
+  return {
+    value: preset.text,
+    type: preset.type,
+    icon: preset.icon,
+    label: preset.text
+  };
+}
 export {
-  useBadgeEntry,
-  useBadgeResolved
+  badgeResolveDisplay,
+  useBadgeHit
 };

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

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

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

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

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

@@ -23,7 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           })) : createCommentVNode("", true),
           createElementVNode("span", _hoisted_1, [
             createVNode(unref(BadgeMark), {
-              badgeKey: __props.menu.path
+              badgeKey: [__props.menu.name, __props.menu.path]
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(__props.menu.title), 1)
@@ -55,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, 1024)) : createCommentVNode("", true),
                   createElementVNode("span", null, [
                     createVNode(unref(BadgeMark), {
-                      badgeKey: item.path
+                      badgeKey: [item.name, item.path]
                     }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(item.title), 1)

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

@@ -77,7 +77,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               __props.groupMode && menu.children.length ? (openBlock(), createBlock(unref(ElMenuItemGroup), { key: 0 }, {
                 title: withCtx(() => [
                   createVNode(unref(BadgeMark), {
-                    badgeKey: menu.path
+                    badgeKey: [menu.name, menu.path]
                   }, {
                     default: withCtx(() => [
                       createTextVNode(toDisplayString(menu.title), 1)
@@ -108,7 +108,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           }, 1024)) : createCommentVNode("", true),
                           createElementVNode("span", null, [
                             createVNode(unref(BadgeMark), {
-                              badgeKey: item.path
+                              badgeKey: [item.name, item.path]
                             }, {
                               default: withCtx(() => [
                                 createTextVNode(toDisplayString(item.title), 1)
@@ -141,7 +141,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, 1024)) : createCommentVNode("", true),
                   createElementVNode("span", null, [
                     createVNode(unref(BadgeMark), {
-                      badgeKey: menu.path
+                      badgeKey: [menu.name, menu.path]
                     }, {
                       default: withCtx(() => [
                         createTextVNode(toDisplayString(menu.title), 1)

package/es/components/view-layout/ViewLayout.vue.mjs

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

package/es/components/view-layout/ViewLayout.vue2.mjs

@@ -52,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { ctxRefine } = useContextDefaults({
       getProps: () => props,
       defaults: {
-        refine: ({ parentInfo, props: rawProps }) => rawProps.refine ?? (parentInfo === SlotRegion.AppPage_Default || parentInfo === SlotRegion.TabsMain_Item ? true : void 0)
+        refine: ({ parentInfo, props: rawProps }) => rawProps.refine ?? (parentInfo === SlotRegion.AppPage_Default || parentInfo === SlotRegion.TabsMain_Item || parentInfo === SlotRegion.ModalConfirm_Body ? true : void 0)
       }
     });
     const { viewportHeightFinal, nearestScope } = useChannelViewportHeight(props);

package/es/config/badge-attr.mjs

@@ -0,0 +1,6 @@
+const BADGE_HOST_ATTR = "data-dc-badge-host";
+const BADGE_KEY_ATTR = "data-dc-badge-key";
+export {
+  BADGE_HOST_ATTR,
+  BADGE_KEY_ATTR
+};

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

@@ -171,6 +171,54 @@ const EP_STRUCTURAL_CSS = [
   ":root.dark .el-table {",
   "  --el-table-fixed-left-column: inset 10px 0 10px -10px var(--dc-core-border-color, var(--el-border-color));",
   "  --el-table-fixed-right-column: inset -10px 0 10px -10px var(--dc-core-border-color, var(--el-border-color));",
+  "}",
+  // ── 浮层描边：**接主题**，不是「补上缺失的边框」（r4jsl6 ① 的前提已实测更正）──
+  // 实测 EP 2.13.7：`.el-popper.is-light` / `.el-dropdown__popper.el-popper` / `.el-card`
+  // **本来就各带 1px 边框**（`--el-border-color-light`），暗色下 `#414243` 对 overlay
+  // `#1d1e1f` 也有 Δ36、看得见 —— 所以「浮层没有边界」这条不成立。
+  // 真正的缺口是**这些边框走 EP 固定灰、不随本仓主题**：弹窗 / 抽屉那条已改用
+  // `--dc-core-border-color`，浮层没跟上 ⇒ 换主题时两类浮层边框分家。此处只改 `border-color`
+  // （[MUST NOT] 写整条 `border`，那会连宽度 / 样式一起夺权），并**同步箭头**——
+  // 箭头的 `::before` 自带同色边框，只改容器会出现「框变色、箭头没变」的裂缝。
+  // 🔴 [MUST NOT] 把 `.el-popper.is-dark` 纳入：那是**深色气泡**（tooltip 默认档），
+  // 它的边框本就与自身深底同色，套上主题边框会给黑气泡镶一圈亮边。
+  // 🔴 [MUST NOT] 把 `.el-card` 纳入：卡片边框是常驻结构线、不是浮层边界，
+  // 改它等于把全站卡片加深一档 —— 那是独立的视觉决策，不该夹带进「浮层描边」。
+  ".el-popper.is-light,",
+  ".el-dropdown__popper.el-popper {",
+  "  border-color: var(--dc-core-border-color, var(--el-border-color-light));",
+  "}",
+  ".el-popper.is-light > .el-popper__arrow::before,",
+  ".el-dropdown__popper.el-popper .el-popper__arrow::before {",
+  "  border-color: var(--dc-core-border-color, var(--el-border-color-light));",
+  "}",
+  // ── 表格斑马纹加深（r4jsl6 ②）──
+  // EP 原值 `--el-fill-color-lighter`：亮 `#fafafa` 对面 `#ffffff` 通道差仅 **5/5/5**、
+  // 暗 `#1d1d1d` 对 `#141414` 仅 **9/9/9** —— 斑马纹的意义就是「长行易对齐」，Δ5 等于没做。
+  // 取「主题边框色按比例混进面色」而非 EP 的固定灰档：边框色**随主题自动反转**
+  // （亮色偏黑向 / 暗色偏白向），一份声明亮暗都成立，且换主题时跟着走
+  // （EP 的 `--el-fill-color*` 是固定灰，彩色主题下会显脏）。
+  // 40% 是实测取的：亮 Δ14/13/10、暗 Δ22/23/24 —— 暗色需要更大的差才读得出来，
+  // 这个比例恰好让两边观感相当。[MUST NOT] 再往上调：超过 50% 斑马纹会读成「选中行」。
+  ".el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {",
+  "  background: color-mix(in srgb, var(--dc-core-border-color, var(--el-border-color)) 40%, var(--el-bg-color));",
+  "}",
+  // ── 占位符对比（r4jsl6 ③）——**只修亮色**（工单的暗色数据已实测更正）──
+  // 实测：亮色 `#a8abb2` 对 `#fff` 仅 **2.30:1**，低于 WCAG AA 的 4.5:1；
+  // 而暗色 `#8d9095` 对面色 `#141414` 已有 **5.75:1**、对 overlay `#1d1e1f` 5.21:1，
+  // **本就达标** ⇒ 暗色一并加深只会让占位符抢戏。工单写的「亮暗均 2.3~2.6」是错的。
+  // 取值 = `color-mix(regular 60%, secondary)` → `#73767a`，对白底 **4.56:1**（刚过线），
+  // 与「已输入文字」`--el-text-color-regular` 的 6.11:1 仍拉得开，不会读成真值。
+  // 🔴 **[MUST NOT] 改 `--el-text-color-placeholder` 变量**：EP 的
+  // `--el-disabled-text-color: var(--el-text-color-placeholder)` ——改变量会把**禁用态**
+  // 一起加深，而 disabled 在 WCAG 里是**明确豁免**的，加深反而削弱「这是禁用」的语义。
+  // 故只打伪元素。禁用态的 EP 规则（`.el-input.is-disabled .el-input__inner::placeholder`）
+  // 选择器更具体，天然压过本条；`.el-date-editor` 那条同权，故显式 `:not(.is-disabled)`。
+  ":root:not(.dark) .el-input__inner::placeholder,",
+  ":root:not(.dark) .el-textarea__inner::placeholder,",
+  ":root:not(.dark) .el-date-editor:not(.is-disabled) .el-range-input::placeholder,",
+  ":root:not(.dark) .el-select__placeholder.is-transparent {",
+  "  color: color-mix(in srgb, var(--el-text-color-regular) 60%, var(--el-text-color-secondary));",
   "}"
 ].join("\n");
 const EP_BRIDGE_CSS = [

package/es/index.mjs

@@ -47,6 +47,7 @@ import { default as default43 } from "./components/app-layout/AppSidebar.vue.mjs
 import { default as default44 } from "./components/app-layout/AppTheme.vue.mjs";
 import { default as default45 } from "./components/misc/AutoRefresh.vue.mjs";
 import { default as default46 } from "./components/misc/AutoRefreshGroup.vue.mjs";
+import { BADGE_HOST_ATTR, BADGE_KEY_ATTR } from "./config/badge-attr.mjs";
 import { BADGE_MASK_KINDS } from "./bridge/badge.mjs";
 import { default as default47 } from "./components/display/BadgeMark.vue.mjs";
 import { COLLAPSED_CLASS, swiftFormItemDivider, swiftFormItemGroup } from "./components/form/group.mjs";
@@ -150,6 +151,8 @@ export {
   default44 as AppTheme,
   default45 as AutoRefresh,
   default46 as AutoRefreshGroup,
+  BADGE_HOST_ATTR,
+  BADGE_KEY_ATTR,
   BADGE_MASK_KINDS,
   BODY_CONTENT_VIEWPORT_HEIGHT,
   BODY_CONTENT_VIEWPORT_INSET,