@agile-team/wl-skills-ui 1.9.13 → 1.9.14

package/CHANGELOG.md

@@ -4,6 +4,19 @@ All notable changes to **@agile-team/wl-skills-ui** will be documented in this f
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
 
+## [1.9.14] - 2026-08-10
+
+### Added
+
+- 新增受管业务组件字体 Token 与 Edge/Chrome 双浏览器计算样式门禁，统一 Element Table、BaseTable、AG Grid 的中英文数字字体链，同时保持登录页、大屏、编辑器、图表、图标字体和显式豁免区边界。
+- 复合结构清单按 common-core 真实 DOM 补全 `.com-inputNumber-content` 根类，并新增 jh-input-number 高度、对齐、controls、单描边视觉回归。
+
+### Fixed
+
+- 修复普通 InputNumber 高权重规则误命中 `jh-input-number`，造成复合数字框高度链、`textAlign` 与 controls 语义被压平的问题；复合根统一 26px 与五态外轮廓，内部 wrapper 不重复描边。
+- 修复 AG Grid 普通单元格强制 flex 居中覆盖 BaseTable `align/headerAlign`，以及透明右边框遮掉焦点单元格一侧描边的问题；普通列重新遵循 AG Grid 原生对齐，仅复选框列保持精准居中。
+- AG Grid 紧凑表头字号由半像素改为整数 13px，降低 Windows Edge 小字号抗锯齿差异。
+
 ## [1.9.13] - 2026-08-07
 
 ### Added

package/README.md

@@ -213,7 +213,7 @@ yarn add @agile-team/wl-skills-ui
 |---|---|---|
 | `element-plus` | **`2.2.6-prod.3`** | 集团 jh- 定制版；EP 2.3.0 起引入 `.el-input__wrapper`，与 jh-ui 3.x 不兼容 |
 | `@jhlc/jh-ui` | **`3.1.0`** | SCSS 皮肤包，`.com-text` label 包裹 + `.has-colon` 冒号注入（wl-skills-ui 已统一屏蔽表单冒号） |
-| `@agile-team/wl-skills-ui` | `^1.9.13` | 已对齐上述组合的 DOM 假设、客户主题锁、圆角契约、input-group 附加段、分屏 AG Grid 重布局、表格长文本兜底与定制页边界 |
+| `@agile-team/wl-skills-ui` | `^1.9.14` | 已对齐上述组合的 DOM 假设、客户主题锁、圆角契约、复合数字框、跨浏览器字体、AG Grid 原生对齐与定制页边界 |
 
 三种识别方式，任选其一：
 
@@ -227,7 +227,20 @@ yarn add @agile-team/wl-skills-ui
 
 ## 版本亮点
 
-当前 v1.9.13：
+当前 v1.9.14：
+
+- **Edge/Chrome 字体收敛**：受管 Element、BaseTable 与 AG Grid 统一使用覆盖中英文数字的
+  `--wk-font-family-sans`，AG 表头/正文使用整数 13px；不改写 `body/*`，登录页、大屏、
+  编辑器、图表、图标字体和显式豁免区不受影响。
+- **jh-input-number 精准解耦**：普通 Element 数字框规则不再误命中
+  `.com-inputNumber-content`；复合根统一 26px 和唯一状态描边，同时保留组件自身
+  `textAlign`、controls、单位及后缀语义。
+- **BaseTable/AG Grid 原生语义恢复**：焦点单元格四边框完整；取消普通单元格和表头的
+  强制居中，`align/headerAlign` 重新以列配置和 AG Grid 原生样式为准，复选框列仍精准居中。
+- **双浏览器门禁**：Windows Edge 维护像素基准，Edge + Google Chrome 同时验证字体、
+  数字框高度、焦点边框及左右对齐计算样式。
+
+上一版 v1.9.13：
 
 - **输入附加段不再割裂**：`el-input-group` 由组合根统一 26px 高度、6px 外圆角和 default/hover/focus/error/disabled 描边；左侧 prefix、右侧 append 图标统一 14px，纯图标附加段 32px，文字/单位/按钮仍按内容宽度。
 - **新旧 DOM 同时覆盖**：兼容 jh-ui 配套旧版 input 直挂结构和新版 `.el-input__wrapper` 结构，内部输入不再重复描边；普通 input、普通按钮、登录页和显式豁免区保持原行为。
@@ -772,7 +785,8 @@ export const myRules = [
 
 ### 维护者防回归
 
-复合控件必须先登记结构契约，再增加精准样式；包发版必须经过 Chromium 基准图对比：
+复合控件必须先登记结构契约，再增加精准样式；包发版必须经过 Edge 基准图与
+Edge/Chrome 双浏览器计算样式验证：
 
 ```bash
 # Windows 默认使用已安装的 Edge Chromium；非 Windows 首次安装一次

package/design/spec/typography.md

@@ -1,5 +1,20 @@
 # 字体排版规范
 
+## 字体族
+
+受管业务组件统一使用：
+
+```css
+var(--wk-font-family-sans)
+/* "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC",
+   "Hiragino Sans GB", Arial, sans-serif */
+```
+
+Windows 优先选择可同时覆盖中文、英文和数字的微软雅黑 UI 字体，避免 Edge 的增强文本
+对比度把逐字符 fallback 的差异放大为同一行粗细、字面高度不一致。该 Token 只映射到
+Element Plus、BaseTable 和 AG Grid 等受管组件根，不直接覆盖 `body` 或 `*`；登录页、大屏、
+代码编辑器、图表、图标字体及显式豁免区继续保留自己的字体设计。
+
 ## 字号
 
 | Token                        | 值     | 用途                |
@@ -27,3 +42,4 @@
 3. 表格表头 `14px / font-weight: 500`
 4. 弹窗标题 `16px / font-weight: 600`
 5. Tag/角标 `12px`
+6. 紧凑 AG Grid 表头/正文统一使用整数 `13px`，避免小字号半像素在浏览器间放大差异

package/design/tokens/base.css

@@ -1,5 +1,11 @@
 :root body {
   /* 客户主题契约：防止平台运行时 body 内联主题覆盖。 */
+  /*
+   * Windows 企业端优先使用同时覆盖中文、英文与数字的微软雅黑 UI 字体，
+   * 避免 Edge/Chrome 按字符切换 Helvetica/Segoe UI 与中文 fallback 后出现粗细跳变。
+   * 该 Token 只由受管组件根消费，不直接改写 body 字体，登录页/大屏仍可独立设计。
+   */
+  --wk-font-family-sans: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", Arial, sans-serif !important;
   --el-color-primary: #002a8f !important;
   --el-color-primary-rgb: 0, 42, 143 !important;
   --el-color-primary-light-1: #1a3f9a !important;

package/dist/tokens.css

@@ -1,5 +1,11 @@
 :root body {
   /* 客户主题契约：防止平台运行时 body 内联主题覆盖。 */
+  /*
+   * Windows 企业端优先使用同时覆盖中文、英文与数字的微软雅黑 UI 字体，
+   * 避免 Edge/Chrome 按字符切换 Helvetica/Segoe UI 与中文 fallback 后出现粗细跳变。
+   * 该 Token 只由受管组件根消费，不直接改写 body 字体，登录页/大屏仍可独立设计。
+   */
+  --wk-font-family-sans: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", Arial, sans-serif !important;
   --el-color-primary: #002a8f !important;
   --el-color-primary-rgb: 0, 42, 143 !important;
   --el-color-primary-light-1: #1a3f9a !important;

package/docs/compat-matrix.md

@@ -11,7 +11,7 @@
 | `element-plus` | **`2.2.6-prod.3`** | 集团 jh- 定制版，搭配 `@jhlc/jh-ui` 使用，DOM 仍为 `.el-input > .el-input__inner` 直挂结构（**EP 2.3.0 起才引入 `.el-input__wrapper`**） |
 | `@jhlc/jh-ui` | **`3.1.0`** | SCSS 皮肤包，`.com-text` label 包裹、`.has-colon ::after` 冒号注入、`.el-form-item--default { margin-bottom: 24px }` 等强约束 |
 | `@jhlc/common-core` | `3.1.0` 或 `3.1.0-prod.x` | 基础 util/types，`@jhlc/jh-ui` 间接依赖 |
-| `@agile-team/wl-skills-ui` | `^1.9.13` | 已对齐 jh-ui 3.1.0 + EP 2.2.6-prod.3 的 DOM 假设、客户主题锁、6px 基础圆角、紧凑表单、input-group 附加段、分屏 AG Grid 重布局、复合结构契约、表格长文本提示与定制页边界 |
+| `@agile-team/wl-skills-ui` | `^1.9.14` | 已对齐 jh-ui 3.1.0 + EP 2.2.6-prod.3 的 DOM 假设、客户主题锁、6px 基础圆角、紧凑表单、复合数字框、跨浏览器字体、AG Grid 原生对齐与定制页边界 |
 
 ## 项目集群当前实测
 
@@ -35,7 +35,7 @@
 
 ## 适配建议
 
-- 集团内项目：**统一锚定 `element-plus@2.2.6-prod.3` + `@jhlc/jh-ui@3.1.0`**，与 wl-skills-ui v1.9.13 三方对齐。
+- 集团内项目：**统一锚定 `element-plus@2.2.6-prod.3` + `@jhlc/jh-ui@3.1.0`**，与 wl-skills-ui v1.9.14 三方对齐。
 - Skin 项目除全局样式外，在 `main.ts` 引入一次 `@agile-team/wl-skills-ui/runtime/auto`；Native 项目的 `installCommonPreset()` 已包含相同包级保护，不要重复安装。
 - 升级 `element-plus` 到 2.3+ 前，必须同步升级 `@jhlc/jh-ui` 到对应支持版本，否则 `.com-text` / `.el-input__inner` DOM 与 EP `__wrapper` 体系不兼容。
 - 新项目接入：见 README 「快速接入」章节，默认会按本表声明 peerDependency 范围。

package/docs/composite-component-contracts.md

@@ -36,7 +36,10 @@ wrapper 时，应先按上述流程确认，不能直接扩大全局 Element 选
 
 - common-core 多标签输入与人员选择多选。
 - 部门选择、树选择和 Element 多选封装。
-- 同节点 wrapper + 子 wrapper 的混合数字输入。
+- common-core `jh-input-number` 的
+  `.com-inputNumber-content.el-input-number.el-input__wrapper` 复合根：外层统一 26px
+  高度与唯一状态边框，内部 wrapper 无重复描边，并保留 `textAlign`、`controls`、单位与
+  后缀等组件原生语义。
 - BaseToolbar 分裂按钮及其动作菜单 Teleport 出口。
 - Element Plus 新旧两种 input-group prepend/append DOM：组合根负责唯一外轮廓，
   输入主体与附加段统一 26px，纯图标附加段 32px、图标 14px。

package/docs/visual-regression.md

@@ -17,6 +17,11 @@
 - jh-drag-row 收缩后 AG Grid host 跟随变高，纵向滚动只发生在内部 viewport。
 - Element Table 长文本真实溢出、省略号与按需完整提示。
 - 表格选中行柔和状态色、BaseToolbar 分裂按钮与定制区域豁免。
+- common-core `jh-input-number` 与普通表单控件同高，保留 `textAlign` 和 controls，且只有
+  复合根绘制状态边框。
+- AG Grid 焦点单元格四边描边完整，`align/headerAlign` 继续由 BaseTable/AG Grid 列配置决定。
+- 受管 Element Table、BaseTable 与 AG Grid 使用同一中英文数字字体链；计算样式契约分别
+  在 Windows Edge 和 Google Chrome 运行，像素截图仍只维护一套 Edge 基准。
 
 ## 使用
 
@@ -38,7 +43,8 @@ pnpm release:check
 ```
 
 截图基准按 Playwright 的浏览器/平台规则保存，不随 npm 包发布。Windows 默认使用企业
-环境已有的 Edge Chromium，也可通过 `WL_UI_BROWSER_CHANNEL` 显式指定 Playwright 通道。
+环境已有的 Edge Chromium，也可通过 `WL_UI_BROWSER_CHANNEL` 显式指定截图通道；无截图的
+字体、尺寸、焦点与对齐契约会额外启动系统 Edge 和 Google Chrome 各验证一次。
 视觉像素受操作系统、浏览器版本和字体渲染影响，生成与比较必须使用相同环境；当前
 基准为 Windows Edge Chromium。
 升级 Playwright、Chromium 或字体后，应单独提交基准变化并人工审图，不能把更新截图当成

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agile-team/wl-skills-ui",
-  "version": "1.9.13",
+  "version": "1.9.14",
   "description": "企业级 UI 风格对齐框架 — Vue + Element Plus 项目通用化妆/原生双模式（tokens / element / vendors / layouts / runtime / scanner / fixer / skills）",
   "type": "module",
   "main": "./es/index.js",

package/standards/component-structures.json

@@ -158,12 +158,13 @@
       "family": "number-composite",
       "source": "lowcode-engine/packages/common/common-lowcode/components/src/schema-component/base-input-group/input-number/com/input-number.vue",
       "fixture": "scanner/__tests__/component-fixtures/common-core-input-number-mixed.html",
-      "rootSelector": ".el-input-number.el-input__wrapper",
-      "ownerSelector": ".el-input-number.el-input__wrapper",
+      "rootSelector": ".com-inputNumber-content.el-input-number.el-input__wrapper",
+      "ownerSelector": ".com-inputNumber-content.el-input-number.el-input__wrapper",
       "innerBorderlessSelectors": [
-        ".el-input-number.el-input__wrapper > .el-input > .el-input__wrapper"
+        ".com-inputNumber-content.el-input-number.el-input__wrapper > .el-input > .el-input__wrapper"
       ],
       "knownRootClasses": [
+        "com-inputNumber-content",
         "el-input-number"
       ],
       "heightPolicy": "fixed-control-height",
@@ -177,16 +178,16 @@
       "assertions": [
         {
           "target": "root",
-          "selector": ".el-input-number.el-input__wrapper",
+          "selector": ".com-inputNumber-content.el-input-number.el-input__wrapper",
           "matches": true
         },
         {
           "target": "inner",
-          "selector": ".el-input-number.el-input__wrapper > .el-input > .el-input__wrapper",
+          "selector": ".com-inputNumber-content.el-input-number.el-input__wrapper > .el-input > .el-input__wrapper",
           "matches": true
         }
       ],
-      "risk": "根节点本身是 wrapper，内部仍含 Element input wrapper；只能由根节点绘制唯一状态边框。"
+      "risk": "jh-input-number 根节点本身是 wrapper，内部仍含 Element input wrapper；只能由根节点绘制唯一状态边框，同时必须保留 textAlign、controls 与单位附加段语义。"
     },
     {
       "id": "common-core.base-toolbar-split-button",

package/styles/element/_form.scss

@@ -52,12 +52,12 @@ html body {
 
   // 复合多标签输入把外壳复用了 .el-input__wrapper，但它需要随标签换行自然增高；
   // 这里只固定真正的单行 wrapper，复合外壳交给 L2 vendor 适配。
-  &.el-input__wrapper:not(.com-input-multi-tag-wrap),
+  &.el-input__wrapper:not(.com-input-multi-tag-wrap):not(.com-inputNumber-content),
   &.el-select__wrapper,
   &.el-select .el-select__wrapper,
   &.el-date-editor.el-input__wrapper,
   &.el-date-editor .el-input__wrapper,
-  &.el-input-number .el-input__wrapper,
+  &.el-input-number:not(.com-inputNumber-content) .el-input__wrapper,
   &.el-cascader .el-input__wrapper,
   &.el-autocomplete .el-input__wrapper {
     height: var(--wk-form-control-height) !important;
@@ -68,7 +68,7 @@ html body {
   &.el-input__inner,
   &.el-select__selected-item,
   &.el-date-editor .el-input__inner,
-  &.el-input-number .el-input__inner,
+  &.el-input-number:not(.com-inputNumber-content) .el-input__inner,
   &.el-cascader .el-input__inner,
   &.el-autocomplete .el-input__inner {
     height: calc(var(--wk-form-control-height) - 2px) !important;
@@ -203,9 +203,9 @@ html body {
   // A. .el-input-number > .el-input > .el-input__wrapper（社区版）
   // B. .el-input-number.el-input__wrapper > .el-input（jh 同节点 wrapper）
   // 两种结构都只允许 wrapper 层绘制唯一可见边框。
-  &.el-input-number,
-  &.el-input-number:focus,
-  &.el-input-number:focus-within {
+  &.el-input-number:not(.com-inputNumber-content),
+  &.el-input-number:not(.com-inputNumber-content):focus,
+  &.el-input-number:not(.com-inputNumber-content):focus-within {
     width: 100% !important;
     height: var(--wk-form-control-height) !important;
     line-height: var(--wk-form-control-height) !important;
@@ -216,13 +216,13 @@ html body {
     background: transparent !important;
   }
 
-  &.el-input-number:not(.el-input__wrapper),
-  &.el-input-number:not(.el-input__wrapper):focus,
-  &.el-input-number:not(.el-input__wrapper):focus-within {
+  &.el-input-number:not(.com-inputNumber-content):not(.el-input__wrapper),
+  &.el-input-number:not(.com-inputNumber-content):not(.el-input__wrapper):focus,
+  &.el-input-number:not(.com-inputNumber-content):not(.el-input__wrapper):focus-within {
     box-shadow: none !important;
   }
 
-  &.el-input-number .el-input {
+  &.el-input-number:not(.com-inputNumber-content) .el-input {
     width: 100% !important;
     height: 100% !important;
     border: 0 !important;
@@ -231,8 +231,8 @@ html body {
     box-shadow: none !important;
   }
 
-  &.el-input-number .el-input__wrapper,
-  &.el-input-number.el-input__wrapper {
+  &.el-input-number:not(.com-inputNumber-content) .el-input__wrapper,
+  &.el-input-number.el-input__wrapper:not(.com-inputNumber-content) {
     width: 100% !important;
     height: 100% !important;
     min-height: 0 !important;
@@ -245,23 +245,23 @@ html body {
     transition: box-shadow 0.15s ease !important;
   }
 
-  &.el-input-number:not(.is-disabled):hover .el-input__wrapper,
-  &.el-input-number.el-input__wrapper:not(.is-disabled):hover {
+  &.el-input-number:not(.com-inputNumber-content):not(.is-disabled):hover .el-input__wrapper,
+  &.el-input-number.el-input__wrapper:not(.com-inputNumber-content):not(.is-disabled):hover {
     box-shadow:
       0 0 0 1px var(--el-border-color-hover, #c0c4cc) inset !important;
   }
 
-  &.el-input-number:not(.is-disabled) .el-input__wrapper.is-focus,
-  &.el-input-number:not(.is-disabled):focus-within .el-input__wrapper,
-  &.el-input-number.el-input__wrapper:not(.is-disabled).is-focus,
-  &.el-input-number.el-input__wrapper:not(.is-disabled):focus,
-  &.el-input-number.el-input__wrapper:not(.is-disabled):focus-within {
+  &.el-input-number:not(.com-inputNumber-content):not(.is-disabled) .el-input__wrapper.is-focus,
+  &.el-input-number:not(.com-inputNumber-content):not(.is-disabled):focus-within .el-input__wrapper,
+  &.el-input-number.el-input__wrapper:not(.com-inputNumber-content):not(.is-disabled).is-focus,
+  &.el-input-number.el-input__wrapper:not(.com-inputNumber-content):not(.is-disabled):focus,
+  &.el-input-number.el-input__wrapper:not(.com-inputNumber-content):not(.is-disabled):focus-within {
     box-shadow:
       0 0 0 1.5px var(--el-color-primary, #002a8f) inset !important;
   }
 
-  &.el-input-number.is-disabled .el-input__wrapper,
-  &.el-input-number.el-input__wrapper.is-disabled {
+  &.el-input-number:not(.com-inputNumber-content).is-disabled .el-input__wrapper,
+  &.el-input-number.el-input__wrapper:not(.com-inputNumber-content).is-disabled {
     background: var(--el-disabled-bg-color, #f5f7fa) !important;
     box-shadow:
       0 0 0 1px var(--el-disabled-border-color, #e4e7ed) inset !important;
@@ -269,14 +269,16 @@ html body {
 
   // 极少数过渡版本会同时输出“同节点 wrapper + 子 wrapper”；
   // 此时由外层绘制边框，明确清掉内层，防止双描边。
-  &.el-input-number.el-input__wrapper > .el-input > .el-input__wrapper {
+  &.el-input-number.el-input__wrapper:not(.com-inputNumber-content)
+    > .el-input
+    > .el-input__wrapper {
     background: transparent !important;
     box-shadow: none !important;
   }
 
-  &.el-input-number .el-input__inner,
-  &.el-input-number .el-input__inner:focus,
-  &.el-input-number .el-input__inner:focus-visible {
+  &.el-input-number:not(.com-inputNumber-content) .el-input__inner,
+  &.el-input-number:not(.com-inputNumber-content) .el-input__inner:focus,
+  &.el-input-number:not(.com-inputNumber-content) .el-input__inner:focus-visible {
     width: 100% !important;
     height: 100% !important;
     line-height: calc(var(--wk-form-control-height) - 2px) !important;
@@ -289,23 +291,27 @@ html body {
     text-align: left !important;
   }
 
-  &.el-input-number .el-input__wrapper .el-input__inner {
+  &.el-input-number:not(.com-inputNumber-content)
+    .el-input__wrapper
+    .el-input__inner {
     padding: 0 !important;
   }
 
-  &.el-input-number .el-input-number__increase,
-  &.el-input-number .el-input-number__decrease {
+  &.el-input-number:not(.com-inputNumber-content) .el-input-number__increase,
+  &.el-input-number:not(.com-inputNumber-content) .el-input-number__decrease {
     display: none !important;
   }
 
-  &.el-input-number .el-input__inner::-webkit-inner-spin-button,
-  &.el-input-number .el-input__inner::-webkit-outer-spin-button {
+  &.el-input-number:not(.com-inputNumber-content)
+    .el-input__inner::-webkit-inner-spin-button,
+  &.el-input-number:not(.com-inputNumber-content)
+    .el-input__inner::-webkit-outer-spin-button {
     margin: 0 !important;
     appearance: none !important;
     -webkit-appearance: none !important;
   }
 
-  &.el-input-number .el-input__inner[type="number"] {
+  &.el-input-number:not(.com-inputNumber-content) .el-input__inner[type="number"] {
     appearance: textfield !important;
     -moz-appearance: textfield !important;
   }

package/styles/element/_typography.scss

@@ -0,0 +1,26 @@
+// styles/element/_typography.scss — 受管业务组件字体链
+//
+// Edge 在 Windows 上使用增强文本对比度；如果字体栈把英文/数字先分配给
+// Helvetica/Segoe UI，再把中文逐字符 fallback 到微软雅黑，同一行会显得粗细、字面
+// 高度不一致。这里仅在业务组件根统一字体变量与继承起点，不使用全局 * 选择器，
+// 图标字体、编辑器、图表及定制页面仍可使用自己的显式 font-family。
+
+@use "../scope" as skin;
+
+#{skin.$managed-scope-selector} {
+  &:where(
+    .el-form,
+    .el-table,
+    .el-dialog,
+    .el-drawer,
+    .el-message-box,
+    .el-message,
+    .el-notification,
+    .el-popper,
+    .el-button,
+    .el-pagination
+  ) {
+    --el-font-family: var(--wk-font-family-sans) !important;
+    font-family: var(--wk-font-family-sans) !important;
+  }
+}

package/styles/element/index.scss

@@ -1,6 +1,7 @@
 // styles/element/index.scss — Element Plus 覆盖层汇总
 // 前置：design/tokens/base.css 必须最先在 index.html 中加载
 
+@forward './typography';
 @forward './button';
 @forward './pagination';
 @forward './form';

package/styles/tokens/index.scss

@@ -85,6 +85,9 @@ $wk-sidebar-width: var(--el-sidebar-width) !default;
 // 选择器特异性负责压过普通样式表，!important 负责压过平台运行时写入 body
 // 的普通内联变量；runtime/theme-lock.ts 再兜底处理后续动态改写。
 :root body {
+  // 仅定义字体 Token，不直接覆盖 body。由 L1/L2 受管组件根按需消费，
+  // 避免登录页、大屏、代码编辑器与图标字体被全局字体规则污染。
+  --wk-font-family-sans: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", Arial, sans-serif !important;
   --el-color-primary: #002a8f !important;
   --el-color-primary-rgb: 0, 42, 143 !important;
   --el-color-primary-light-1: #1a3f9a !important;

package/styles/vendors/_ag-grid.scss

@@ -6,6 +6,23 @@
 // 维护：只改这一个文件，全项目生效
 // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
+// 字体只落在真实 BaseTable / AG Grid 根上；不修改 body，也不覆盖 renderer 内部
+// 显式声明的图标/代码字体。宿主与 root 同时设变量，兼容不同 AG Grid 版本的继承点。
+#{skin.$managed-scope-selector} {
+  &:where(
+    .base-table,
+    .base-table-wrapper,
+    .base-table-container,
+    .ag-theme-quartz,
+    .ag-theme-quartz-dark,
+    .ag-theme-quartz-auto-dark,
+    .ag-root-wrapper
+  ) {
+    --ag-font-family: var(--wk-font-family-sans) !important;
+    font-family: var(--wk-font-family-sans) !important;
+  }
+}
+
 // ── CSS 变量注入（AG Grid 28+ 支持）──────────────────────────────────────────
 .ag-root-wrapper {
   // 深品牌蓝在大面积行底色中只保留轻提示：hover 4%，selected 7%。
@@ -22,7 +39,7 @@
   --ag-selected-row-background-color: var(--wk-grid-row-selected-bg) !important;
   --ag-range-selection-border-color: rgba(var(--el-color-primary-rgb), 0.4);
   --ag-font-size: 13px;
-  --ag-font-family: inherit;
+  --ag-font-family: var(--wk-font-family-sans);
   --ag-row-height: 26px;
   --ag-header-height: 36px;
   --ag-cell-horizontal-padding: 8px;
@@ -49,7 +66,7 @@
 .ag-header-cell {
   height: 36px !important;
   padding: 0 8px !important;
-  font-size: 12.5px !important;
+  font-size: 13px !important;
   font-weight: 600 !important;
   color: #374151 !important;
   letter-spacing: 0.02em;
@@ -73,13 +90,12 @@
   height: 100%;
   display: flex !important;
   align-items: center !important;
-  justify-content: center !important;
   padding: 0 !important;
   width: 100%;
 }
 
 .ag-header-cell-text {
-  font-size: 12.5px;
+  font-size: 13px;
   font-weight: 600;
   color: #374151;
   white-space: nowrap;
@@ -126,12 +142,18 @@
   font-size: 13px !important;
   color: #374151;
   padding: 0 8px !important;
-  display: flex !important;
-  align-items: center !important;
-  justify-content: center !important;
   border-right-color: transparent !important;
 }
 
+// 普通单元格保持无竖线的轻量外观；真正获得焦点时恢复 AG Grid 自己的焦点色，
+// 避免上面的透明右边框把选中单元格描边切掉一侧。
+.ag-cell.ag-cell-focus {
+  border-color: var(
+    --ag-range-selection-border-color,
+    rgba(var(--el-color-primary-rgb, 0, 42, 143), 0.4)
+  ) !important;
+}
+
 .ag-cell-value {
   min-width: 0;
   overflow: hidden;
@@ -140,9 +162,9 @@
   max-width: 100%;
 }
 
-// 平台把 .ag-cell 与 .ag-cell-value 复用在同一个 flex 节点上；flex 容器的
-// 直接文本不会稳定绘制 text-overflow。仅对没有子元素的普通文本单元格切回
-// block，编辑器、操作列、自定义 renderer、复选框与主动换行列保持原结构。
+// 平台会把 .ag-cell 与 .ag-cell-value 复用在同一个节点上；直接文本需要 block
+// 才能稳定绘制 text-overflow。仅命中没有子元素的普通文本单元格，编辑器、操作列、
+// 自定义 renderer、复选框与主动换行列继续遵循 AG Grid / BaseTable 自身布局。
 #{skin.$managed-scope-selector} {
   &.ag-root-wrapper
     .ag-cell-value:not(.editable-cell):not(.always-editable-cell):not(
@@ -170,6 +192,9 @@
 // 复选框单元格（header 与 body 使用相同规则，确保视觉对齐）
 .ag-cell.ag-checkbox-cell {
   padding: 0 !important;
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
 }
 
 // 多选列表头：精准命中 ag-header-select-all，与 body checkbox 保持相同居中方式
@@ -178,8 +203,8 @@
   justify-content: center !important;
 }
 
-.ag-header-cell.ag-header-cell-sortable:first-child,
-.ag-pinned-left-header .ag-header-cell:first-child {
+.ag-header-cell.ag-header-cell-sortable:first-child:has(.ag-header-select-all),
+.ag-pinned-left-header .ag-header-cell:first-child:has(.ag-checkbox) {
   padding: 0 !important;
   justify-content: center !important;
 }
@@ -360,6 +385,13 @@
 
 // 用 ::before 注入 SVG 动画徽标
 .ag-overlay-loading-center {
+  // AG Grid 默认插入 Loading...；统一文字层级并避免声明落在嵌套规则之后。
+  font-size: 13px !important;
+  font-weight: 500 !important;
+  color: #57606a !important;
+  letter-spacing: 0.02em !important;
+  line-height: 1.4 !important;
+
   &::before {
     content: "";
     display: block;
@@ -369,12 +401,6 @@
       center/contain no-repeat;
   }
 
-  // 省略号文字（AG Grid 默认插入"Loading..."，此处做字体优化）
-  font-size: 13px !important;
-  font-weight: 500 !important;
-  color: #57606a !important;
-  letter-spacing: 0.02em !important;
-  line-height: 1.4 !important;
 }
 
 // 三个跳动小点（补充到文字后面，用 ::after 伪元素模拟）

package/styles/vendors/_jh-ui.scss

@@ -197,6 +197,89 @@
     box-shadow: none !important;
   }
 
+  // common-core jh-input-number 是“数字框根节点同时复用 el-input__wrapper”的复合结构：
+  // .com-inputNumber-content.el-input-number.el-input__wrapper > .el-input。
+  // 普通 Element InputNumber 的根/子 wrapper 规则不能套到这里，否则会同时压缩外壳、
+  // 清空组件自己的 textAlign/controls 语义。复合根只统一外轮廓和高度，内部继续由
+  // jh-input-number 自己负责左右对齐、单位附加段与步进按钮。
+  &.com-inputNumber-content.el-input-number.el-input__wrapper {
+    display: inline-flex !important;
+    align-items: stretch !important;
+    width: 100% !important;
+    height: var(--wk-form-control-height, 26px) !important;
+    min-height: var(--wk-form-control-height, 26px) !important;
+    line-height: normal !important;
+    padding: 0 !important;
+    border: 0 !important;
+    border-radius: var(--wk-form-control-radius, var(--el-border-radius-base, 6px)) !important;
+    box-sizing: border-box !important;
+    background: var(--el-input-bg-color, var(--el-fill-color-blank, #fff)) !important;
+    box-shadow:
+      0 0 0 1px var(--el-input-border-color, var(--el-border-color, #dcdfe6)) inset !important;
+    transition: box-shadow 0.15s ease !important;
+  }
+
+  &.com-inputNumber-content.el-input-number.el-input__wrapper:not(.is-disabled):hover {
+    box-shadow:
+      0 0 0 1px var(--el-input-hover-border-color, var(--el-border-color-hover, #c0c4cc)) inset !important;
+  }
+
+  &.com-inputNumber-content.el-input-number.el-input__wrapper:not(.is-disabled):focus-within {
+    box-shadow:
+      0 0 0 1.5px var(--el-color-primary, #002a8f) inset !important;
+  }
+
+  &.com-inputNumber-content.el-input-number.el-input__wrapper.is-disabled {
+    background: var(--el-disabled-bg-color, #f5f7fa) !important;
+    box-shadow:
+      0 0 0 1px var(--el-disabled-border-color, #e4e7ed) inset !important;
+  }
+
+  &.com-inputNumber-content.el-input-number.el-input__wrapper > .el-input {
+    flex: 1 1 auto !important;
+    width: 100% !important;
+    min-width: 0 !important;
+    height: 100% !important;
+    min-height: 0 !important;
+    border: 0 !important;
+    outline: none !important;
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+
+  &.com-inputNumber-content.el-input-number.el-input__wrapper
+    > .el-input
+    > .el-input__wrapper {
+    height: 100% !important;
+    min-height: 0 !important;
+    border: 0 !important;
+    border-radius: 0 !important;
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+
+  &.com-inputNumber-content.el-input-number.el-input__wrapper
+    > .el-input
+    .el-input__inner {
+    height: 100% !important;
+    line-height: calc(var(--wk-form-control-height, 26px) - 2px) !important;
+    border: 0 !important;
+    outline: none !important;
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+
+  // 带单位/后缀时，外层数字框仍是唯一描边所有者；子 input-group 只负责布局和分隔线。
+  &.com-inputNumber-content.el-input-number.el-input__wrapper
+    > .el-input.el-input-group {
+    height: 100% !important;
+    min-height: 0 !important;
+    border: 0 !important;
+    border-radius: 0 !important;
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+
   &.com-picker .el-input > .el-input__inner,
   &.com-reference-picker .el-input > .el-input__inner,
   &.com-reference-picker-input .el-input > .el-input__inner,