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

package/scanner/rules/componentStructure.mjs

@@ -0,0 +1,63 @@
+import { readFileSync } from "node:fs";
+import { issue, lineOf } from "./_shared.mjs";
+
+const registry = JSON.parse(
+  readFileSync(
+    new URL("../../standards/component-structures.json", import.meta.url),
+    "utf8",
+  ),
+);
+const knownRootClasses = new Set(
+  registry.contracts.flatMap((contract) => contract.knownRootClasses || []),
+);
+
+const CLASS_ATTRIBUTE = /class\s*=\s*["']([^"']+)["']/g;
+const COMPOSITE_NAME = /(?:multi|multiple|picker|tags?|input-number|split)/i;
+
+export function findUnknownCompositeRoots(template) {
+  const findings = [];
+  let match;
+  while ((match = CLASS_ATTRIBUTE.exec(template)) !== null) {
+    const classValue = match[1];
+    const classes = classValue.split(/\s+/).filter(Boolean);
+    if (classes.some((name) => knownRootClasses.has(name))) continue;
+
+    const isHybridElementWrapper =
+      classes.includes("el-input") && classes.includes("el-input__wrapper");
+    const looksComposite = COMPOSITE_NAME.test(classValue);
+    const nearby = template.slice(match.index, match.index + 1600);
+    const containsInputStructure =
+      /<el-(?:input|select|autocomplete|cascader)\b|el-(?:input|select)__wrapper/.test(
+        nearby,
+      );
+
+    if (isHybridElementWrapper || (looksComposite && containsInputStructure)) {
+      findings.push({ index: match.index, classValue });
+    }
+  }
+  CLASS_ATTRIBUTE.lastIndex = 0;
+  return findings;
+}
+
+export const componentStructureRules = [
+  {
+    id: "R040",
+    category: "composite",
+    severity: "review",
+    name: "未知复合控件结构必须先登记边框与高度契约",
+    check(template, file, lineOffset) {
+      return findUnknownCompositeRoots(template).map((finding) =>
+        issue(
+          file,
+          lineOf(template, finding.index, lineOffset),
+          "R040",
+          "composite",
+          "review",
+          `发现未登记的疑似复合控件结构：class="${finding.classValue}"`,
+          "先核对真实 DOM，明确 root/边框所有者/内部无描边层/高度策略/Teleport 出口，再登记到 standards/component-structures.json；禁止直接扩大普通 Element 选择器。",
+          { layer: "L2", vendor: "common-core" },
+        ),
+      );
+    },
+  },
+];

package/scanner/rules/index.mjs

@@ -17,6 +17,7 @@ import { colorRules } from "./color.mjs";
 import { dialogRules } from "./dialog.mjs";
 import { tagRules } from "./tag.mjs";
 import { componentFamilyRules } from "./componentFamily.mjs";
+import { componentStructureRules } from "./componentStructure.mjs";
 import { semanticRules } from "./semantic.mjs";
 
 export const BUILT_IN_RULES = [
@@ -27,6 +28,7 @@ export const BUILT_IN_RULES = [
   ...dialogRules,
   ...tagRules,
   ...componentFamilyRules,
+  ...componentStructureRules,
   ...semanticRules,
 ];
 

package/skills/element/el-form/SKILL.md

@@ -67,6 +67,9 @@ el-date-picker 默认宽度不会自动撑满 el-form-item，必须显式设置
   平台默认阴影。
 - 数字输入框必须同时检查社区版“wrapper 子节点”和 jh-ui“wrapper 与
   input-number 同节点”两种 DOM，并确保只存在一层可见边框。
+- 带 prepend/append 的 input-group 必须由组合根绘制唯一外轮廓；输入主体、附加段
+  统一 26px，左右图标统一 14px。纯图标附加段使用 32px，文字/单位/按钮保持内容宽度。
+  不允许业务页分别给 `.el-input__inner` 与 `.el-input-group__append` 写不同高度。
 - 登录页和显式定制页继续使用自身样式，不套用上述高权重规则。
 
 ---

package/skills/vendors/jh-components/SKILL.md

@@ -34,6 +34,7 @@ applyTo: "**/*.vue"
 - EP 2.2.x `.el-input__inner` 26px 高度、圆角 / focus / error 三态
 - jh-picker / reference-picker 的 `.com-picker` / `.com-reference-picker` 输入高度兜底
 - common-core 多标签/人员选择器的 `.com-input-multi-tag-wrap` 使用 26px 最小高度并允许标签换行自然增高；只由外层绘制统一状态边框，内部编辑 input 不重复描边
+- common-core 复合结构统一登记在 `standards/component-structures.json`；R040 遇到未登记的疑似 picker/multiple/tag 混合 wrapper 时只提示人工核对，不允许直接放大通用 Element 选择器
 - jh-select / jh-date-picker 的 `.el-select.is-focus` / `.el-input.is-focus` 兼容
 - 必填星号在 inline-flex label 下显式声明颜色
 
@@ -48,10 +49,12 @@ applyTo: "**/*.vue"
 
 - ❌ 自行给 `.jh-tree` 写颜色覆盖（应用全局 `vendors/_jh-tree.scss`）
 - ❌ jh-drag-col 内自定义 padding 破坏拖拽条对齐
-- ❌ jh-drag-row 上下分栏缺 `.drager_row { height:100% }` 高度链（拖拽失效），或页面自行重画 `.slider_row`；手柄必须统一使用 `_jh-drag-row.scss` 的细分隔线 + 三点胶囊
+- ❌ jh-drag-row 上下分栏缺可收缩高度链，拖动后仅靠 pane 的 `overflow:hidden` 裁切 AG Grid；必须接入 `runtime/auto`，由 ResizeObserver 通知表格内部重布局，禁止给外层随意加滚动条
+- ❌ 页面自行重画 `.slider_row`；手柄必须统一使用 `_jh-drag-row.scss` 的细分隔线 + 三点胶囊
 - ❌ jh-pagination 未对齐到右侧（同 R011）
 - ❌ jh-form 内不用 `size="small"` 控件（同 R006）
 - ❌ 发现新的复杂 `<jh-*>` 组件后只在页面局部写补丁，而不沉淀到 L2 Project Vendors
+- ❌ 新复合结构未登记边框所有者、高度策略、内部无描边层与 Teleport 出口就直接写全局覆盖（R040）
 
 ## Repair
 
@@ -63,6 +66,7 @@ applyTo: "**/*.vue"
 ### B 类
 
 - 直接全局覆盖 `.jh-*` → 改为引入 `wl-skills-ui/styles` 由 vendors 层处理
+- `jh-drag-row + AG Grid` → Skin 项目除样式外在启动入口引入一次 `@agile-team/wl-skills-ui/runtime/auto`；Native 项目使用 `installCommonPreset()`，详见 `docs/split-grid-resize.md`
 - 新的复杂 `<jh-*>` 组件 → 先判断是否只是 Element Plus 薄封装；若不是，应新增 `styles/vendors/_jh-xxx.scss` 和对应 Skill/检测规则
 
 ## 全局样式来源

package/standards/component-structures.json

@@ -0,0 +1,313 @@
+{
+  "version": "1.0.0",
+  "description": "复合/组合控件结构契约单一事实源。登记边框所有者、高度策略、内部无描边层和 Teleport 出口，防止普通 Element 选择器误识别。",
+  "heightPolicies": [
+    "fixed-control-height",
+    "auto-with-control-min-height",
+    "content-driven"
+  ],
+  "contracts": [
+    {
+      "id": "common-core.multi-tag-input",
+      "vendor": "common-core",
+      "family": "form-composite",
+      "source": "lowcode-engine/packages/common/common-lowcode/components/src/schema-component/base-input-group/input/com/multi-tag-input.vue",
+      "fixture": "scanner/__tests__/component-fixtures/common-core-multi-tag-input.html",
+      "rootSelector": ".com-input-multi-tag-wrap.el-input.el-input__wrapper",
+      "ownerSelector": ".com-input-multi-tag-wrap.el-input__wrapper",
+      "innerBorderlessSelectors": [
+        ".com-input-multi-tag-wrap .el-input__wrapper"
+      ],
+      "knownRootClasses": [
+        "com-input-multi-tag-wrap"
+      ],
+      "heightPolicy": "auto-with-control-min-height",
+      "states": [
+        "default",
+        "hover",
+        "focus",
+        "error",
+        "disabled"
+      ],
+      "assertions": [
+        {
+          "target": "root",
+          "selector": ".el-input__wrapper:not(.com-input-multi-tag-wrap)",
+          "matches": false
+        },
+        {
+          "target": "inner",
+          "selector": ".com-input-multi-tag-wrap .el-input__wrapper",
+          "matches": true
+        }
+      ],
+      "risk": "外壳同时携带 el-input 与 el-input__wrapper，内部又包含真实 input wrapper；误套固定高度会裁切标签，内外同时描边会出现双边框。"
+    },
+    {
+      "id": "common-core.user-picker-multiple",
+      "vendor": "common-core",
+      "family": "picker-composite",
+      "source": "lowcode-engine/packages/common/common-lowcode/components/src/schema-component/base-input-group/user-picker/com/multiple-picker.vue",
+      "fixture": "scanner/__tests__/component-fixtures/common-core-user-picker-multiple.html",
+      "rootSelector": ".com-userPicker.picker-wrap",
+      "ownerSelector": ".com-userPicker .com-input-multi-tag-wrap.el-input__wrapper",
+      "innerBorderlessSelectors": [
+        ".com-userPicker .com-input-multi-tag-wrap .el-input__wrapper"
+      ],
+      "portalSelectors": [
+        ".user-picker-popper",
+        ".com-userPicker-dialog"
+      ],
+      "knownRootClasses": [
+        "com-userPicker"
+      ],
+      "heightPolicy": "auto-with-control-min-height",
+      "states": [
+        "default",
+        "hover",
+        "focus",
+        "error",
+        "disabled",
+        "open"
+      ],
+      "risk": "多标签外壳、Tooltip 和 append-to-body Dialog 同时存在，页面内样式与 Teleport 浮层必须分别验证。"
+    },
+    {
+      "id": "common-core.dept-picker-multiple",
+      "vendor": "common-core",
+      "family": "picker-composite",
+      "source": "lowcode-engine/packages/common/common-lowcode/components/src/schema-component/base-input-group/dept-picker/com/multiple-picker.vue",
+      "fixture": "scanner/__tests__/component-fixtures/common-core-dept-picker-multiple.html",
+      "rootSelector": ".com-deptPicker.picker-wrap",
+      "ownerSelector": ".com-deptPicker .el-input__wrapper",
+      "innerBorderlessSelectors": [],
+      "portalSelectors": [
+        ".com-deptPicker-dialog"
+      ],
+      "knownRootClasses": [
+        "com-deptPicker"
+      ],
+      "heightPolicy": "fixed-control-height",
+      "states": [
+        "default",
+        "hover",
+        "focus",
+        "error",
+        "disabled",
+        "open"
+      ],
+      "risk": "输入触发器与 append-to-body Dialog 分离，作用域或弹层规则调整时容易只覆盖一侧。"
+    },
+    {
+      "id": "common-core.tree-picker",
+      "vendor": "common-core",
+      "family": "picker-composite",
+      "source": "lowcode-engine/packages/common/common-lowcode/components/src/schema-component/base-input-group/tree-picker/com-pc/tree-picker.vue",
+      "fixture": "scanner/__tests__/component-fixtures/common-core-tree-picker.html",
+      "rootSelector": ".com-treePicker.picker-wrap",
+      "ownerSelector": ".com-treePicker-input .el-input__wrapper",
+      "innerBorderlessSelectors": [],
+      "portalSelectors": [
+        ".com-treePicker-dialog"
+      ],
+      "knownRootClasses": [
+        "com-treePicker"
+      ],
+      "heightPolicy": "fixed-control-height",
+      "states": [
+        "default",
+        "hover",
+        "focus",
+        "error",
+        "disabled",
+        "open"
+      ],
+      "risk": "外部触发输入、树弹窗和弹窗内搜索输入属于不同层级，通用输入规则不能把三者视为一个边框所有者。"
+    },
+    {
+      "id": "common-core.select-multiple",
+      "vendor": "common-core",
+      "family": "select-composite",
+      "source": "lowcode-engine/packages/common/common-lowcode/components/src/schema-component/base-input-group/select/com/select.vue",
+      "fixture": "scanner/__tests__/component-fixtures/common-core-select-multiple.html",
+      "rootSelector": ".el-select.com-select-multiple",
+      "ownerSelector": ".el-select.com-select-multiple .el-select__wrapper",
+      "innerBorderlessSelectors": [
+        ".el-select.com-select-multiple .el-select__input"
+      ],
+      "portalSelectors": [
+        ".el-select__popper"
+      ],
+      "knownRootClasses": [
+        "com-select-multiple"
+      ],
+      "heightPolicy": "auto-with-control-min-height",
+      "states": [
+        "default",
+        "hover",
+        "focus",
+        "error",
+        "disabled",
+        "open"
+      ],
+      "risk": "Tag、过滤输入和 Teleport 下拉层共存；必须保留多选自然增高并避免内部 editor 重复描边。"
+    },
+    {
+      "id": "common-core.input-number-mixed-wrapper",
+      "vendor": "common-core",
+      "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",
+      "innerBorderlessSelectors": [
+        ".el-input-number.el-input__wrapper > .el-input > .el-input__wrapper"
+      ],
+      "knownRootClasses": [
+        "el-input-number"
+      ],
+      "heightPolicy": "fixed-control-height",
+      "states": [
+        "default",
+        "hover",
+        "focus",
+        "error",
+        "disabled"
+      ],
+      "assertions": [
+        {
+          "target": "root",
+          "selector": ".el-input-number.el-input__wrapper",
+          "matches": true
+        },
+        {
+          "target": "inner",
+          "selector": ".el-input-number.el-input__wrapper > .el-input > .el-input__wrapper",
+          "matches": true
+        }
+      ],
+      "risk": "根节点本身是 wrapper，内部仍含 Element input wrapper；只能由根节点绘制唯一状态边框。"
+    },
+    {
+      "id": "common-core.base-toolbar-split-button",
+      "vendor": "common-core",
+      "family": "action-composite",
+      "source": "common-core BaseToolbar split-button rendered DOM",
+      "fixture": "scanner/__tests__/component-fixtures/common-core-base-toolbar-split.html",
+      "rootSelector": ".base-toolbar-box .action-button-wrap > .el-dropdown > .el-button-group",
+      "ownerSelector": ".base-toolbar-box .action-button-wrap > .el-dropdown > .el-button-group",
+      "innerBorderlessSelectors": [
+        ".base-toolbar-box .action-button-wrap > .el-dropdown > .el-button-group > .el-dropdown__caret-button"
+      ],
+      "portalSelectors": [
+        ".el-dropdown-menu.action-dropdown-menu"
+      ],
+      "knownRootClasses": [
+        "action-button-wrap"
+      ],
+      "heightPolicy": "content-driven",
+      "states": [
+        "default",
+        "hover",
+        "focus",
+        "active",
+        "disabled",
+        "open"
+      ],
+      "risk": "主动作和箭头是两个交互区但必须共享一个视觉外轮廓；下拉菜单中的业务按钮需扁平化且不能污染普通菜单。"
+    },
+    {
+      "id": "element-plus.input-group-affixes",
+      "vendor": "element-plus",
+      "family": "form-composite",
+      "source": "Element Plus Input prepend/append slot DOM；common-core jh-input 沿用该结构",
+      "fixture": "scanner/__tests__/component-fixtures/element-input-group-affixes.html",
+      "rootSelector": ".el-input.el-input-group",
+      "ownerSelector": ".el-input.el-input-group",
+      "innerBorderlessSelectors": [
+        ".el-input.el-input-group > .el-input__wrapper"
+      ],
+      "knownRootClasses": [
+        "el-input-group"
+      ],
+      "heightPolicy": "fixed-control-height",
+      "states": [
+        "default",
+        "hover",
+        "focus",
+        "error",
+        "disabled"
+      ],
+      "assertions": [
+        {
+          "target": "root",
+          "selector": ".el-input.el-input-group",
+          "matches": true
+        },
+        {
+          "target": "inner",
+          "selector": ".el-input.el-input-group > .el-input__wrapper",
+          "matches": true
+        }
+      ],
+      "risk": "输入主体、prepend/append 和内部图标原本各自携带高度、圆角与描边；必须由组合根统一外轮廓，仅保留内部接缝，避免附加段独立成块。"
+    },
+    {
+      "id": "common-core.drag-row-ag-grid",
+      "vendor": "common-core",
+      "family": "layout-composite",
+      "source": "lowcode-engine/packages/common/common-lowcode/components-core/src/components/drag-row/drag-row.vue + BaseTable renderType=agGrid DOM",
+      "fixture": "scanner/__tests__/component-fixtures/common-core-drag-row-ag-grid.html",
+      "rootSelector": ".drager_row",
+      "ownerSelector": ".drager_row .ag-grid-table",
+      "innerBorderlessSelectors": [],
+      "knownRootClasses": [
+        "drager_row"
+      ],
+      "heightPolicy": "content-driven",
+      "states": [
+        "initial",
+        "dragging",
+        "drag-end",
+        "container-resize"
+      ],
+      "risk": "分屏 pane 使用 overflow:hidden，拖动后若 AG Grid 宿主没有沿 flex 高度链收缩，只会裁掉旧尺寸内容而不会生成内部纵向滚动条。"
+    },
+    {
+      "id": "element-plus.input-group-affixes-legacy",
+      "vendor": "element-plus",
+      "family": "form-composite",
+      "source": "jh-ui 3.1.0 配套 Element Plus 2.2.x Input prepend/append 直挂 DOM",
+      "fixture": "scanner/__tests__/component-fixtures/element-input-group-affixes-legacy.html",
+      "rootSelector": ".el-input.el-input-group",
+      "ownerSelector": ".el-input.el-input-group",
+      "innerBorderlessSelectors": [
+        ".el-input.el-input-group > .el-input__inner"
+      ],
+      "knownRootClasses": [
+        "el-input-group"
+      ],
+      "heightPolicy": "fixed-control-height",
+      "states": [
+        "default",
+        "hover",
+        "focus",
+        "error",
+        "disabled"
+      ],
+      "assertions": [
+        {
+          "target": "root",
+          "selector": ".el-input.el-input-group",
+          "matches": true
+        },
+        {
+          "target": "inner",
+          "selector": ".el-input.el-input-group > .el-input__inner",
+          "matches": true
+        }
+      ],
+      "risk": "旧 DOM 没有 el-input__wrapper；若只清理新版 wrapper，直挂 input 会保留第二层边框并与 append 高度错位。"
+    }
+  ]
+}

package/standards/rules.json

@@ -44,6 +44,10 @@
     "layout": {
       "label": "页面骨架 / 操作组合",
       "standardsDoc": "skills/layouts/list-page/SKILL.md"
+    },
+    "composite": {
+      "label": "复合控件结构契约",
+      "standardsDoc": "standards/component-structures.json"
     }
   },
   "rules": [
@@ -464,6 +468,22 @@
       "manualReason": "需按组件语义选择 base/small/round 等圆角 token",
       "scanner": "scanner/rules/semantic.mjs",
       "skills": ["tokens/index"]
+    },
+    {
+      "id": "R040",
+      "category": "composite",
+      "severity": "review",
+      "title": "未知复合控件结构必须先登记边框与高度契约",
+      "rationale": "复合输入可能同时包含 Element 外壳、内部 editor 与 Teleport 浮层；直接套用普通 input 规则会造成固定高度裁切、边框消失或双描边。",
+      "appliesTo": [
+        "project-owned composite input wrapper",
+        ".el-input.el-input__wrapper",
+        "picker/multiple/tag wrapper containing Element input"
+      ],
+      "autoFixable": false,
+      "manualReason": "必须核对真实 DOM，明确边框所有者、高度策略、内部无描边层与 Teleport 出口",
+      "scanner": "scanner/rules/componentStructure.mjs",
+      "skills": ["vendors/jh-components"]
     }
   ]
 }

package/standards/ui/03-form.md

@@ -70,6 +70,10 @@ textarea 不强制 26px 高度，只继承统一圆角、字体和状态样式
 复合控件只能由最外层 wrapper 绘制默认、hover、focus、error、disabled 边框；内部编辑 input
 必须保持无描边，避免边框消失、内容裁切或出现双描边。
 
+所有非薄封装复合控件必须登记到 `standards/component-structures.json`，明确根节点、边框
+所有者、内部无描边层、高度策略、状态与 Teleport 出口，并提供真实 DOM fixture。R040
+发现疑似未知结构时只要求人工评审，不自动改写；禁止在结构未确认前扩大全局 Element 选择器。
+
 ---
 
 ## 规则：紧凑业务表单字号统一为 12px

package/styles/element/_form.scss

@@ -75,6 +75,130 @@ html body {
     line-height: calc(var(--wk-form-control-height) - 2px) !important;
   }
 
+  // ── 带前/后附加段的输入框 ────────────────────────────────────────────────
+  // Element input-group 把输入主体与 append/prepend 分成多个描边节点；平台或
+  // 业务局部高度只改其中一段时，就会出现截图中的右侧图标高低、圆角和边框不齐。
+  // 仅命中真实 .el-input.el-input-group，由组合根绘制唯一外轮廓，内部只保留分隔线。
+  &.el-input.el-input-group {
+    display: inline-flex !important;
+    align-items: stretch !important;
+    height: var(--wk-form-control-height) !important;
+    min-height: var(--wk-form-control-height) !important;
+    border: 0 !important;
+    border-radius: var(--wk-form-control-radius) !important;
+    box-sizing: border-box !important;
+    overflow: hidden !important;
+    background: var(--el-bg-color, #fff) !important;
+    box-shadow: 0 0 0 1px var(--el-border-color, #dcdfe6) inset !important;
+    transition: box-shadow 0.15s ease !important;
+  }
+
+  &.el-input.el-input-group > .el-input__wrapper {
+    flex: 1 1 auto !important;
+    min-width: 0 !important;
+    height: 100% !important;
+    min-height: 0 !important;
+    border: 0 !important;
+    border-radius: 0 !important;
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+
+  // jh-ui 配套的 Element Plus 2.2.x 仍可能使用 input 直挂结构。
+  &.el-input.el-input-group > .el-input__inner {
+    flex: 1 1 auto !important;
+    min-width: 0 !important;
+    height: 100% !important;
+    min-height: 0 !important;
+    border: 0 !important;
+    border-radius: 0 !important;
+    outline: none !important;
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+
+  &.el-input.el-input-group > .el-input-group__prepend,
+  &.el-input.el-input-group > .el-input-group__append {
+    display: inline-flex !important;
+    flex: 0 0 auto !important;
+    align-items: center !important;
+    justify-content: center !important;
+    width: auto !important;
+    height: 100% !important;
+    min-height: 0 !important;
+    padding: 0 8px !important;
+    border: 0 !important;
+    border-radius: 0 !important;
+    box-sizing: border-box !important;
+    color: var(--el-text-color-secondary, #909399) !important;
+    background: var(--el-fill-color-light, #f5f7fa) !important;
+    box-shadow: none !important;
+  }
+
+  &.el-input.el-input-group > .el-input-group__prepend {
+    box-shadow: -1px 0 0 var(--el-border-color, #dcdfe6) inset !important;
+  }
+
+  &.el-input.el-input-group > .el-input-group__append {
+    box-shadow: 1px 0 0 var(--el-border-color, #dcdfe6) inset !important;
+  }
+
+  &.el-input.el-input-group
+    > :where(.el-input-group__prepend, .el-input-group__append):has(
+      > .el-icon:only-child
+    ) {
+    flex-basis: 32px !important;
+    width: 32px !important;
+    padding: 0 !important;
+  }
+
+  &.el-input.el-input-group
+    > :where(.el-input-group__prepend, .el-input-group__append)
+    > .el-icon,
+  &.el-input .el-input__prefix-inner > .el-icon,
+  &.el-input .el-input__suffix-inner > .el-icon,
+  &.el-input .el-input__prefix > .el-icon,
+  &.el-input .el-input__suffix > .el-icon {
+    width: 14px !important;
+    height: 14px !important;
+    font-size: 14px !important;
+    line-height: 14px !important;
+  }
+
+  &.el-input.el-input-group
+    > :where(.el-input-group__prepend, .el-input-group__append)
+    > .el-button {
+    height: 100% !important;
+    min-height: 0 !important;
+    margin: 0 -8px !important;
+    padding: 0 8px !important;
+    border: 0 !important;
+    border-radius: 0 !important;
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+
+  &.el-input.el-input-group:not(.is-disabled):hover {
+    box-shadow: 0 0 0 1px var(--el-border-color-hover, #c0c4cc) inset !important;
+  }
+
+  &.el-input.el-input-group:not(.is-disabled):focus-within {
+    box-shadow:
+      0 0 0 1.5px var(--el-color-primary, #002a8f) inset,
+      0 0 0 2px rgba(var(--el-color-primary-rgb, 0, 42, 143), 0.1) !important;
+  }
+
+  &.el-input.el-input-group.is-disabled {
+    background: var(--el-disabled-bg-color, #f5f7fa) !important;
+    box-shadow: 0 0 0 1px var(--el-disabled-border-color, #e4e7ed) inset !important;
+  }
+
+  &.el-input.el-input-group.is-disabled
+    > :where(.el-input-group__prepend, .el-input-group__append) {
+    color: var(--el-disabled-text-color, #a8abb2) !important;
+    background: var(--el-disabled-bg-color, #f5f7fa) !important;
+  }
+
   // common-core / jh-ui 有两种数字框 DOM：
   // A. .el-input-number > .el-input > .el-input__wrapper（社区版）
   // B. .el-input-number.el-input__wrapper > .el-input（jh 同节点 wrapper）
@@ -217,4 +341,5 @@ html body {
     box-shadow:
       0 0 0 2px rgba(var(--el-color-primary-rgb, 0, 42, 143), 0.12) !important;
   }
+
 }

package/styles/vendors/_base-components.scss

@@ -612,6 +612,23 @@
       > .el-input__wrapper {
       box-shadow: none !important;
     }
+
+    // 输入组合框由最外层统一绘制轮廓；错误态必须覆盖其 focus-within 品牌色，
+    // 同时清空内部 wrapper，避免 append/prepend 场景出现双描边。
+    .el-input.el-input-group:not(.is-disabled),
+    .el-input.el-input-group:not(.is-disabled):hover {
+      box-shadow: 0 0 0 1px var(--el-color-danger, #f56c6c) inset !important;
+    }
+
+    .el-input.el-input-group:not(.is-disabled):focus-within {
+      box-shadow:
+        0 0 0 1.5px var(--el-color-danger, #f56c6c) inset,
+        0 0 0 2px rgba(var(--el-color-danger-rgb, 245, 108, 108), 0.1) !important;
+    }
+
+    .el-input.el-input-group > .el-input__wrapper {
+      box-shadow: none !important;
+    }
   }
 }
 

package/styles/vendors/_jh-drag-row.scss

@@ -81,3 +81,38 @@ html .drager_row > .slider_row {
 html .drager_row {
   min-height: 0;
 }
+
+// 上下分屏只负责裁切布局边界，滚动仍由 AG Grid 内部 viewport 负责。
+// runtime/auto 会仅在分屏 pane 内发现真实 AG Grid 时打上这些结构标记，
+// 从而补齐可收缩高度链；普通内容、普通表格和定制区域不会命中。
+html .drager_row > [data-wl-ui-split-pane] {
+  min-height: 0 !important;
+  overflow: hidden !important;
+}
+
+html .drager_row [data-wl-ui-split-grid-chain] {
+  min-height: 0 !important;
+}
+
+html
+  .drager_row
+  [data-wl-ui-split-grid-flex-parent]
+  > [data-wl-ui-split-grid-host] {
+  flex: 1 1 0 !important;
+  height: 0 !important;
+  min-height: 0 !important;
+  max-height: 100% !important;
+}
+
+html .drager_row [data-wl-ui-split-grid-host] {
+  min-height: 0 !important;
+  max-height: 100% !important;
+}
+
+html
+  .drager_row
+  .ag-grid-table[data-wl-ui-split-grid-host]
+  > .ag-root-wrapper {
+  height: 100% !important;
+  min-height: 0 !important;
+}