@done-coding/admin-core 0.29.0 → 0.29.1-alpha.0

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

@@ -219,6 +219,84 @@ const EP_STRUCTURAL_CSS = [
   ":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));",
+  "}",
+  // 徽标**镂空**（gyycky，甲方 2026-09-17：「badge 使用镂空，而不是当前的纯色背景 + 白字」）。
+  // 🔴 落点 [MUST] 在此、[MUST NOT] 在 BadgeMark.vue 写 scoped —— 角标由 ElBadge 渲染在
+  // 它自己的 DOM 上（`.el-badge__content`），scoped 选择器打不中。
+  //
+  // 三件事：底从语义色实心 → **面色**（[MUST NOT] 用纯透明：角标叠在宿主内容上，
+  // 全透会透出下面的字）· 边框 **1px 语义色** · 文字 / 图标 → **语义色**（图标走
+  // currentColor，随之变线条）。
+  //
+  // 🔴 **[MUST] 逐档写，[MUST NOT] 想着「引 --el-badge-bg-color 一条规则covers全档」**：
+  // 实测那个变量**不按档赋值** —— EP 只在基类里用它（恒 danger 红），per-type 色是
+  // `.el-badge__content--<type>{background-color: var(--el-color-<type>)}` 五条独立规则给的。
+  // 曾按「一条覆盖全档」写过，CDP 实测八档全渲染成 danger 红当场证伪。
+  // 五档即 EP 语义色全集：无 type 修饰符的基类 = danger（count 默认档），custom 的 `type`
+  // 也只收这五档 ⇒ 五条 + 基类一条 = 全覆盖，不存在漏档。
+  ".el-badge__content {",
+  "  background-color: var(--dc-core-surface, var(--el-bg-color));",
+  "  color: var(--el-color-danger);",
+  "  border: 1px solid var(--el-color-danger);",
+  "}",
+  ".el-badge__content--primary {",
+  "  background-color: var(--dc-core-surface, var(--el-bg-color));",
+  "  color: var(--el-color-primary);",
+  "  border-color: var(--el-color-primary);",
+  "}",
+  ".el-badge__content--success {",
+  "  background-color: var(--dc-core-surface, var(--el-bg-color));",
+  "  color: var(--el-color-success);",
+  "  border-color: var(--el-color-success);",
+  "}",
+  ".el-badge__content--warning {",
+  "  background-color: var(--dc-core-surface, var(--el-bg-color));",
+  "  color: var(--el-color-warning);",
+  "  border-color: var(--el-color-warning);",
+  "}",
+  ".el-badge__content--danger {",
+  "  background-color: var(--dc-core-surface, var(--el-bg-color));",
+  "  color: var(--el-color-danger);",
+  "  border-color: var(--el-color-danger);",
+  "}",
+  ".el-badge__content--info {",
+  "  background-color: var(--dc-core-surface, var(--el-bg-color));",
+  "  color: var(--el-color-info);",
+  "  border-color: var(--el-color-info);",
+  "}",
+  // 亮色下把**字色**压深一档（描边仍取 base，镂空的轮廓才读得出语义色相）。
+  // 🔴 依据是 CDP 实测的 WCAG 对比度，[MUST NOT] 只看顺眼：
+  //
+  // | 档 | 亮色 base | 亮色 dark-2 | 暗色 base |
+  // | --- | --- | --- | --- |
+  // | primary | 2.78 | **4.20** | 6.63 |
+  // | success | 2.24 | **3.45** | 8.21 |
+  // | warning | 2.19 | **3.35** | 8.42 |
+  // | danger  | 2.90 | **4.36** | 6.35 |
+  // | info    | 3.08 | **4.56** | 5.98 |
+  //
+  // ⇒ **暗色 base 已 5.98–8.42，[MUST NOT] 跟着压深**（深底上再压只会更糊），故只打亮色。
+  // ⚠️ 亮色压深后 3.35–4.56 **仍未普遍达到小字 4.5:1** —— 但那是 EP 语义色板在白底上的
+  // 固有天花板（要达标得换色相、即放弃 EP 语义色）；且**改造前的实心底白字是同一组数字**
+  // （对比度对称：白字压在 success 上同样是 2.24）⇒ 镂空 + 压深是**净改善约 1.2 倍**，
+  // 不是新引入的缺陷。徽标是补充性指示器，图标档的完整语义另由悬浮气泡承载。
+  ":root:not(.dark) .el-badge__content {",
+  "  color: var(--el-color-danger-dark-2);",
+  "}",
+  ":root:not(.dark) .el-badge__content--primary {",
+  "  color: var(--el-color-primary-dark-2);",
+  "}",
+  ":root:not(.dark) .el-badge__content--success {",
+  "  color: var(--el-color-success-dark-2);",
+  "}",
+  ":root:not(.dark) .el-badge__content--warning {",
+  "  color: var(--el-color-warning-dark-2);",
+  "}",
+  ":root:not(.dark) .el-badge__content--danger {",
+  "  color: var(--el-color-danger-dark-2);",
+  "}",
+  ":root:not(.dark) .el-badge__content--info {",
+  "  color: var(--el-color-info-dark-2);",
   "}"
 ].join("\n");
 const EP_BRIDGE_CSS = [

package/es/index.mjs

@@ -14,81 +14,80 @@ import { default as default15 } from "./components/form/FormSubmitBtn.vue.mjs";
 import { default as default16 } from "./components/form/FormTree.vue.mjs";
 import { default as default17 } from "./components/form/FormVerifyCode.vue.mjs";
 import { default as default18 } from "./components/display/HeightProvider.vue.mjs";
-import { default as default19 } from "./components/icon/IconHammer.vue.mjs";
-import { default as default20 } from "./components/modal/ImagePreviewTrigger.vue.mjs";
-import { default as default21 } from "./components/menu/MenuItemSub.vue.mjs";
-import { default as default22 } from "./components/menu/MenuTree.vue.mjs";
-import { default as default23 } from "./components/modal/ModalImagePreview.vue.mjs";
-import { default as default24 } from "./components/modal/ModalPorter.vue.mjs";
-import { default as default25 } from "./components/modal/ModalShelf.vue.mjs";
-import { default as default26 } from "./components/panel/PanelItemNestPanel.vue.mjs";
-import { default as default27 } from "./components/misc/SelectModule.vue.mjs";
-import { default as default28 } from "./components/display/ShadowClone.vue.mjs";
-import { default as default29 } from "./components/slot-layout/SlotLayoutTemplate.vue.mjs";
-import { default as default30 } from "./components/table/TableEmpty.vue.mjs";
-import { default as default31 } from "./components/display/TabsMain.vue.mjs";
-import { default as default32 } from "./components/misc/TriggerAutoImport.vue.mjs";
-import { default as default33 } from "./components/display/WatchSize.vue.mjs";
+import { default as default19 } from "./components/modal/ImagePreviewTrigger.vue.mjs";
+import { default as default20 } from "./components/menu/MenuItemSub.vue.mjs";
+import { default as default21 } from "./components/menu/MenuTree.vue.mjs";
+import { default as default22 } from "./components/modal/ModalImagePreview.vue.mjs";
+import { default as default23 } from "./components/modal/ModalPorter.vue.mjs";
+import { default as default24 } from "./components/modal/ModalShelf.vue.mjs";
+import { default as default25 } from "./components/panel/PanelItemNestPanel.vue.mjs";
+import { default as default26 } from "./components/misc/SelectModule.vue.mjs";
+import { default as default27 } from "./components/display/ShadowClone.vue.mjs";
+import { default as default28 } from "./components/slot-layout/SlotLayoutTemplate.vue.mjs";
+import { default as default29 } from "./components/table/TableEmpty.vue.mjs";
+import { default as default30 } from "./components/display/TabsMain.vue.mjs";
+import { default as default31 } from "./components/misc/TriggerAutoImport.vue.mjs";
+import { default as default32 } from "./components/display/WatchSize.vue.mjs";
 import { APP_API_LIST_MODEL_KEY_CONFIG } from "./config/list-model.mjs";
 import { APP_GLOBAL_IMAGE_PREVIEW_KEY, APP_GLOBAL_VIDEO_PREVIEW_KEY, GLOBAL_MODAL_REMOTE_KEY } from "./components/modal/modal-global-keys.mjs";
 import { APP_LAYOUT_APP_STORE_KEY, APP_LAYOUT_BRIDGE_KEY, APP_LAYOUT_USER_STORE_KEY, APP_PAGE_CONTENT_INSET, APP_PAGE_LIST_DETAIL_CONTEXT, BODY_CONTENT_VIEWPORT_HEIGHT, BODY_CONTENT_VIEWPORT_INSET, BODY_CONTENT_VIEWPORT_RECT, CORE_BRIDGE_KEY, FORM_NEST_REGISTRY_KEY, FORM_VALIDATE_ERROR_KEYS, NEST_LAYOUT_SCALE_KEY, SCOPE_VIEWPORT_MAX_HEIGHT, TABS_MAIN_VISUAL_LEVEL, getModalShelfInjectionKey } from "./inject/key.mjs";
 import { APP_PAGE_LIST_LAYOUT_RECOMMENDED } from "./components/app-layout/app-page-recommended.mjs";
 import { APP_PAGE_SLOT_Z_INDEX, computeAppPageContentInset, computeAppPageReducedViewportHeight, computeAppPageReducedViewportWidth, computeAppPageSlotShimStyles, computeAppPageSlotStyles } from "./components/app-layout/app-page-geometry.mjs";
-import { default as default34 } from "./components/display/ActionConfirm.vue.mjs";
-import { default as default35 } from "./components/app-layout/AppAside.vue.mjs";
-import { default as default36 } from "./components/app-layout/AppBody.vue.mjs";
-import { default as default37 } from "./components/app-layout/AppBreadcrumb.vue.mjs";
-import { default as default38 } from "./components/app-layout/AppFooter.vue.mjs";
-import { default as default39 } from "./components/app-layout/AppHeader.vue.mjs";
-import { default as default40 } from "./components/app-layout/AppLayout.vue.mjs";
-import { default as default41 } from "./components/app-layout/AppPage.vue.mjs";
-import { default as default42 } from "./components/page-layout/AppPageDetail.vue.mjs";
-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 { default as default33 } from "./components/display/ActionConfirm.vue.mjs";
+import { default as default34 } from "./components/app-layout/AppAside.vue.mjs";
+import { default as default35 } from "./components/app-layout/AppBody.vue.mjs";
+import { default as default36 } from "./components/app-layout/AppBreadcrumb.vue.mjs";
+import { default as default37 } from "./components/app-layout/AppFooter.vue.mjs";
+import { default as default38 } from "./components/app-layout/AppHeader.vue.mjs";
+import { default as default39 } from "./components/app-layout/AppLayout.vue.mjs";
+import { default as default40 } from "./components/app-layout/AppPage.vue.mjs";
+import { default as default41 } from "./components/page-layout/AppPageDetail.vue.mjs";
+import { default as default42 } from "./components/app-layout/AppSidebar.vue.mjs";
+import { default as default43 } from "./components/app-layout/AppTheme.vue.mjs";
+import { default as default44 } from "./components/misc/AutoRefresh.vue.mjs";
+import { default as default45 } 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 { default as default46 } from "./components/display/BadgeMark.vue.mjs";
 import { COLLAPSED_CLASS, swiftFormItemDivider, swiftFormItemGroup } from "./components/form/group.mjs";
 import { CORE_VIEWPORT_DECOR_ZINDEX_ABOVE, CORE_VIEWPORT_DECOR_ZINDEX_BELOW } from "./components/app-layout/viewport.mjs";
-import { default as default48, default as default49 } from "./components/modal/ModalConfirm.vue.mjs";
+import { default as default47, default as default48 } from "./components/modal/ModalConfirm.vue.mjs";
 import { DC_SLOT_ATTR, SlotRegion, parseSlotRegion } from "./config/slot-region.mjs";
-import { default as default50 } from "./components/data-view/DataGridView.vue.mjs";
-import { default as default51 } from "./components/display/DragFloat.vue.mjs";
+import { default as default49 } from "./components/data-view/DataGridView.vue.mjs";
+import { default as default50 } from "./components/display/DragFloat.vue.mjs";
 import { EXPORT_MAX_LIMIT, OPERATE_COLUMN_PROP, exportCSV, pickExportColumns } from "./utils/export.mjs";
 import { FORM_CONFIG_SELECT_ALL_VALUE, getConfirmPasswordRule, passwordRule, setFormComponentType } from "./helpers/form.mjs";
 import { FORM_ITEM_CHANGE_LOADING, NEST_LAYOUT_TIERS, ceilToTier, checkFormItemIsIgnore, generateFormData, getBlurSubmit, getChangeSubmit, getDatePickerShortcuts, getEnterSubmit, getPlaceholder, getVModelSugar, parseFormData, patchFormData, resolveFormLayout, resolveLayoutSpan, setInputComponent, setSelectComponent, stringifyFormData, swiftFormItemConfig } from "./components/form/utils.mjs";
-import { default as default52 } from "./components/form/FormActiveFilter.vue.mjs";
-import { default as default53 } from "./components/form/FormItemNestForm.vue.mjs";
-import { default as default54 } from "./components/form/FormItemNestFormList.vue.mjs";
-import { default as default55 } from "./components/form/FormMain.vue.mjs";
-import { default as default56 } from "./components/form/FormSearch.vue.mjs";
-import { default as default57 } from "./components/form/FormShadowCloneDispatch.vue.mjs";
-import { default as default58 } from "./components/form/FormSortSwitch.vue.mjs";
-import { default as default59 } from "./components/form/FormSortSwitchGroup.vue.mjs";
-import { default as default60 } from "./components/form/FormSubmitPanel.vue.mjs";
-import { default as default61 } from "./components/form/FormUpload.vue.mjs";
-import { default as default62 } from "./components/form/FormUploadAudio.vue.mjs";
-import { default as default63 } from "./components/form/FormUploadImage.vue.mjs";
-import { default as default64 } from "./components/form/FormUploadVideo.vue.mjs";
-import { default as default65 } from "./components/form/FormVerifyImage.vue.mjs";
+import { default as default51 } from "./components/form/FormActiveFilter.vue.mjs";
+import { default as default52 } from "./components/form/FormItemNestForm.vue.mjs";
+import { default as default53 } from "./components/form/FormItemNestFormList.vue.mjs";
+import { default as default54 } from "./components/form/FormMain.vue.mjs";
+import { default as default55 } from "./components/form/FormSearch.vue.mjs";
+import { default as default56 } from "./components/form/FormShadowCloneDispatch.vue.mjs";
+import { default as default57 } from "./components/form/FormSortSwitch.vue.mjs";
+import { default as default58 } from "./components/form/FormSortSwitchGroup.vue.mjs";
+import { default as default59 } from "./components/form/FormSubmitPanel.vue.mjs";
+import { default as default60 } from "./components/form/FormUpload.vue.mjs";
+import { default as default61 } from "./components/form/FormUploadAudio.vue.mjs";
+import { default as default62 } from "./components/form/FormUploadImage.vue.mjs";
+import { default as default63 } from "./components/form/FormUploadVideo.vue.mjs";
+import { default as default64 } from "./components/form/FormVerifyImage.vue.mjs";
 import { GAP_SCALE_RUNG, gapScaleBase, gapScaleValue } from "./utils/gap-scale.mjs";
-import { default as default66 } from "./components/data-view/InfiniteListView.vue.mjs";
-import { default as default67, default as default68 } from "./components/list-layout/ListLayout.vue.mjs";
-import { default as default69 } from "./components/modal/ModalVideoPreview.vue.mjs";
-import { default as default70 } from "./components/panel/PanelEditSwitch.vue.mjs";
-import { default as default71 } from "./components/panel/PanelItem.vue.mjs";
-import { default as default72 } from "./components/panel/PanelItemNestForm.vue.mjs";
-import { default as default73 } from "./components/panel/PanelMain.vue.mjs";
+import { default as default65 } from "./components/data-view/InfiniteListView.vue.mjs";
+import { default as default66, default as default67 } from "./components/list-layout/ListLayout.vue.mjs";
+import { default as default68 } from "./components/modal/ModalVideoPreview.vue.mjs";
+import { default as default69 } from "./components/panel/PanelEditSwitch.vue.mjs";
+import { default as default70 } from "./components/panel/PanelItem.vue.mjs";
+import { default as default71 } from "./components/panel/PanelItemNestForm.vue.mjs";
+import { default as default72 } from "./components/panel/PanelMain.vue.mjs";
 import { ROUTE_MODULE_LEVEL, TabsMainReplaceQueryKey } from "./config/route.mjs";
-import { default as default74 } from "./components/slot-layout/SlotLayoutFlowAside.vue.mjs";
+import { default as default73 } from "./components/slot-layout/SlotLayoutFlowAside.vue.mjs";
 import { TABLE_COLUMN_KEY_OPERATE, TABLE_COLUMN_KEY_SELECTION } from "./components/table/constants.mjs";
-import { default as default75 } from "./components/table/TableMain.vue.mjs";
-import { default as default76 } from "./components/table/TableSkeleton.vue.mjs";
-import { default as default77 } from "./components/table/TableToolbar.vue.mjs";
-import { default as default78 } from "./components/modal/VideoPreviewTrigger.vue.mjs";
-import { default as default79 } from "./components/view-layout/ViewLayout.vue.mjs";
+import { default as default74 } from "./components/table/TableMain.vue.mjs";
+import { default as default75 } from "./components/table/TableSkeleton.vue.mjs";
+import { default as default76 } from "./components/table/TableToolbar.vue.mjs";
+import { default as default77 } from "./components/modal/VideoPreviewTrigger.vue.mjs";
+import { default as default78 } from "./components/view-layout/ViewLayout.vue.mjs";
 import { buildRhythmCss, useCoreThemeApply } from "./hooks/use-theme-apply.mjs";
 import { checkLogin } from "./router/guard/login.mjs";
 import { checkPermission } from "./router/guard/permission.mjs";
@@ -137,110 +136,109 @@ export {
   APP_PAGE_SLOT_Z_INDEX,
   default2 as ActionBtn,
   default3 as ActionBtnGroup,
-  default34 as ActionConfirm,
-  default35 as AppAside,
-  default36 as AppBody,
-  default37 as AppBreadcrumb,
-  default38 as AppFooter,
-  default39 as AppHeader,
-  default40 as AppLayout,
-  default41 as AppPage,
-  default42 as AppPageDetail,
+  default33 as ActionConfirm,
+  default34 as AppAside,
+  default35 as AppBody,
+  default36 as AppBreadcrumb,
+  default37 as AppFooter,
+  default38 as AppHeader,
+  default39 as AppLayout,
+  default40 as AppPage,
+  default41 as AppPageDetail,
   default4 as AppPageListDetailLayout,
-  default43 as AppSidebar,
-  default44 as AppTheme,
-  default45 as AutoRefresh,
-  default46 as AutoRefreshGroup,
+  default42 as AppSidebar,
+  default43 as AppTheme,
+  default44 as AutoRefresh,
+  default45 as AutoRefreshGroup,
   BADGE_HOST_ATTR,
   BADGE_KEY_ATTR,
   BADGE_MASK_KINDS,
   BODY_CONTENT_VIEWPORT_HEIGHT,
   BODY_CONTENT_VIEWPORT_INSET,
   BODY_CONTENT_VIEWPORT_RECT,
-  default47 as BadgeMark,
+  default46 as BadgeMark,
   default5 as BooleanTag,
   COLLAPSED_CLASS,
   CORE_BRIDGE_KEY,
   CORE_VIEWPORT_DECOR_ZINDEX_ABOVE,
   CORE_VIEWPORT_DECOR_ZINDEX_BELOW,
-  default48 as ConfirmModal,
+  default47 as ConfirmModal,
   DC_SLOT_ATTR,
-  default50 as DataGridView,
+  default49 as DataGridView,
   default6 as DetailModal,
-  default51 as DragFloat,
+  default50 as DragFloat,
   EXPORT_MAX_LIMIT,
   FORM_CONFIG_SELECT_ALL_VALUE,
   FORM_ITEM_CHANGE_LOADING,
   FORM_NEST_REGISTRY_KEY,
   FORM_VALIDATE_ERROR_KEYS,
-  default52 as FormActiveFilter,
+  default51 as FormActiveFilter,
   default8 as FormInput,
   default9 as FormInputShadowClone,
-  default53 as FormItemNestForm,
-  default54 as FormItemNestFormList,
-  default55 as FormMain,
+  default52 as FormItemNestForm,
+  default53 as FormItemNestFormList,
+  default54 as FormMain,
   default10 as FormModal,
   default12 as FormRadioGroup,
-  default56 as FormSearch,
+  default55 as FormSearch,
   default13 as FormSelect,
   default14 as FormSelectShadowClone,
-  default57 as FormShadowCloneDispatch,
-  default58 as FormSortSwitch,
-  default59 as FormSortSwitchGroup,
+  default56 as FormShadowCloneDispatch,
+  default57 as FormSortSwitch,
+  default58 as FormSortSwitchGroup,
   default15 as FormSubmitBtn,
-  default60 as FormSubmitPanel,
+  default59 as FormSubmitPanel,
   default16 as FormTree,
-  default61 as FormUpload,
-  default62 as FormUploadAudio,
-  default63 as FormUploadImage,
-  default64 as FormUploadVideo,
+  default60 as FormUpload,
+  default61 as FormUploadAudio,
+  default62 as FormUploadImage,
+  default63 as FormUploadVideo,
   default17 as FormVerifyCode,
-  default65 as FormVerifyImage,
+  default64 as FormVerifyImage,
   GAP_SCALE_RUNG,
   GLOBAL_MODAL_REMOTE_KEY,
   default18 as HeightProvider,
-  default19 as IconHammer,
-  default20 as ImagePreviewTrigger,
-  default66 as InfiniteListView,
-  default67 as ListLayout,
-  default68 as ListPage,
-  default21 as MenuItemSub,
-  default22 as MenuTree,
-  default49 as ModalConfirm,
+  default19 as ImagePreviewTrigger,
+  default65 as InfiniteListView,
+  default66 as ListLayout,
+  default67 as ListPage,
+  default20 as MenuItemSub,
+  default21 as MenuTree,
+  default48 as ModalConfirm,
   default7 as ModalDetail,
   default11 as ModalForm,
-  default23 as ModalImagePreview,
-  default24 as ModalPorter,
-  default25 as ModalShelf,
-  default69 as ModalVideoPreview,
+  default22 as ModalImagePreview,
+  default23 as ModalPorter,
+  default24 as ModalShelf,
+  default68 as ModalVideoPreview,
   NEST_LAYOUT_SCALE_KEY,
   NEST_LAYOUT_TIERS,
   OPERATE_COLUMN_PROP,
-  default70 as PanelEditSwitch,
-  default71 as PanelItem,
-  default72 as PanelItemNestForm,
-  default26 as PanelItemNestPanel,
-  default73 as PanelMain,
+  default69 as PanelEditSwitch,
+  default70 as PanelItem,
+  default71 as PanelItemNestForm,
+  default25 as PanelItemNestPanel,
+  default72 as PanelMain,
   ROUTE_MODULE_LEVEL,
   SCOPE_VIEWPORT_MAX_HEIGHT,
-  default27 as SelectModule,
-  default28 as ShadowClone,
-  default74 as SlotLayoutFlowAside,
-  default29 as SlotLayoutTemplate,
+  default26 as SelectModule,
+  default27 as ShadowClone,
+  default73 as SlotLayoutFlowAside,
+  default28 as SlotLayoutTemplate,
   SlotRegion,
   TABLE_COLUMN_KEY_OPERATE,
   TABLE_COLUMN_KEY_SELECTION,
   TABS_MAIN_VISUAL_LEVEL,
-  default30 as TableEmpty,
-  default75 as TableMain,
-  default76 as TableSkeleton,
-  default77 as TableToolbar,
-  default31 as TabsMain,
+  default29 as TableEmpty,
+  default74 as TableMain,
+  default75 as TableSkeleton,
+  default76 as TableToolbar,
+  default30 as TabsMain,
   TabsMainReplaceQueryKey,
-  default32 as TriggerAutoImport,
-  default78 as VideoPreviewTrigger,
-  default79 as ViewLayout,
-  default33 as WatchSize,
+  default31 as TriggerAutoImport,
+  default77 as VideoPreviewTrigger,
+  default78 as ViewLayout,
+  default32 as WatchSize,
   buildRhythmCss,
   ceilToTier,
   checkFormItemIsIgnore,

package/es/store/app.mjs

@@ -2,6 +2,7 @@ import { defineStore } from "pinia";
 import { useRoute } from "vue-router";
 import { computed, ref } from "vue";
 import { gapScaleValue } from "../utils/gap-scale.mjs";
+const LAYOUT_CHROME_RADIUS = "var(--dc-core-radius, var(--el-border-radius-base))";
 function createAppStore(deps) {
   const { bridge } = deps;
   const storeSetup = () => {
@@ -98,8 +99,20 @@ function createAppStore(deps) {
     const headerStyle = computed(() => {
       const cfg = bridge.APP_LAYOUT_HEADER_CONFIG;
       return {
+        // 🔴 面貌默认值（圆角 + 横向内呼吸）[MUST] 写在 `...cfg.style` **之前**：
+        // 它们是**默认**不是**引擎托管** —— 消费方经 style 逃生舱传同名键要能整体压过
+        // （既有单测「style 逃生舱：装饰键生效」即钉这条）。
+        // 🔴 且 [MUST] 与 `background` **同源**（都在这份 inline style 里）：一半 inline
+        // 一半 scoped CSS 会让消费方覆盖时只改得动一半（hehvwt）。
+        borderRadius: LAYOUT_CHROME_RADIUS,
+        // 横向内呼吸取间距阶梯**模块档**（×1，默认 8px），取代原先写死在
+        // `.app-header-shim` 的 `0 20px`；随 gap 基数 + 密度档缩放。
+        padding: `0 ${gpx.value}`,
         ...cfg.style,
         position: "fixed",
+        // 引擎托管：横向 padding 恒收在盒内。core 是发布包，[MUST NOT] 指望消费方
+        // 有 `* { box-sizing: border-box }` 的全局 reset。
+        boxSizing: "border-box",
         // 通栏悬浮：三外边各让外缝 gap（底边朝内容，由下方模块 top 让内缝）。
         top: `calc(${viewportPadding.value.top} + ${gpx.value})`,
         left: `calc(${viewportPadding.value.left} + ${gpx.value})`,
@@ -118,7 +131,11 @@ function createAppStore(deps) {
     const footerStyle = computed(() => {
       const cfg = bridge.APP_LAYOUT_FOOTER_CONFIG;
       return {
+        // 面貌默认值与 header 同口径同位置（对称积木，[MUST] 一起改）——见 headerStyle 注释。
+        borderRadius: LAYOUT_CHROME_RADIUS,
+        padding: `0 ${gpx.value}`,
         ...cfg.style,
+        boxSizing: "border-box",
         height: `${showFooter.value ? footerHeight.value : 0}px`,
         // footer 在 body 流内：marginTop 与内容 shim 隔内缝；底边悬浮由 body paddingBottom 承担。
         // 用 hasFooter：footer 收起到 0 高时不留死内缝 gap（对称 hasHeader）。
@@ -130,6 +147,11 @@ function createAppStore(deps) {
     const sidebarStyle = computed(() => {
       const cfg = bridge.APP_LAYOUT_SIDEBAR_CONFIG;
       return {
+        // 圆角与 background 同源（见 headerStyle 注释）；默认值在展开前，逃生舱可整体覆盖。
+        // 🔴 **不给横向 padding**：侧栏里装的是菜单树，`.el-menu-item` 自带
+        // `padding: 0 var(--el-menu-base-level-padding)`（默认 20px），外层再让一份就是双份、
+        // 且折叠成图标栏时会把图标挤离中线。[MUST NOT] 为「四区补齐」想当然加上（hehvwt）。
+        borderRadius: LAYOUT_CHROME_RADIUS,
         ...cfg.style,
         position: "fixed",
         width: `${showSidebar.value ? sidebarWidth.value : 0}px`,
@@ -145,6 +167,9 @@ function createAppStore(deps) {
     const asideStyle = computed(() => {
       const cfg = bridge.APP_LAYOUT_ASIDE_CONFIG;
       return {
+        // 与 sidebar 同口径（对称积木）：圆角随主题、无横向 padding
+        // （内容由消费方经默认插槽自填，呼吸归内容自己，core 代让会与之叠成双份）。
+        borderRadius: LAYOUT_CHROME_RADIUS,
         ...cfg.style,
         position: "fixed",
         // 折叠双表达：外层宽收 0（收回空间）+ AppAside shim 绕 Y 轴翻转（视觉）。