@agile-team/wl-skills-ui 1.8.14 → 1.8.16

package/CHANGELOG.md

@@ -4,6 +4,22 @@ 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.8.16] - 2026-07-01
+
+### Fixed
+
+- **label 冒号通杀（根治"就它带冒号"）**：此前冒号屏蔽仅覆盖 `.has-colon .el-form-item__label .com-text::after`（带 `.has-colon` 前缀）。但 jh-\* 组件（jh-select / jh-date / jh-picker / BaseForm 的自定义 component，如 CustomerPicker）的 `showColon` 默认 `true`，渲染的 label 走 `.com-text` 容器**但不一定带 `.has-colon` 类**，导致规则命不中、单点冒号残留。本次新增**不限 `.has-colon`** 的通杀规则，覆盖 `.el-form-item__label` 内所有 `.com-text` / `.text-line-2` 的 `:after`，特异性 `html body .el-form-item__label .com-text::after`（0,3,1）高于 jh-ui 注入，确定性咔嚓所有冒号伪元素
+
+## [1.8.15] - 2026-07-01
+
+### Added
+
+- **jh-drag-row 上下分栏手柄覆盖**：新增 `styles/vendors/_jh-drag-row.scss`，把 `jh-drag-row`（来自 `@jhlc/common-core`，主从表/上下双表首选布局）的 `.slider_row` 手柄对齐到与 `_jh-drag-col.scss` 同源的极简细线 + grip dots 风格。此前 wl-skills-ui 只覆盖了 `jh-drag-col`（左右），缺少 `jh-drag-row`（上下），二者手柄风格不一致。覆盖以本包主色 `var(--el-color-primary)` / `rgba(34,84,244,...)`（`#2254f4`）为准，不读 common-core 组件 Props 默认值（硬编码 `#a7caec`/`#6f808d`），用 `html .drager_row > .slider_row { ... !important }` 确定性层叠压过。已注册进 `vendors/index.scss`，`jh-components/SKILL.md` 基线表与全局样式来源同步补充
+
+### Changed
+
+- **平台包职责澄清（文档）**：`@jhlc/jh-ui` 是**纯 SCSS 包（零组件）**，所有 `jh-*` / `Base*` / `C_*` 组件来自 `@jhlc/common-core`。本包作为化妆层，职责是**精准层叠覆盖**这两者的视觉，不改平台层源码：L0 token 用 `:root body`（特异性高于 jh-ui 编译产物的 `:root`）以本包 `#2254f4` 压过 jh-ui 的 `#4368ff`；L2 直接写目标属性（`background`/`border`）+ `!important` 绕过组件内部 `var()` 引用。**项目安装本包后，一切以本包为准**
+
 ## [1.8.14] - 2026-06-28
 
 ### Fixed

package/README.md

@@ -213,7 +213,16 @@ yarn add @agile-team/wl-skills-ui
 
 ## 版本亮点
 
-当前 v1.8.14：
+当前 v1.8.16：
+
+- **label 冒号通杀（根治"就它带冒号"）**：jh-* 组件的 `showColon` 默认 true，渲染冒号走 `.com-text` 但不带 `.has-colon`，旧规则（仅 `.has-colon` 限定）命不中。新增不限 `.has-colon` 的通杀规则，咔嚓所有 `.el-form-item__label` 内冒号伪元素
+
+上一版 v1.8.15：
+
+- **jh-drag-row 上下分栏手柄覆盖**：新增 `styles/vendors/_jh-drag-row.scss`，补齐此前缺失的 `jh-drag-row`（上下/主从表）手柄覆盖，与 `_jh-drag-col.scss`（左右）同源风格。以本包主色 `#2254f4` 为准，用 `!important` 确定性层叠压过 common-core 组件 Props 默认值
+- **平台包职责澄清**：`@jhlc/jh-ui` 是纯 SCSS 包（零组件），所有 `jh-*`/`Base*`/`C_*` 组件来自 `@jhlc/common-core`。本包作为化妆层精准层叠覆盖二者视觉，不改平台层源码——L0 token 用 `:root body` 压过 jh-ui 编译产物的 `:root`（`#2254f4` > jh-ui `#4368ff`），L2 直接写目标属性 + `!important` 绕过组件 `var()` 引用。**项目装了本包后，一切以本包为准**
+
+上一版 v1.8.14：
 
 - **jh-picker 精准修复**：补齐 `.com-picker` / `.com-reference-picker` / `jh-picker` trigger 输入高度，客户等 picker 查询项与 input / select 保持一致
 - **label 冒号兜底**：同时屏蔽 jh-ui `.com-text:after` 与 `.text-line-2:after` 冒号注入，picker / select / input label 全部不带 `:`

package/package.json

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

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

@@ -19,6 +19,7 @@ applyTo: "**/*.vue"
 | 专项样式覆盖 | jh-tree | `<jh-tree>` | `.jh-tree` / `.base-tree` | `styles/vendors/_jh-tree.scss` |
 | 专项样式覆盖 | jh-pagination | `<jh-pagination>` | `.jh-pagination` | `styles/vendors/_jh-pagination.scss` |
 | 专项样式覆盖 | jh-drag-col | `<jh-drag-col>` | `.drag-col-container` / `.drag-left` / `.slider-col` | `styles/vendors/_jh-drag-col.scss` |
+| 专项样式覆盖 | jh-drag-row | `<jh-drag-row>` | `.drager_row` / `.drager_top` / `.drager_bottom` / `.slider_row` | `styles/vendors/_jh-drag-row.scss` |
 | 通用规则治理 | jh-table | `<jh-table>` | `.jh-table` | 继承 L0 tokens + L1 table 视觉原则 |
 | 通用规则治理 | jh-form | `<jh-form>` | `.jh-form` | 继承 L0 tokens + L1 form 视觉原则 |
 | 通用规则治理 | 其它 jh-* | `<jh-*>` | `.jh-*` / 组件内部 Element Plus 类 | 先按 jh 通用规则治理，复杂结构再升级专项样式 |
@@ -46,6 +47,7 @@ applyTo: "**/*.vue"
 
 - ❌ 自行给 `.jh-tree` 写颜色覆盖（应用全局 `vendors/_jh-tree.scss`）
 - ❌ jh-drag-col 内自定义 padding 破坏拖拽条对齐
+- ❌ jh-drag-row 上下分栏缺 `.drager_row { height:100% }` 高度链（拖拽失效），或手柄未走统一 `.slider_row` 细线风格
 - ❌ jh-pagination 未对齐到右侧（同 R011）
 - ❌ jh-form 内不用 `size="small"` 控件（同 R006）
 - ❌ 发现新的复杂 `<jh-*>` 组件后只在页面局部写补丁，而不沉淀到 L2 Project Vendors
@@ -66,6 +68,7 @@ applyTo: "**/*.vue"
 - `styles/vendors/_jh-tree.scss`
 - `styles/vendors/_jh-pagination.scss`
 - `styles/vendors/_jh-drag-col.scss`
+- `styles/vendors/_jh-drag-row.scss`
 
 ## 新增 jh 专项覆盖准入
 

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

@@ -0,0 +1,78 @@
+// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+// jh-drag-row 上下分栏拖拽手柄 — 与 _jh-drag-col 视觉同源
+//
+// 背景
+//   `jh-drag-row`（来自 @jhlc/common-core）是主从表/上下双表的首选布局组件
+//   （见 wl-skills-kit standards/14）。其拖拽手柄 `.slider_row` 默认使用 jh-ui
+//   内置蓝（#a7caec），与项目集群统一细线手柄风格不一致。
+//
+//   本文件把 `.slider_row` 对齐到与 `_jh-drag-col.scss` 同一套极简细线 +
+//   grip dots 设计语言，只是方向改为水平分割线（row-resize）。
+//
+// 源码 CSS 类名参考（common-core/src/components/drag-row/drag-row.vue）
+//   .drager_row（主容器）/ .drager_top（上区）/ .drager_bottom（下区）/ .slider_row（手柄）
+// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+// ── 上下拖拽分割条 — 极简细线 + grip dots（垂直方向）────────────────────────
+html .drager_row > .slider_row {
+  background: linear-gradient(
+    to bottom,
+    transparent 4px,
+    var(--el-border-color-light) 4px,
+    var(--el-border-color-light) 5px,
+    transparent 5px
+  ) !important;
+  transition: background 0.2s !important;
+
+  &::before { display: none !important; }
+
+  &::after {
+    content: '' !important;
+    position: absolute !important;
+    left: 50% !important;
+    right: auto !important;
+    top: 50% !important;
+    transform: translate(-50%, -50%) !important;
+    width: 4px !important;
+    height: 4px !important;
+    min-height: unset !important;
+    max-height: unset !important;
+    border-radius: 50% !important;
+    background-color: var(--el-border-color) !important;
+    box-shadow: -8px 0 0 var(--el-border-color), 8px 0 0 var(--el-border-color) !important;
+    transition: background-color 0.2s, box-shadow 0.2s !important;
+    opacity: 0.6;
+  }
+
+  &:hover {
+    background: linear-gradient(
+      to bottom,
+      rgba(34, 84, 244, 0.06) 3px,
+      var(--el-color-primary) 3px,
+      var(--el-color-primary) 7px,
+      rgba(34, 84, 244, 0.06) 7px
+    ) !important;
+
+    &::after {
+      background-color: var(--el-color-primary) !important;
+      box-shadow: -8px 0 0 var(--el-color-primary), 8px 0 0 var(--el-color-primary) !important;
+      opacity: 1;
+    }
+  }
+
+  &:active {
+    background: linear-gradient(
+      to bottom,
+      rgba(34, 84, 244, 0.1) 2.5px,
+      var(--el-color-primary) 2.5px,
+      var(--el-color-primary) 7.5px,
+      rgba(34, 84, 244, 0.1) 7.5px
+    ) !important;
+  }
+}
+
+// ── 容器高度链兜底：确保上下区域能正常撑满（kit standards/14 强制项）────────
+//    父容器/Tab 已由业务页负责设高度；此处仅确保 .drager_row 自身不塌缩。
+html .drager_row {
+  min-height: 0;
+}

package/styles/vendors/_jh-ui.scss

@@ -65,6 +65,24 @@ html body .has-colon .el-form-item__label .text-line-2:after {
   display: none !important;
 }
 
+// 1-b) 通杀冒号（不限 .has-colon）
+//    背景：jh-* 组件（jh-select / jh-date / jh-picker / BaseForm 的自定义 component 等）
+//    内部 showColon 默认 true，渲染的 label 走 .com-text 容器但【不一定带 .has-colon】。
+//    仅 .has-colon 限定会漏掉这些组件，导致"就它带冒号"。
+//    → 此处取消 .has-colon 前缀，覆盖 .el-form-item__label 内所有 .com-text / .text-line-2 的 :after，
+//      一并咔嚓。特异性 `html body .el-form-item__label .com-text::after` (0,3,1) 高于 jh-ui 注入。
+html body .el-form-item__label > .com-text::after,
+html body .el-form-item__label > .com-text:after,
+html body .el-form-item__label .com-text::after,
+html body .el-form-item__label .com-text:after,
+html body .el-form-item__label > .text-line-2::after,
+html body .el-form-item__label > .text-line-2:after,
+html body .el-form-item__label .text-line-2::after,
+html body .el-form-item__label .text-line-2:after {
+  content: "" !important;
+  display: none !important;
+}
+
 // 2) Element Plus 2.2.x 输入控件统一圆角（无 .el-input__wrapper）
 html body .el-input > .el-input__inner,
 html body .el-date-editor > .el-input__inner,

package/styles/vendors/index.scss

@@ -13,6 +13,7 @@
 @forward './_jh-tree';           // jh-tree
 @forward './_jh-pagination';     // jh-pagination
 @forward './_jh-drag-col';       // jh-drag-col（含左树右表骨架）
+@forward './_jh-drag-row';       // jh-drag-row（上下分栏/主从表手柄）
 @forward './_base-query-toolbar';// BaseQuery / BaseToolbar
 @forward './_base-components';   // Base* 通用（操作按钮组、徽标、tag）
 @forward './_base-table';        // BaseTable（最高优先级）