@agile-team/wl-skills-ui 1.9.15 → 1.9.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/README.md +8 -2
- package/docs/compat-matrix.md +2 -2
- package/docs/composite-component-contracts.md +1 -1
- package/package.json +1 -1
- package/standards/ui/05-dialog-pagination.md +2 -0
- package/styles/element/_pagination.scss +9 -0
- package/styles/vendors/_base-query-toolbar.scss +13 -0
- package/styles/vendors/_jh-pagination.scss +4 -3
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,13 @@ All notable changes to **@agile-team/wl-skills-ui** will be documented in this f
|
|
|
4
4
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
|
|
6
6
|
|
|
7
|
+
## [1.9.16] - 2026-08-11
|
|
8
|
+
|
|
9
|
+
### Fixed
|
|
10
|
+
|
|
11
|
+
- 修复 `action-dropdown-menu` 内直属 primary 按钮被全局品牌按钮锁重新刷成深色背景、同时继承菜单深色文字的问题;仅提升该复合菜单结构的特异性,普通主按钮与普通下拉菜单不受影响。
|
|
12
|
+
- 分页页码改为按 `.el-pager > li` 统一 12px/400 和等宽数字特性,不再依赖不同 Element/jh-ui 版本中不稳定的 `.number` 类,当前页继续仅以品牌色背景区分。
|
|
13
|
+
|
|
7
14
|
## [1.9.15] - 2026-08-10
|
|
8
15
|
|
|
9
16
|
### Added
|
package/README.md
CHANGED
|
@@ -213,7 +213,7 @@ yarn add @agile-team/wl-skills-ui
|
|
|
213
213
|
|---|---|---|
|
|
214
214
|
| `element-plus` | **`2.2.6-prod.3`** | 集团 jh- 定制版;EP 2.3.0 起引入 `.el-input__wrapper`,与 jh-ui 3.x 不兼容 |
|
|
215
215
|
| `@jhlc/jh-ui` | **`3.1.0`** | SCSS 皮肤包,`.com-text` label 包裹 + `.has-colon` 冒号注入(wl-skills-ui 已统一屏蔽表单冒号) |
|
|
216
|
-
| `@agile-team/wl-skills-ui` | `^1.9.
|
|
216
|
+
| `@agile-team/wl-skills-ui` | `^1.9.16` | 已对齐上述组合的 DOM 假设、客户主题锁、圆角契约、复合数字框、动作下拉、分页数字、显式列对齐与定制页边界 |
|
|
217
217
|
|
|
218
218
|
三种识别方式,任选其一:
|
|
219
219
|
|
|
@@ -227,7 +227,13 @@ yarn add @agile-team/wl-skills-ui
|
|
|
227
227
|
|
|
228
228
|
## 版本亮点
|
|
229
229
|
|
|
230
|
-
当前 v1.9.
|
|
230
|
+
当前 v1.9.16:
|
|
231
|
+
|
|
232
|
+
- **动作下拉不再深底深字**:仅对 `action-dropdown-menu` 内直属 primary 按钮补足覆盖权重,菜单动作保持扁平白底/悬停浅品牌色;普通主按钮和普通下拉菜单维持原样。
|
|
233
|
+
- **分页页码数字一致**:所有 `.el-pager > li` 统一 12px、常规字重与等宽数字特性,兼容有无 `.number` 类的 Element/jh-ui DOM,当前页使用品牌色背景而不再靠加粗放大。
|
|
234
|
+
- **真实浏览器门禁**:视觉夹具同时包含上述复合下拉与分页结构,检查透明背景、无额外边框/阴影、页码计算字号和字重,并纳入 Edge/Chrome 全量回归。
|
|
235
|
+
|
|
236
|
+
上一版 v1.9.15:
|
|
231
237
|
|
|
232
238
|
- **显式列对齐跨表格生效**:`defineColumns()` 会把业务明确声明的 `align/headerAlign`
|
|
233
239
|
桥接为 BaseTable/AG Grid 能稳定消费的 `cellStyle/headerClass`,Element Table 继续读取原属性;
|
package/docs/compat-matrix.md
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
| `element-plus` | **`2.2.6-prod.3`** | 集团 jh- 定制版,搭配 `@jhlc/jh-ui` 使用,DOM 仍为 `.el-input > .el-input__inner` 直挂结构(**EP 2.3.0 起才引入 `.el-input__wrapper`**) |
|
|
12
12
|
| `@jhlc/jh-ui` | **`3.1.0`** | SCSS 皮肤包,`.com-text` label 包裹、`.has-colon ::after` 冒号注入、`.el-form-item--default { margin-bottom: 24px }` 等强约束 |
|
|
13
13
|
| `@jhlc/common-core` | `3.1.0` 或 `3.1.0-prod.x` | 基础 util/types,`@jhlc/jh-ui` 间接依赖 |
|
|
14
|
-
| `@agile-team/wl-skills-ui` | `^1.9.
|
|
14
|
+
| `@agile-team/wl-skills-ui` | `^1.9.16` | 已对齐 jh-ui 3.1.0 + EP 2.2.6-prod.3 的 DOM 假设、客户主题锁、6px 基础圆角、紧凑表单、复合数字框、动作下拉、分页数字、显式列对齐与定制页边界 |
|
|
15
15
|
|
|
16
16
|
## 项目集群当前实测
|
|
17
17
|
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
|
|
36
36
|
## 适配建议
|
|
37
37
|
|
|
38
|
-
- 集团内项目:**统一锚定 `element-plus@2.2.6-prod.3` + `@jhlc/jh-ui@3.1.0`**,与 wl-skills-ui v1.9.
|
|
38
|
+
- 集团内项目:**统一锚定 `element-plus@2.2.6-prod.3` + `@jhlc/jh-ui@3.1.0`**,与 wl-skills-ui v1.9.16 三方对齐。
|
|
39
39
|
- Skin 项目除全局样式外,在 `main.ts` 引入一次 `@agile-team/wl-skills-ui/runtime/auto`;Native 项目的 `installCommonPreset()` 已包含相同包级保护,不要重复安装。
|
|
40
40
|
- 升级 `element-plus` 到 2.3+ 前,必须同步升级 `@jhlc/jh-ui` 到对应支持版本,否则 `.com-text` / `.el-input__inner` DOM 与 EP `__wrapper` 体系不兼容。
|
|
41
41
|
- 新项目接入:见 README 「快速接入」章节,默认会按本表声明 peerDependency 范围。
|
|
@@ -40,7 +40,7 @@ wrapper 时,应先按上述流程确认,不能直接扩大全局 Element 选
|
|
|
40
40
|
`.com-inputNumber-content.el-input-number.el-input__wrapper` 复合根:外层统一 26px
|
|
41
41
|
高度与唯一状态边框,内部 wrapper 无重复描边,并保留 `textAlign`、`controls`、单位与
|
|
42
42
|
后缀等组件原生语义。
|
|
43
|
-
- BaseToolbar 分裂按钮及其动作菜单 Teleport
|
|
43
|
+
- BaseToolbar 分裂按钮及其动作菜单 Teleport 出口;`action-dropdown-menu` 内直属按钮由菜单项负责背景和文字状态,嵌套 primary 按钮不得重新绘制品牌色块。
|
|
44
44
|
- Element Plus 新旧两种 input-group prepend/append DOM:组合根负责唯一外轮廓,
|
|
45
45
|
输入主体与附加段统一 26px,纯图标附加段 32px、图标 14px。
|
|
46
46
|
- common-core `jh-drag-row + BaseTable/AG Grid` 高度链:只在真实分屏 AG Grid 中
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@agile-team/wl-skills-ui",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.16",
|
|
4
4
|
"description": "企业级 UI 风格对齐框架 — Vue + Element Plus 项目通用化妆/原生双模式(tokens / element / vendors / layouts / runtime / scanner / fixer / skills)",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./es/index.js",
|
|
@@ -13,4 +13,13 @@ html body .el-pagination {
|
|
|
13
13
|
.el-pager li.is-active {
|
|
14
14
|
border-color: var(--el-color-primary) !important;
|
|
15
15
|
}
|
|
16
|
+
|
|
17
|
+
// Element/jh-ui 不同版本可能只给部分页码保留 .number;按 pager 直属 li
|
|
18
|
+
// 统一字号和字重,避免当前页因粗体看起来明显大于相邻页码。
|
|
19
|
+
.el-pager > li {
|
|
20
|
+
font-size: var(--el-pagination-button-font-size, 12px) !important;
|
|
21
|
+
font-weight: 400 !important;
|
|
22
|
+
font-variant-numeric: tabular-nums;
|
|
23
|
+
font-feature-settings: "tnum" 1;
|
|
24
|
+
}
|
|
16
25
|
}
|
|
@@ -470,6 +470,19 @@ html
|
|
|
470
470
|
transform: none !important;
|
|
471
471
|
}
|
|
472
472
|
|
|
473
|
+
// 主色 jh-button 会同时命中全局品牌按钮锁;该锁为保护普通主按钮带有更高特异性。
|
|
474
|
+
// 这里只抬高已知 action-dropdown-menu 直属 primary 按钮的权重,确保它仍按菜单项扁平化。
|
|
475
|
+
html
|
|
476
|
+
body
|
|
477
|
+
.el-dropdown-menu.action-dropdown-menu
|
|
478
|
+
.el-dropdown-menu__item
|
|
479
|
+
> .el-button.el-button--primary:not(.is-link):not(.is-text):not(.is-plain) {
|
|
480
|
+
color: inherit !important;
|
|
481
|
+
border-color: transparent !important;
|
|
482
|
+
background-color: transparent !important;
|
|
483
|
+
box-shadow: none !important;
|
|
484
|
+
}
|
|
485
|
+
|
|
473
486
|
html
|
|
474
487
|
body
|
|
475
488
|
.el-dropdown-menu.action-dropdown-menu
|
|
@@ -7,9 +7,10 @@
|
|
|
7
7
|
gap: 2px;
|
|
8
8
|
|
|
9
9
|
// 页码按钮
|
|
10
|
-
.el-pager
|
|
10
|
+
.el-pager > li {
|
|
11
11
|
border-radius: var(--el-border-radius-small) !important;
|
|
12
|
-
font-size: 12px;
|
|
12
|
+
font-size: 12px !important;
|
|
13
|
+
font-weight: 400 !important;
|
|
13
14
|
min-width: 26px;
|
|
14
15
|
height: 26px;
|
|
15
16
|
line-height: 26px;
|
|
@@ -25,7 +26,7 @@
|
|
|
25
26
|
background-color: var(--el-color-primary) !important;
|
|
26
27
|
color: #ffffff !important;
|
|
27
28
|
border-radius: var(--el-border-radius-small) !important;
|
|
28
|
-
font-weight:
|
|
29
|
+
font-weight: 400 !important;
|
|
29
30
|
}
|
|
30
31
|
}
|
|
31
32
|
|