klun-ui 0.6.0 → 0.7.1
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 +493 -0
- package/dist/{chunk-K5GUNGCR.js → chunk-2S6ZRGPW.js} +348 -17
- package/dist/chunk-2S6ZRGPW.js.map +1 -0
- package/dist/{chunk-GDPWRDDU.cjs → chunk-DW4IUUWE.cjs} +355 -16
- package/dist/chunk-DW4IUUWE.cjs.map +1 -0
- package/dist/index.cjs +267 -235
- package/dist/index.d.cts +567 -8
- package/dist/index.d.ts +567 -8
- package/dist/index.js +1 -1
- package/dist/styles.css +821 -745
- package/dist/templates/index.cjs +943 -943
- package/dist/templates/index.js +1 -1
- package/package.json +1 -1
- package/dist/chunk-GDPWRDDU.cjs.map +0 -1
- package/dist/chunk-K5GUNGCR.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,92 @@ All notable changes to **klun-ui** are documented here. The format follows
|
|
|
5
5
|
[Semantic Versioning](https://semver.org/) (pre-1.0: minor/patch bumps may carry
|
|
6
6
|
small breaking changes).
|
|
7
7
|
|
|
8
|
+
## [0.7.1] — 2026-10-08
|
|
9
|
+
|
|
10
|
+
补齐 0.7.0 的一处 CSS 产物缺陷(**无 API 变更、无观感变更**)。
|
|
11
|
+
|
|
12
|
+
### Fixed
|
|
13
|
+
|
|
14
|
+
- **注释被提前闭合导致 dist CSS 出现非法选择器**(`src/components/buttons/Button.css`):
|
|
15
|
+
「按下态」注释里的 `default/hover/**pressed**/focus-visible` 含 `**/`,
|
|
16
|
+
而 CSS 注释在第一个 `*/` 处结束 —— 余下的中文说明被当作选择器编译进
|
|
17
|
+
`dist/styles.css`(表现为 `focus-visible\2026 …` 一串转义文本,0.6.0 起受影响,0.5.0 不受影响)。
|
|
18
|
+
影响面:① **下游构建失败** —— 用 lightningcss 压缩 CSS 的工具链(Vite 8 默认)直接报
|
|
19
|
+
`Invalid dangling combinator in selector`;② **浏览器丢弃规则** —— 错误恢复会整条跳过
|
|
20
|
+
紧随其后的 `.klun-button:active:not(:disabled)`,按下态(`translateY(1px)`)因此失效。
|
|
21
|
+
修复方式:去掉注释中的 `**` 强调符,不影响任何规则内容。
|
|
22
|
+
|
|
23
|
+
## [0.7.0] — 2026-10-08
|
|
24
|
+
|
|
25
|
+
尺寸标准落地(第 62 批):把「每个组件多大」从文档搬进机制,并统一**字段族的几何与配色**。
|
|
26
|
+
|
|
27
|
+
> **含观感变更**:控件/字段的圆角与高度、部分字号与图标尺寸、kk 皮肤下的几何。
|
|
28
|
+
> 需要改代码的迁移见 `docs/design-standards/MIGRATION.md` §1.4;本轮**没有移除任何公开 API**。
|
|
29
|
+
|
|
30
|
+
### Added
|
|
31
|
+
|
|
32
|
+
- **`SIZE_CONTRACTS`(`src/components/config/size.ts`)——每个组件尺寸的唯一来源。**
|
|
33
|
+
登记 47 个组件的档位、默认值、全局档位映射,以及不跟随全局时的理由。
|
|
34
|
+
- **`useScaleSize()` / `useDensity()` / `resolveSize()` / `tierOf()`** 及
|
|
35
|
+
`SizeType` / `GlobalSize` / `SizeContract*` 类型,从包入口导出。
|
|
36
|
+
- **逐组件尺寸规格(137 份 + 索引)** → 仓库内 `docs/design-standards/components/`;
|
|
37
|
+
格式对齐 Ant Design 的「主题变量(Design Token)」:尺寸表 / 组件 Token / 默认几何 /
|
|
38
|
+
图标 / 全局档位跟随 / 与 KDS 的差异。由 `scripts/kds-size-spec.mjs` 生成并校验。
|
|
39
|
+
- **全局尺寸 Token 文档**与 **Storybook 规格页**(`KDS/Size specs`:全局 Token / 按组件查阅 / 索引)。
|
|
40
|
+
- 新 token:**图标阶梯 `--klun-icon-size-{xs,sm,md,lg}`(16/16/18/20)**、非控件图标档
|
|
41
|
+
(micro 12 / inline 14 / feature 22 / display 28 / hero 64 / hero-lg 72)、
|
|
42
|
+
**代码字号 `--klun-code-size`(13/20)**、**热区 `--klun-hit-area-min|touch`(24/44)**、
|
|
43
|
+
间距补齐 `--klun-space-20|64`。
|
|
44
|
+
- 新门禁(均纳入 `kds-verify`):`kds-size-contract`(+ 自测)、`kds-size-spec`、
|
|
45
|
+
`kds-geometry-ratchet`(字面几何只降不升)、`kds-field-family-check`、
|
|
46
|
+
`kds-baseline-provenance`(以**渲染源指纹**判定:组件/token 一变就必须重采基线,
|
|
47
|
+
改版本号或文档只提示)。
|
|
48
|
+
- 测量流程脚本化:`kds-capture-probe.mjs`(11 个故事/组合的采集探针)+
|
|
49
|
+
`kds-measure-baseline.mjs`(合并片段、重写出处、记录渲染源指纹);
|
|
50
|
+
基线可直接被 `kds-measure-diff.mjs <capture.json>` 对比检测漂移。
|
|
51
|
+
|
|
52
|
+
### Changed
|
|
53
|
+
|
|
54
|
+
- **全局 `ConfigProvider size` 现在覆盖全部有离散档位的组件**:此前 Badge、StatusBadge、
|
|
55
|
+
Toggle、CopyButton、ChartLegend、ContentLabel、KeyIcon、Money、StatusDot、Item、
|
|
56
|
+
GaugeBar、RangeSlider 等忽略全局尺寸(全库仅 25/137 生效)。
|
|
57
|
+
- **密度收敛为单通道**:`<html data-density="compact">` 与 `<ConfigProvider density="compact">`
|
|
58
|
+
语义一致;`Table` 改用 `useDensity()`(此前只写属性时表格不跟随)。
|
|
59
|
+
- **皮肤不再改几何**:kk 原本在 `[data-mode="kk"]` 里重定义整条控件高度与圆角,
|
|
60
|
+
使 `size="medium"` 在 kk 下是 32px、默认皮肤下是 40px。现在几何只由显式轴决定:
|
|
61
|
+
控件尺度走新增的 **`density="kk"`**,直角走 **`radius="square"`**。
|
|
62
|
+
- **字段族统一**(同一 size 档必须长得一样):Cascader / SelectMenu / TimePicker /
|
|
63
|
+
InputGroup / RichEditor 的 medium 圆角 10px → **8px**;**CounterInput** 档位
|
|
64
|
+
32/36/40 → **36/40/48**(圆角 8/10/10 → 6/8/10);**CronEditor** 默认档 32/10 → **40/8**;
|
|
65
|
+
TimePicker / InputGroup 的横向内边距改用字段 token。
|
|
66
|
+
- **表单里字段等宽**:`.klun-form-item__control > <字段族> { width: 100% }`
|
|
67
|
+
(表单层统一,工具条里的组件保持固有宽度)。
|
|
68
|
+
- **覆盖层/字段圆角对齐 KDS 档位**:Textarea 8/10/12/12 → **6/6/8/10**。
|
|
69
|
+
- **SelectMenu / Cascader 的触发器圆角**、**InputGroup 组圆角**随档位对齐(10 → 6/8/10)。
|
|
70
|
+
- **547 处字面几何改用语义 token**(`gap`/`padding`/`margin` → `var(--klun-space-N)`,
|
|
71
|
+
101 个文件)。**值等价**:仅当字面值与 token 完全相等时替换,且无主题/消费方覆盖这些 token,
|
|
72
|
+
因此任何皮肤与密度下渲染不变。
|
|
73
|
+
- 字号全部 token 化(144 处字面 `font-size` → 0):文本走字阶、代码走 `--klun-code-size`、
|
|
74
|
+
图标走图标阶梯;其中 **9 处 13px 文本收敛到 12px 辅助档**、**代码块 12px → 13px**(KDS §1.3)。
|
|
75
|
+
|
|
76
|
+
### Fixed
|
|
77
|
+
|
|
78
|
+
- **Checkbox / Radio / Switch 迁到 KDS §1.5 目标**:可见 box / 圆点 **16/18/20**、
|
|
79
|
+
Switch 轨道 **28×16 / 32×18 / 40×22**(原 18/20/24、16/20/24、32×18/36×20/44×24);
|
|
80
|
+
compact 同步下调一档;**热区保持 24px 不缩**(新增 `--klun-hit-area-min`)。
|
|
81
|
+
- **文本按钮与输入框的图标**此前写死 20px(xsmall 档 32px 控件也配 20px 图标),
|
|
82
|
+
现按档位 **16/16/18/20**,与图标按钮一致;顺手把 15→14、17→18、26→28 三个魔法数收进档位。
|
|
83
|
+
- **日期/时间/范围选择器触发器**不再复用 readonly 弱底,改用新增 `.klun-input--trigger`
|
|
84
|
+
保持字段表面(暗色实测 rgb(38,38,38) → rgb(23,23,23))。
|
|
85
|
+
- **`InputGroup` 内嵌完整 `<Input>` 时不再出现「框中框」**(组内控件透明、无圆角、无描边)。
|
|
86
|
+
- **`kds-inventory` 的 `rootClass` 口径修正**:旧正则把 `var(--klun-*)` 与 `@keyframes` 名
|
|
87
|
+
当成类名(基线里 Divider 的 rootClass 曾是 `klun-stroke-soft-200`),该字段的契约保护此前失效。
|
|
88
|
+
- **测量基线重新采集**:2026-10-07 · 库 0.6.0 · commit `5d4c3d8`(原基线停留在 0.5.0)。
|
|
89
|
+
重测后控件边界在四条组合下统一(light/metronic 3.16:1 → **5.411:1**),
|
|
90
|
+
状态环补到四条组合;未测项 9 → 8(补测 Table 的 Provider 密度继承)。
|
|
91
|
+
- `ConfigProvider` 的 `useOverlayScope` 系列此前漏导出,现补进 barrel。
|
|
92
|
+
|
|
93
|
+
|
|
8
94
|
## [0.6.0] — 2026-10-06
|
|
9
95
|
|
|
10
96
|
KDS 设计标准升级。**含破坏性变更**——完整迁移指引见 `docs/design-standards/MIGRATION.md`。
|
|
@@ -28,6 +114,43 @@ KDS 设计标准升级。**含破坏性变更**——完整迁移指引见 `docs
|
|
|
28
114
|
`ChartLegend`/`DiffViewer` 在超长文本下折行或可滚动(此前溢出或被静默裁掉)。
|
|
29
115
|
- **代码块横向滚动**:`CodeViewer` / `DiffViewer` 的长行可横向滚动查看,不再被裁掉。
|
|
30
116
|
|
|
117
|
+
- **Storybook 里的规格页**:`KDS/Size specs`(全局 Token / 按组件查阅 137 份规格 / 索引)。
|
|
118
|
+
|
|
119
|
+
### Changed(续 3)
|
|
120
|
+
- **皮肤不再改几何**(行为变更):kk 原本在 `[data-mode="kk"]` 里顺带重定义整条控件高度与圆角,
|
|
121
|
+
导致 `size="medium"` 在 kk 下是 32px、默认皮肤下是 40px——`size` 跨皮肤失效。
|
|
122
|
+
现在几何只由显式轴决定:控件尺度走新增的 **`density="kk"`**,直角走 **`radius="square"`**。
|
|
123
|
+
**迁移**:`<ConfigProvider accent="kk">` → `<ConfigProvider accent="kk" density="kk" radius="square">`
|
|
124
|
+
可复现原观感;不加密度/圆角则使用标准尺度(推荐)。
|
|
125
|
+
- **Textarea 档位圆角收敛**到控件档位 6/6/8/10(原 8/10/12/12),与同档 Input/Select 一致。
|
|
126
|
+
|
|
127
|
+
### Added(续)
|
|
128
|
+
- **测量基线重新采集流程脚本化**:`scripts/kds-capture-probe.mjs`(11 个故事/组合的探针)、
|
|
129
|
+
`scripts/kds-measure-baseline.mjs`(合并 + 重写出处)。基线更新为
|
|
130
|
+
**2026-10-07 / 0.6.0 / 5d4c3d8**;出处门禁升级为 MUST(库版本一变必须重采)。
|
|
131
|
+
|
|
132
|
+
### Fixed(续 3)
|
|
133
|
+
- **字段族一致性**(同档字段必须长得一样):
|
|
134
|
+
· Cascader / SelectMenu / TimePicker / InputGroup / RichEditor 的 medium 档圆角 10px → **8px**;
|
|
135
|
+
· **CounterInput** 档位纠正(small/medium/large 由 32/36/40 改为 **36/40/48**,圆角 8/10/10 → 6/8/10);
|
|
136
|
+
**CronEditor** 默认档 32/10 → **40/8**,并补齐 small/large;
|
|
137
|
+
· `InputGroup` 内嵌完整 `<Input>` 时不再出现"框中框"(组内控件透明、无圆角、无描边);
|
|
138
|
+
· 日期/时间/范围选择器触发器新增 `.klun-input--trigger`:不再复用 readonly 弱底,
|
|
139
|
+
与同排 Input 底色一致(暗色实测 rgb(38,38,38) → rgb(23,23,23));
|
|
140
|
+
· TimePicker / InputGroup 的横向内边距改用字段 token(`--klun-field-px-*`)。
|
|
141
|
+
- **表单里字段等宽**:`.klun-form-item__control > <字段族> { width: 100% }`(表单层统一,
|
|
142
|
+
工具条里的组件保持固有宽度)。
|
|
143
|
+
|
|
144
|
+
### Fixed(续 2)
|
|
145
|
+
- **144 处 `font-size` 字面量全部 token 化**(文本走字阶、代码走 `--klun-code-size`、
|
|
146
|
+
图标走图标阶梯)。其中 9 处 13px 文本收敛到 12px 辅助档,代码块 12px → 13px(KDS §1.3 目标)。
|
|
147
|
+
- **Checkbox / Radio / Switch 迁到 KDS §1.5 目标**:可见 box / 圆点 **16/18/20**,
|
|
148
|
+
Switch 轨道 **28×16 / 32×18 / 40×22**(原 18/20/24、16/20/24、32×18/36×20/44×24,每档大一级);
|
|
149
|
+
compact 同步下调一档。新增 `--klun-hit-area-min`(24px) / `--klun-hit-area-touch`(44px),
|
|
150
|
+
**热区不随可见尺寸缩小**(实测仍为 24px)。
|
|
151
|
+
- 图标阶梯补齐非控件档位(micro 12 / inline 14 / feature 22 / display 28 / hero 64 / hero-lg 72),
|
|
152
|
+
并把 15px→14、17px→18、26px→28 三个魔法数收敛到档位。
|
|
153
|
+
|
|
31
154
|
### Fixed
|
|
32
155
|
- **`CodeViewer` / `LogViewer` 的 `--dark` 变体在暗色主题下白底白字**(对比度 **1.0**,代码不可见)。
|
|
33
156
|
根因:背景用了会随主题翻转的 `--klun-bg-strong-950`,而文字是写死的白色。
|
|
@@ -610,6 +733,43 @@ KDS 设计标准升级。**含破坏性变更**——完整迁移指引见 `docs
|
|
|
610
733
|
`ConfigProvider`, and the templates section covers all eight templates plus
|
|
611
734
|
the `klun-ui/charts` subpath.
|
|
612
735
|
|
|
736
|
+
- **Storybook 里的规格页**:`KDS/Size specs`(全局 Token / 按组件查阅 137 份规格 / 索引)。
|
|
737
|
+
|
|
738
|
+
### Changed(续 3)
|
|
739
|
+
- **皮肤不再改几何**(行为变更):kk 原本在 `[data-mode="kk"]` 里顺带重定义整条控件高度与圆角,
|
|
740
|
+
导致 `size="medium"` 在 kk 下是 32px、默认皮肤下是 40px——`size` 跨皮肤失效。
|
|
741
|
+
现在几何只由显式轴决定:控件尺度走新增的 **`density="kk"`**,直角走 **`radius="square"`**。
|
|
742
|
+
**迁移**:`<ConfigProvider accent="kk">` → `<ConfigProvider accent="kk" density="kk" radius="square">`
|
|
743
|
+
可复现原观感;不加密度/圆角则使用标准尺度(推荐)。
|
|
744
|
+
- **Textarea 档位圆角收敛**到控件档位 6/6/8/10(原 8/10/12/12),与同档 Input/Select 一致。
|
|
745
|
+
|
|
746
|
+
### Added(续)
|
|
747
|
+
- **测量基线重新采集流程脚本化**:`scripts/kds-capture-probe.mjs`(11 个故事/组合的探针)、
|
|
748
|
+
`scripts/kds-measure-baseline.mjs`(合并 + 重写出处)。基线更新为
|
|
749
|
+
**2026-10-07 / 0.6.0 / 5d4c3d8**;出处门禁升级为 MUST(库版本一变必须重采)。
|
|
750
|
+
|
|
751
|
+
### Fixed(续 3)
|
|
752
|
+
- **字段族一致性**(同档字段必须长得一样):
|
|
753
|
+
· Cascader / SelectMenu / TimePicker / InputGroup / RichEditor 的 medium 档圆角 10px → **8px**;
|
|
754
|
+
· **CounterInput** 档位纠正(small/medium/large 由 32/36/40 改为 **36/40/48**,圆角 8/10/10 → 6/8/10);
|
|
755
|
+
**CronEditor** 默认档 32/10 → **40/8**,并补齐 small/large;
|
|
756
|
+
· `InputGroup` 内嵌完整 `<Input>` 时不再出现"框中框"(组内控件透明、无圆角、无描边);
|
|
757
|
+
· 日期/时间/范围选择器触发器新增 `.klun-input--trigger`:不再复用 readonly 弱底,
|
|
758
|
+
与同排 Input 底色一致(暗色实测 rgb(38,38,38) → rgb(23,23,23));
|
|
759
|
+
· TimePicker / InputGroup 的横向内边距改用字段 token(`--klun-field-px-*`)。
|
|
760
|
+
- **表单里字段等宽**:`.klun-form-item__control > <字段族> { width: 100% }`(表单层统一,
|
|
761
|
+
工具条里的组件保持固有宽度)。
|
|
762
|
+
|
|
763
|
+
### Fixed(续 2)
|
|
764
|
+
- **144 处 `font-size` 字面量全部 token 化**(文本走字阶、代码走 `--klun-code-size`、
|
|
765
|
+
图标走图标阶梯)。其中 9 处 13px 文本收敛到 12px 辅助档,代码块 12px → 13px(KDS §1.3 目标)。
|
|
766
|
+
- **Checkbox / Radio / Switch 迁到 KDS §1.5 目标**:可见 box / 圆点 **16/18/20**,
|
|
767
|
+
Switch 轨道 **28×16 / 32×18 / 40×22**(原 18/20/24、16/20/24、32×18/36×20/44×24,每档大一级);
|
|
768
|
+
compact 同步下调一档。新增 `--klun-hit-area-min`(24px) / `--klun-hit-area-touch`(44px),
|
|
769
|
+
**热区不随可见尺寸缩小**(实测仍为 24px)。
|
|
770
|
+
- 图标阶梯补齐非控件档位(micro 12 / inline 14 / feature 22 / display 28 / hero 64 / hero-lg 72),
|
|
771
|
+
并把 15px→14、17px→18、26px→28 三个魔法数收敛到档位。
|
|
772
|
+
|
|
613
773
|
### Fixed
|
|
614
774
|
- **Developer scripts are cross-platform again.** `scripts/gen-barrel.mjs`
|
|
615
775
|
and `scripts/jsx-to-tsx.mjs` resolved the repo root from a hardcoded
|
|
@@ -619,6 +779,43 @@ KDS 设计标准升级。**含破坏性变更**——完整迁移指引见 `docs
|
|
|
619
779
|
|
|
620
780
|
## [0.1.23] — 2026-07-16
|
|
621
781
|
|
|
782
|
+
- **Storybook 里的规格页**:`KDS/Size specs`(全局 Token / 按组件查阅 137 份规格 / 索引)。
|
|
783
|
+
|
|
784
|
+
### Changed(续 3)
|
|
785
|
+
- **皮肤不再改几何**(行为变更):kk 原本在 `[data-mode="kk"]` 里顺带重定义整条控件高度与圆角,
|
|
786
|
+
导致 `size="medium"` 在 kk 下是 32px、默认皮肤下是 40px——`size` 跨皮肤失效。
|
|
787
|
+
现在几何只由显式轴决定:控件尺度走新增的 **`density="kk"`**,直角走 **`radius="square"`**。
|
|
788
|
+
**迁移**:`<ConfigProvider accent="kk">` → `<ConfigProvider accent="kk" density="kk" radius="square">`
|
|
789
|
+
可复现原观感;不加密度/圆角则使用标准尺度(推荐)。
|
|
790
|
+
- **Textarea 档位圆角收敛**到控件档位 6/6/8/10(原 8/10/12/12),与同档 Input/Select 一致。
|
|
791
|
+
|
|
792
|
+
### Added(续)
|
|
793
|
+
- **测量基线重新采集流程脚本化**:`scripts/kds-capture-probe.mjs`(11 个故事/组合的探针)、
|
|
794
|
+
`scripts/kds-measure-baseline.mjs`(合并 + 重写出处)。基线更新为
|
|
795
|
+
**2026-10-07 / 0.6.0 / 5d4c3d8**;出处门禁升级为 MUST(库版本一变必须重采)。
|
|
796
|
+
|
|
797
|
+
### Fixed(续 3)
|
|
798
|
+
- **字段族一致性**(同档字段必须长得一样):
|
|
799
|
+
· Cascader / SelectMenu / TimePicker / InputGroup / RichEditor 的 medium 档圆角 10px → **8px**;
|
|
800
|
+
· **CounterInput** 档位纠正(small/medium/large 由 32/36/40 改为 **36/40/48**,圆角 8/10/10 → 6/8/10);
|
|
801
|
+
**CronEditor** 默认档 32/10 → **40/8**,并补齐 small/large;
|
|
802
|
+
· `InputGroup` 内嵌完整 `<Input>` 时不再出现"框中框"(组内控件透明、无圆角、无描边);
|
|
803
|
+
· 日期/时间/范围选择器触发器新增 `.klun-input--trigger`:不再复用 readonly 弱底,
|
|
804
|
+
与同排 Input 底色一致(暗色实测 rgb(38,38,38) → rgb(23,23,23));
|
|
805
|
+
· TimePicker / InputGroup 的横向内边距改用字段 token(`--klun-field-px-*`)。
|
|
806
|
+
- **表单里字段等宽**:`.klun-form-item__control > <字段族> { width: 100% }`(表单层统一,
|
|
807
|
+
工具条里的组件保持固有宽度)。
|
|
808
|
+
|
|
809
|
+
### Fixed(续 2)
|
|
810
|
+
- **144 处 `font-size` 字面量全部 token 化**(文本走字阶、代码走 `--klun-code-size`、
|
|
811
|
+
图标走图标阶梯)。其中 9 处 13px 文本收敛到 12px 辅助档,代码块 12px → 13px(KDS §1.3 目标)。
|
|
812
|
+
- **Checkbox / Radio / Switch 迁到 KDS §1.5 目标**:可见 box / 圆点 **16/18/20**,
|
|
813
|
+
Switch 轨道 **28×16 / 32×18 / 40×22**(原 18/20/24、16/20/24、32×18/36×20/44×24,每档大一级);
|
|
814
|
+
compact 同步下调一档。新增 `--klun-hit-area-min`(24px) / `--klun-hit-area-touch`(44px),
|
|
815
|
+
**热区不随可见尺寸缩小**(实测仍为 24px)。
|
|
816
|
+
- 图标阶梯补齐非控件档位(micro 12 / inline 14 / feature 22 / display 28 / hero 64 / hero-lg 72),
|
|
817
|
+
并把 15px→14、17px→18、26px→28 三个魔法数收敛到档位。
|
|
818
|
+
|
|
622
819
|
### Fixed
|
|
623
820
|
- **Dark theme — soft dividers were invisible.** In dark mode the token
|
|
624
821
|
`--klun-stroke-soft-200` resolved to `--klun-800`, the **same value as the page
|
|
@@ -711,6 +908,43 @@ KDS 设计标准升级。**含破坏性变更**——完整迁移指引见 `docs
|
|
|
711
908
|
|
|
712
909
|
## [0.1.18] — 2026-06-29
|
|
713
910
|
|
|
911
|
+
- **Storybook 里的规格页**:`KDS/Size specs`(全局 Token / 按组件查阅 137 份规格 / 索引)。
|
|
912
|
+
|
|
913
|
+
### Changed(续 3)
|
|
914
|
+
- **皮肤不再改几何**(行为变更):kk 原本在 `[data-mode="kk"]` 里顺带重定义整条控件高度与圆角,
|
|
915
|
+
导致 `size="medium"` 在 kk 下是 32px、默认皮肤下是 40px——`size` 跨皮肤失效。
|
|
916
|
+
现在几何只由显式轴决定:控件尺度走新增的 **`density="kk"`**,直角走 **`radius="square"`**。
|
|
917
|
+
**迁移**:`<ConfigProvider accent="kk">` → `<ConfigProvider accent="kk" density="kk" radius="square">`
|
|
918
|
+
可复现原观感;不加密度/圆角则使用标准尺度(推荐)。
|
|
919
|
+
- **Textarea 档位圆角收敛**到控件档位 6/6/8/10(原 8/10/12/12),与同档 Input/Select 一致。
|
|
920
|
+
|
|
921
|
+
### Added(续)
|
|
922
|
+
- **测量基线重新采集流程脚本化**:`scripts/kds-capture-probe.mjs`(11 个故事/组合的探针)、
|
|
923
|
+
`scripts/kds-measure-baseline.mjs`(合并 + 重写出处)。基线更新为
|
|
924
|
+
**2026-10-07 / 0.6.0 / 5d4c3d8**;出处门禁升级为 MUST(库版本一变必须重采)。
|
|
925
|
+
|
|
926
|
+
### Fixed(续 3)
|
|
927
|
+
- **字段族一致性**(同档字段必须长得一样):
|
|
928
|
+
· Cascader / SelectMenu / TimePicker / InputGroup / RichEditor 的 medium 档圆角 10px → **8px**;
|
|
929
|
+
· **CounterInput** 档位纠正(small/medium/large 由 32/36/40 改为 **36/40/48**,圆角 8/10/10 → 6/8/10);
|
|
930
|
+
**CronEditor** 默认档 32/10 → **40/8**,并补齐 small/large;
|
|
931
|
+
· `InputGroup` 内嵌完整 `<Input>` 时不再出现"框中框"(组内控件透明、无圆角、无描边);
|
|
932
|
+
· 日期/时间/范围选择器触发器新增 `.klun-input--trigger`:不再复用 readonly 弱底,
|
|
933
|
+
与同排 Input 底色一致(暗色实测 rgb(38,38,38) → rgb(23,23,23));
|
|
934
|
+
· TimePicker / InputGroup 的横向内边距改用字段 token(`--klun-field-px-*`)。
|
|
935
|
+
- **表单里字段等宽**:`.klun-form-item__control > <字段族> { width: 100% }`(表单层统一,
|
|
936
|
+
工具条里的组件保持固有宽度)。
|
|
937
|
+
|
|
938
|
+
### Fixed(续 2)
|
|
939
|
+
- **144 处 `font-size` 字面量全部 token 化**(文本走字阶、代码走 `--klun-code-size`、
|
|
940
|
+
图标走图标阶梯)。其中 9 处 13px 文本收敛到 12px 辅助档,代码块 12px → 13px(KDS §1.3 目标)。
|
|
941
|
+
- **Checkbox / Radio / Switch 迁到 KDS §1.5 目标**:可见 box / 圆点 **16/18/20**,
|
|
942
|
+
Switch 轨道 **28×16 / 32×18 / 40×22**(原 18/20/24、16/20/24、32×18/36×20/44×24,每档大一级);
|
|
943
|
+
compact 同步下调一档。新增 `--klun-hit-area-min`(24px) / `--klun-hit-area-touch`(44px),
|
|
944
|
+
**热区不随可见尺寸缩小**(实测仍为 24px)。
|
|
945
|
+
- 图标阶梯补齐非控件档位(micro 12 / inline 14 / feature 22 / display 28 / hero 64 / hero-lg 72),
|
|
946
|
+
并把 15px→14、17px→18、26px→28 三个魔法数收敛到档位。
|
|
947
|
+
|
|
714
948
|
### Fixed
|
|
715
949
|
- **`Popover` panel no longer gets clipped by scrolling/`overflow:hidden` ancestors.**
|
|
716
950
|
Same treatment as the select family in 0.1.17: the panel now renders in a
|
|
@@ -725,6 +959,43 @@ KDS 设计标准升级。**含破坏性变更**——完整迁移指引见 `docs
|
|
|
725
959
|
|
|
726
960
|
## [0.1.17] — 2026-06-28
|
|
727
961
|
|
|
962
|
+
- **Storybook 里的规格页**:`KDS/Size specs`(全局 Token / 按组件查阅 137 份规格 / 索引)。
|
|
963
|
+
|
|
964
|
+
### Changed(续 3)
|
|
965
|
+
- **皮肤不再改几何**(行为变更):kk 原本在 `[data-mode="kk"]` 里顺带重定义整条控件高度与圆角,
|
|
966
|
+
导致 `size="medium"` 在 kk 下是 32px、默认皮肤下是 40px——`size` 跨皮肤失效。
|
|
967
|
+
现在几何只由显式轴决定:控件尺度走新增的 **`density="kk"`**,直角走 **`radius="square"`**。
|
|
968
|
+
**迁移**:`<ConfigProvider accent="kk">` → `<ConfigProvider accent="kk" density="kk" radius="square">`
|
|
969
|
+
可复现原观感;不加密度/圆角则使用标准尺度(推荐)。
|
|
970
|
+
- **Textarea 档位圆角收敛**到控件档位 6/6/8/10(原 8/10/12/12),与同档 Input/Select 一致。
|
|
971
|
+
|
|
972
|
+
### Added(续)
|
|
973
|
+
- **测量基线重新采集流程脚本化**:`scripts/kds-capture-probe.mjs`(11 个故事/组合的探针)、
|
|
974
|
+
`scripts/kds-measure-baseline.mjs`(合并 + 重写出处)。基线更新为
|
|
975
|
+
**2026-10-07 / 0.6.0 / 5d4c3d8**;出处门禁升级为 MUST(库版本一变必须重采)。
|
|
976
|
+
|
|
977
|
+
### Fixed(续 3)
|
|
978
|
+
- **字段族一致性**(同档字段必须长得一样):
|
|
979
|
+
· Cascader / SelectMenu / TimePicker / InputGroup / RichEditor 的 medium 档圆角 10px → **8px**;
|
|
980
|
+
· **CounterInput** 档位纠正(small/medium/large 由 32/36/40 改为 **36/40/48**,圆角 8/10/10 → 6/8/10);
|
|
981
|
+
**CronEditor** 默认档 32/10 → **40/8**,并补齐 small/large;
|
|
982
|
+
· `InputGroup` 内嵌完整 `<Input>` 时不再出现"框中框"(组内控件透明、无圆角、无描边);
|
|
983
|
+
· 日期/时间/范围选择器触发器新增 `.klun-input--trigger`:不再复用 readonly 弱底,
|
|
984
|
+
与同排 Input 底色一致(暗色实测 rgb(38,38,38) → rgb(23,23,23));
|
|
985
|
+
· TimePicker / InputGroup 的横向内边距改用字段 token(`--klun-field-px-*`)。
|
|
986
|
+
- **表单里字段等宽**:`.klun-form-item__control > <字段族> { width: 100% }`(表单层统一,
|
|
987
|
+
工具条里的组件保持固有宽度)。
|
|
988
|
+
|
|
989
|
+
### Fixed(续 2)
|
|
990
|
+
- **144 处 `font-size` 字面量全部 token 化**(文本走字阶、代码走 `--klun-code-size`、
|
|
991
|
+
图标走图标阶梯)。其中 9 处 13px 文本收敛到 12px 辅助档,代码块 12px → 13px(KDS §1.3 目标)。
|
|
992
|
+
- **Checkbox / Radio / Switch 迁到 KDS §1.5 目标**:可见 box / 圆点 **16/18/20**,
|
|
993
|
+
Switch 轨道 **28×16 / 32×18 / 40×22**(原 18/20/24、16/20/24、32×18/36×20/44×24,每档大一级);
|
|
994
|
+
compact 同步下调一档。新增 `--klun-hit-area-min`(24px) / `--klun-hit-area-touch`(44px),
|
|
995
|
+
**热区不随可见尺寸缩小**(实测仍为 24px)。
|
|
996
|
+
- 图标阶梯补齐非控件档位(micro 12 / inline 14 / feature 22 / display 28 / hero 64 / hero-lg 72),
|
|
997
|
+
并把 15px→14、17px→18、26px→28 三个魔法数收敛到档位。
|
|
998
|
+
|
|
728
999
|
### Fixed
|
|
729
1000
|
- **Select dropdowns no longer get clipped by scrolling/`overflow:hidden` ancestors.**
|
|
730
1001
|
The custom select family (`Select`, `CompactSelect`, `CompactSelectForInput`,
|
|
@@ -791,6 +1062,43 @@ KDS 设计标准升级。**含破坏性变更**——完整迁移指引见 `docs
|
|
|
791
1062
|
|
|
792
1063
|
## [0.1.9] — 2026-06-21
|
|
793
1064
|
|
|
1065
|
+
- **Storybook 里的规格页**:`KDS/Size specs`(全局 Token / 按组件查阅 137 份规格 / 索引)。
|
|
1066
|
+
|
|
1067
|
+
### Changed(续 3)
|
|
1068
|
+
- **皮肤不再改几何**(行为变更):kk 原本在 `[data-mode="kk"]` 里顺带重定义整条控件高度与圆角,
|
|
1069
|
+
导致 `size="medium"` 在 kk 下是 32px、默认皮肤下是 40px——`size` 跨皮肤失效。
|
|
1070
|
+
现在几何只由显式轴决定:控件尺度走新增的 **`density="kk"`**,直角走 **`radius="square"`**。
|
|
1071
|
+
**迁移**:`<ConfigProvider accent="kk">` → `<ConfigProvider accent="kk" density="kk" radius="square">`
|
|
1072
|
+
可复现原观感;不加密度/圆角则使用标准尺度(推荐)。
|
|
1073
|
+
- **Textarea 档位圆角收敛**到控件档位 6/6/8/10(原 8/10/12/12),与同档 Input/Select 一致。
|
|
1074
|
+
|
|
1075
|
+
### Added(续)
|
|
1076
|
+
- **测量基线重新采集流程脚本化**:`scripts/kds-capture-probe.mjs`(11 个故事/组合的探针)、
|
|
1077
|
+
`scripts/kds-measure-baseline.mjs`(合并 + 重写出处)。基线更新为
|
|
1078
|
+
**2026-10-07 / 0.6.0 / 5d4c3d8**;出处门禁升级为 MUST(库版本一变必须重采)。
|
|
1079
|
+
|
|
1080
|
+
### Fixed(续 3)
|
|
1081
|
+
- **字段族一致性**(同档字段必须长得一样):
|
|
1082
|
+
· Cascader / SelectMenu / TimePicker / InputGroup / RichEditor 的 medium 档圆角 10px → **8px**;
|
|
1083
|
+
· **CounterInput** 档位纠正(small/medium/large 由 32/36/40 改为 **36/40/48**,圆角 8/10/10 → 6/8/10);
|
|
1084
|
+
**CronEditor** 默认档 32/10 → **40/8**,并补齐 small/large;
|
|
1085
|
+
· `InputGroup` 内嵌完整 `<Input>` 时不再出现"框中框"(组内控件透明、无圆角、无描边);
|
|
1086
|
+
· 日期/时间/范围选择器触发器新增 `.klun-input--trigger`:不再复用 readonly 弱底,
|
|
1087
|
+
与同排 Input 底色一致(暗色实测 rgb(38,38,38) → rgb(23,23,23));
|
|
1088
|
+
· TimePicker / InputGroup 的横向内边距改用字段 token(`--klun-field-px-*`)。
|
|
1089
|
+
- **表单里字段等宽**:`.klun-form-item__control > <字段族> { width: 100% }`(表单层统一,
|
|
1090
|
+
工具条里的组件保持固有宽度)。
|
|
1091
|
+
|
|
1092
|
+
### Fixed(续 2)
|
|
1093
|
+
- **144 处 `font-size` 字面量全部 token 化**(文本走字阶、代码走 `--klun-code-size`、
|
|
1094
|
+
图标走图标阶梯)。其中 9 处 13px 文本收敛到 12px 辅助档,代码块 12px → 13px(KDS §1.3 目标)。
|
|
1095
|
+
- **Checkbox / Radio / Switch 迁到 KDS §1.5 目标**:可见 box / 圆点 **16/18/20**,
|
|
1096
|
+
Switch 轨道 **28×16 / 32×18 / 40×22**(原 18/20/24、16/20/24、32×18/36×20/44×24,每档大一级);
|
|
1097
|
+
compact 同步下调一档。新增 `--klun-hit-area-min`(24px) / `--klun-hit-area-touch`(44px),
|
|
1098
|
+
**热区不随可见尺寸缩小**(实测仍为 24px)。
|
|
1099
|
+
- 图标阶梯补齐非控件档位(micro 12 / inline 14 / feature 22 / display 28 / hero 64 / hero-lg 72),
|
|
1100
|
+
并把 15px→14、17px→18、26px→28 三个魔法数收敛到档位。
|
|
1101
|
+
|
|
794
1102
|
### Fixed
|
|
795
1103
|
- **`Popconfirm` bubble is no longer clipped by scroll containers.** The bubble
|
|
796
1104
|
rendered as an `absolute` child of the trigger, so when the trigger sat inside
|
|
@@ -802,6 +1110,43 @@ KDS 设计标准升级。**含破坏性变更**——完整迁移指引见 `docs
|
|
|
802
1110
|
|
|
803
1111
|
## [0.1.8] — 2026-06-21
|
|
804
1112
|
|
|
1113
|
+
- **Storybook 里的规格页**:`KDS/Size specs`(全局 Token / 按组件查阅 137 份规格 / 索引)。
|
|
1114
|
+
|
|
1115
|
+
### Changed(续 3)
|
|
1116
|
+
- **皮肤不再改几何**(行为变更):kk 原本在 `[data-mode="kk"]` 里顺带重定义整条控件高度与圆角,
|
|
1117
|
+
导致 `size="medium"` 在 kk 下是 32px、默认皮肤下是 40px——`size` 跨皮肤失效。
|
|
1118
|
+
现在几何只由显式轴决定:控件尺度走新增的 **`density="kk"`**,直角走 **`radius="square"`**。
|
|
1119
|
+
**迁移**:`<ConfigProvider accent="kk">` → `<ConfigProvider accent="kk" density="kk" radius="square">`
|
|
1120
|
+
可复现原观感;不加密度/圆角则使用标准尺度(推荐)。
|
|
1121
|
+
- **Textarea 档位圆角收敛**到控件档位 6/6/8/10(原 8/10/12/12),与同档 Input/Select 一致。
|
|
1122
|
+
|
|
1123
|
+
### Added(续)
|
|
1124
|
+
- **测量基线重新采集流程脚本化**:`scripts/kds-capture-probe.mjs`(11 个故事/组合的探针)、
|
|
1125
|
+
`scripts/kds-measure-baseline.mjs`(合并 + 重写出处)。基线更新为
|
|
1126
|
+
**2026-10-07 / 0.6.0 / 5d4c3d8**;出处门禁升级为 MUST(库版本一变必须重采)。
|
|
1127
|
+
|
|
1128
|
+
### Fixed(续 3)
|
|
1129
|
+
- **字段族一致性**(同档字段必须长得一样):
|
|
1130
|
+
· Cascader / SelectMenu / TimePicker / InputGroup / RichEditor 的 medium 档圆角 10px → **8px**;
|
|
1131
|
+
· **CounterInput** 档位纠正(small/medium/large 由 32/36/40 改为 **36/40/48**,圆角 8/10/10 → 6/8/10);
|
|
1132
|
+
**CronEditor** 默认档 32/10 → **40/8**,并补齐 small/large;
|
|
1133
|
+
· `InputGroup` 内嵌完整 `<Input>` 时不再出现"框中框"(组内控件透明、无圆角、无描边);
|
|
1134
|
+
· 日期/时间/范围选择器触发器新增 `.klun-input--trigger`:不再复用 readonly 弱底,
|
|
1135
|
+
与同排 Input 底色一致(暗色实测 rgb(38,38,38) → rgb(23,23,23));
|
|
1136
|
+
· TimePicker / InputGroup 的横向内边距改用字段 token(`--klun-field-px-*`)。
|
|
1137
|
+
- **表单里字段等宽**:`.klun-form-item__control > <字段族> { width: 100% }`(表单层统一,
|
|
1138
|
+
工具条里的组件保持固有宽度)。
|
|
1139
|
+
|
|
1140
|
+
### Fixed(续 2)
|
|
1141
|
+
- **144 处 `font-size` 字面量全部 token 化**(文本走字阶、代码走 `--klun-code-size`、
|
|
1142
|
+
图标走图标阶梯)。其中 9 处 13px 文本收敛到 12px 辅助档,代码块 12px → 13px(KDS §1.3 目标)。
|
|
1143
|
+
- **Checkbox / Radio / Switch 迁到 KDS §1.5 目标**:可见 box / 圆点 **16/18/20**,
|
|
1144
|
+
Switch 轨道 **28×16 / 32×18 / 40×22**(原 18/20/24、16/20/24、32×18/36×20/44×24,每档大一级);
|
|
1145
|
+
compact 同步下调一档。新增 `--klun-hit-area-min`(24px) / `--klun-hit-area-touch`(44px),
|
|
1146
|
+
**热区不随可见尺寸缩小**(实测仍为 24px)。
|
|
1147
|
+
- 图标阶梯补齐非控件档位(micro 12 / inline 14 / feature 22 / display 28 / hero 64 / hero-lg 72),
|
|
1148
|
+
并把 15px→14、17px→18、26px→28 三个魔法数收敛到档位。
|
|
1149
|
+
|
|
805
1150
|
### Fixed
|
|
806
1151
|
- **Metronic + dark mode: text/icons on strong surfaces are now readable.**
|
|
807
1152
|
The `metronic` skin mapped `--klun-bg-strong-950` to `grey-900` (which flips
|
|
@@ -816,6 +1161,43 @@ KDS 设计标准升级。**含破坏性变更**——完整迁移指引见 `docs
|
|
|
816
1161
|
|
|
817
1162
|
## [0.1.7] — 2026-06-21
|
|
818
1163
|
|
|
1164
|
+
- **Storybook 里的规格页**:`KDS/Size specs`(全局 Token / 按组件查阅 137 份规格 / 索引)。
|
|
1165
|
+
|
|
1166
|
+
### Changed(续 3)
|
|
1167
|
+
- **皮肤不再改几何**(行为变更):kk 原本在 `[data-mode="kk"]` 里顺带重定义整条控件高度与圆角,
|
|
1168
|
+
导致 `size="medium"` 在 kk 下是 32px、默认皮肤下是 40px——`size` 跨皮肤失效。
|
|
1169
|
+
现在几何只由显式轴决定:控件尺度走新增的 **`density="kk"`**,直角走 **`radius="square"`**。
|
|
1170
|
+
**迁移**:`<ConfigProvider accent="kk">` → `<ConfigProvider accent="kk" density="kk" radius="square">`
|
|
1171
|
+
可复现原观感;不加密度/圆角则使用标准尺度(推荐)。
|
|
1172
|
+
- **Textarea 档位圆角收敛**到控件档位 6/6/8/10(原 8/10/12/12),与同档 Input/Select 一致。
|
|
1173
|
+
|
|
1174
|
+
### Added(续)
|
|
1175
|
+
- **测量基线重新采集流程脚本化**:`scripts/kds-capture-probe.mjs`(11 个故事/组合的探针)、
|
|
1176
|
+
`scripts/kds-measure-baseline.mjs`(合并 + 重写出处)。基线更新为
|
|
1177
|
+
**2026-10-07 / 0.6.0 / 5d4c3d8**;出处门禁升级为 MUST(库版本一变必须重采)。
|
|
1178
|
+
|
|
1179
|
+
### Fixed(续 3)
|
|
1180
|
+
- **字段族一致性**(同档字段必须长得一样):
|
|
1181
|
+
· Cascader / SelectMenu / TimePicker / InputGroup / RichEditor 的 medium 档圆角 10px → **8px**;
|
|
1182
|
+
· **CounterInput** 档位纠正(small/medium/large 由 32/36/40 改为 **36/40/48**,圆角 8/10/10 → 6/8/10);
|
|
1183
|
+
**CronEditor** 默认档 32/10 → **40/8**,并补齐 small/large;
|
|
1184
|
+
· `InputGroup` 内嵌完整 `<Input>` 时不再出现"框中框"(组内控件透明、无圆角、无描边);
|
|
1185
|
+
· 日期/时间/范围选择器触发器新增 `.klun-input--trigger`:不再复用 readonly 弱底,
|
|
1186
|
+
与同排 Input 底色一致(暗色实测 rgb(38,38,38) → rgb(23,23,23));
|
|
1187
|
+
· TimePicker / InputGroup 的横向内边距改用字段 token(`--klun-field-px-*`)。
|
|
1188
|
+
- **表单里字段等宽**:`.klun-form-item__control > <字段族> { width: 100% }`(表单层统一,
|
|
1189
|
+
工具条里的组件保持固有宽度)。
|
|
1190
|
+
|
|
1191
|
+
### Fixed(续 2)
|
|
1192
|
+
- **144 处 `font-size` 字面量全部 token 化**(文本走字阶、代码走 `--klun-code-size`、
|
|
1193
|
+
图标走图标阶梯)。其中 9 处 13px 文本收敛到 12px 辅助档,代码块 12px → 13px(KDS §1.3 目标)。
|
|
1194
|
+
- **Checkbox / Radio / Switch 迁到 KDS §1.5 目标**:可见 box / 圆点 **16/18/20**,
|
|
1195
|
+
Switch 轨道 **28×16 / 32×18 / 40×22**(原 18/20/24、16/20/24、32×18/36×20/44×24,每档大一级);
|
|
1196
|
+
compact 同步下调一档。新增 `--klun-hit-area-min`(24px) / `--klun-hit-area-touch`(44px),
|
|
1197
|
+
**热区不随可见尺寸缩小**(实测仍为 24px)。
|
|
1198
|
+
- 图标阶梯补齐非控件档位(micro 12 / inline 14 / feature 22 / display 28 / hero 64 / hero-lg 72),
|
|
1199
|
+
并把 15px→14、17px→18、26px→28 三个魔法数收敛到档位。
|
|
1200
|
+
|
|
819
1201
|
### Fixed
|
|
820
1202
|
- **`Popconfirm` content is always left-aligned.** The bubble rendered inline,
|
|
821
1203
|
so a Popconfirm placed inside a right-aligned container (e.g. a table action
|
|
@@ -824,6 +1206,43 @@ KDS 设计标准升级。**含破坏性变更**——完整迁移指引见 `docs
|
|
|
824
1206
|
|
|
825
1207
|
## [0.1.6] — 2026-06-21
|
|
826
1208
|
|
|
1209
|
+
- **Storybook 里的规格页**:`KDS/Size specs`(全局 Token / 按组件查阅 137 份规格 / 索引)。
|
|
1210
|
+
|
|
1211
|
+
### Changed(续 3)
|
|
1212
|
+
- **皮肤不再改几何**(行为变更):kk 原本在 `[data-mode="kk"]` 里顺带重定义整条控件高度与圆角,
|
|
1213
|
+
导致 `size="medium"` 在 kk 下是 32px、默认皮肤下是 40px——`size` 跨皮肤失效。
|
|
1214
|
+
现在几何只由显式轴决定:控件尺度走新增的 **`density="kk"`**,直角走 **`radius="square"`**。
|
|
1215
|
+
**迁移**:`<ConfigProvider accent="kk">` → `<ConfigProvider accent="kk" density="kk" radius="square">`
|
|
1216
|
+
可复现原观感;不加密度/圆角则使用标准尺度(推荐)。
|
|
1217
|
+
- **Textarea 档位圆角收敛**到控件档位 6/6/8/10(原 8/10/12/12),与同档 Input/Select 一致。
|
|
1218
|
+
|
|
1219
|
+
### Added(续)
|
|
1220
|
+
- **测量基线重新采集流程脚本化**:`scripts/kds-capture-probe.mjs`(11 个故事/组合的探针)、
|
|
1221
|
+
`scripts/kds-measure-baseline.mjs`(合并 + 重写出处)。基线更新为
|
|
1222
|
+
**2026-10-07 / 0.6.0 / 5d4c3d8**;出处门禁升级为 MUST(库版本一变必须重采)。
|
|
1223
|
+
|
|
1224
|
+
### Fixed(续 3)
|
|
1225
|
+
- **字段族一致性**(同档字段必须长得一样):
|
|
1226
|
+
· Cascader / SelectMenu / TimePicker / InputGroup / RichEditor 的 medium 档圆角 10px → **8px**;
|
|
1227
|
+
· **CounterInput** 档位纠正(small/medium/large 由 32/36/40 改为 **36/40/48**,圆角 8/10/10 → 6/8/10);
|
|
1228
|
+
**CronEditor** 默认档 32/10 → **40/8**,并补齐 small/large;
|
|
1229
|
+
· `InputGroup` 内嵌完整 `<Input>` 时不再出现"框中框"(组内控件透明、无圆角、无描边);
|
|
1230
|
+
· 日期/时间/范围选择器触发器新增 `.klun-input--trigger`:不再复用 readonly 弱底,
|
|
1231
|
+
与同排 Input 底色一致(暗色实测 rgb(38,38,38) → rgb(23,23,23));
|
|
1232
|
+
· TimePicker / InputGroup 的横向内边距改用字段 token(`--klun-field-px-*`)。
|
|
1233
|
+
- **表单里字段等宽**:`.klun-form-item__control > <字段族> { width: 100% }`(表单层统一,
|
|
1234
|
+
工具条里的组件保持固有宽度)。
|
|
1235
|
+
|
|
1236
|
+
### Fixed(续 2)
|
|
1237
|
+
- **144 处 `font-size` 字面量全部 token 化**(文本走字阶、代码走 `--klun-code-size`、
|
|
1238
|
+
图标走图标阶梯)。其中 9 处 13px 文本收敛到 12px 辅助档,代码块 12px → 13px(KDS §1.3 目标)。
|
|
1239
|
+
- **Checkbox / Radio / Switch 迁到 KDS §1.5 目标**:可见 box / 圆点 **16/18/20**,
|
|
1240
|
+
Switch 轨道 **28×16 / 32×18 / 40×22**(原 18/20/24、16/20/24、32×18/36×20/44×24,每档大一级);
|
|
1241
|
+
compact 同步下调一档。新增 `--klun-hit-area-min`(24px) / `--klun-hit-area-touch`(44px),
|
|
1242
|
+
**热区不随可见尺寸缩小**(实测仍为 24px)。
|
|
1243
|
+
- 图标阶梯补齐非控件档位(micro 12 / inline 14 / feature 22 / display 28 / hero 64 / hero-lg 72),
|
|
1244
|
+
并把 15px→14、17px→18、26px→28 三个魔法数收敛到档位。
|
|
1245
|
+
|
|
827
1246
|
### Fixed
|
|
828
1247
|
- **`Modal` / `Drawer` mask is now clearly visible in both themes.** The
|
|
829
1248
|
backdrop uses a theme-independent scrim (`rgba(0,0,0,0.45)` + `blur(3px)`,
|
|
@@ -852,6 +1271,43 @@ KDS 设计标准升级。**含破坏性变更**——完整迁移指引见 `docs
|
|
|
852
1271
|
|
|
853
1272
|
## [0.1.4] — 2026-06-21
|
|
854
1273
|
|
|
1274
|
+
- **Storybook 里的规格页**:`KDS/Size specs`(全局 Token / 按组件查阅 137 份规格 / 索引)。
|
|
1275
|
+
|
|
1276
|
+
### Changed(续 3)
|
|
1277
|
+
- **皮肤不再改几何**(行为变更):kk 原本在 `[data-mode="kk"]` 里顺带重定义整条控件高度与圆角,
|
|
1278
|
+
导致 `size="medium"` 在 kk 下是 32px、默认皮肤下是 40px——`size` 跨皮肤失效。
|
|
1279
|
+
现在几何只由显式轴决定:控件尺度走新增的 **`density="kk"`**,直角走 **`radius="square"`**。
|
|
1280
|
+
**迁移**:`<ConfigProvider accent="kk">` → `<ConfigProvider accent="kk" density="kk" radius="square">`
|
|
1281
|
+
可复现原观感;不加密度/圆角则使用标准尺度(推荐)。
|
|
1282
|
+
- **Textarea 档位圆角收敛**到控件档位 6/6/8/10(原 8/10/12/12),与同档 Input/Select 一致。
|
|
1283
|
+
|
|
1284
|
+
### Added(续)
|
|
1285
|
+
- **测量基线重新采集流程脚本化**:`scripts/kds-capture-probe.mjs`(11 个故事/组合的探针)、
|
|
1286
|
+
`scripts/kds-measure-baseline.mjs`(合并 + 重写出处)。基线更新为
|
|
1287
|
+
**2026-10-07 / 0.6.0 / 5d4c3d8**;出处门禁升级为 MUST(库版本一变必须重采)。
|
|
1288
|
+
|
|
1289
|
+
### Fixed(续 3)
|
|
1290
|
+
- **字段族一致性**(同档字段必须长得一样):
|
|
1291
|
+
· Cascader / SelectMenu / TimePicker / InputGroup / RichEditor 的 medium 档圆角 10px → **8px**;
|
|
1292
|
+
· **CounterInput** 档位纠正(small/medium/large 由 32/36/40 改为 **36/40/48**,圆角 8/10/10 → 6/8/10);
|
|
1293
|
+
**CronEditor** 默认档 32/10 → **40/8**,并补齐 small/large;
|
|
1294
|
+
· `InputGroup` 内嵌完整 `<Input>` 时不再出现"框中框"(组内控件透明、无圆角、无描边);
|
|
1295
|
+
· 日期/时间/范围选择器触发器新增 `.klun-input--trigger`:不再复用 readonly 弱底,
|
|
1296
|
+
与同排 Input 底色一致(暗色实测 rgb(38,38,38) → rgb(23,23,23));
|
|
1297
|
+
· TimePicker / InputGroup 的横向内边距改用字段 token(`--klun-field-px-*`)。
|
|
1298
|
+
- **表单里字段等宽**:`.klun-form-item__control > <字段族> { width: 100% }`(表单层统一,
|
|
1299
|
+
工具条里的组件保持固有宽度)。
|
|
1300
|
+
|
|
1301
|
+
### Fixed(续 2)
|
|
1302
|
+
- **144 处 `font-size` 字面量全部 token 化**(文本走字阶、代码走 `--klun-code-size`、
|
|
1303
|
+
图标走图标阶梯)。其中 9 处 13px 文本收敛到 12px 辅助档,代码块 12px → 13px(KDS §1.3 目标)。
|
|
1304
|
+
- **Checkbox / Radio / Switch 迁到 KDS §1.5 目标**:可见 box / 圆点 **16/18/20**,
|
|
1305
|
+
Switch 轨道 **28×16 / 32×18 / 40×22**(原 18/20/24、16/20/24、32×18/36×20/44×24,每档大一级);
|
|
1306
|
+
compact 同步下调一档。新增 `--klun-hit-area-min`(24px) / `--klun-hit-area-touch`(44px),
|
|
1307
|
+
**热区不随可见尺寸缩小**(实测仍为 24px)。
|
|
1308
|
+
- 图标阶梯补齐非控件档位(micro 12 / inline 14 / feature 22 / display 28 / hero 64 / hero-lg 72),
|
|
1309
|
+
并把 15px→14、17px→18、26px→28 三个魔法数收敛到档位。
|
|
1310
|
+
|
|
855
1311
|
### Fixed
|
|
856
1312
|
- **`Modal`** no longer draws the footer divider when there's no body (e.g.
|
|
857
1313
|
confirmation dialogs), so the actions sit cleanly under the heading instead of
|
|
@@ -859,6 +1315,43 @@ KDS 设计标准升级。**含破坏性变更**——完整迁移指引见 `docs
|
|
|
859
1315
|
|
|
860
1316
|
## [0.1.3] — 2026-06-20
|
|
861
1317
|
|
|
1318
|
+
- **Storybook 里的规格页**:`KDS/Size specs`(全局 Token / 按组件查阅 137 份规格 / 索引)。
|
|
1319
|
+
|
|
1320
|
+
### Changed(续 3)
|
|
1321
|
+
- **皮肤不再改几何**(行为变更):kk 原本在 `[data-mode="kk"]` 里顺带重定义整条控件高度与圆角,
|
|
1322
|
+
导致 `size="medium"` 在 kk 下是 32px、默认皮肤下是 40px——`size` 跨皮肤失效。
|
|
1323
|
+
现在几何只由显式轴决定:控件尺度走新增的 **`density="kk"`**,直角走 **`radius="square"`**。
|
|
1324
|
+
**迁移**:`<ConfigProvider accent="kk">` → `<ConfigProvider accent="kk" density="kk" radius="square">`
|
|
1325
|
+
可复现原观感;不加密度/圆角则使用标准尺度(推荐)。
|
|
1326
|
+
- **Textarea 档位圆角收敛**到控件档位 6/6/8/10(原 8/10/12/12),与同档 Input/Select 一致。
|
|
1327
|
+
|
|
1328
|
+
### Added(续)
|
|
1329
|
+
- **测量基线重新采集流程脚本化**:`scripts/kds-capture-probe.mjs`(11 个故事/组合的探针)、
|
|
1330
|
+
`scripts/kds-measure-baseline.mjs`(合并 + 重写出处)。基线更新为
|
|
1331
|
+
**2026-10-07 / 0.6.0 / 5d4c3d8**;出处门禁升级为 MUST(库版本一变必须重采)。
|
|
1332
|
+
|
|
1333
|
+
### Fixed(续 3)
|
|
1334
|
+
- **字段族一致性**(同档字段必须长得一样):
|
|
1335
|
+
· Cascader / SelectMenu / TimePicker / InputGroup / RichEditor 的 medium 档圆角 10px → **8px**;
|
|
1336
|
+
· **CounterInput** 档位纠正(small/medium/large 由 32/36/40 改为 **36/40/48**,圆角 8/10/10 → 6/8/10);
|
|
1337
|
+
**CronEditor** 默认档 32/10 → **40/8**,并补齐 small/large;
|
|
1338
|
+
· `InputGroup` 内嵌完整 `<Input>` 时不再出现"框中框"(组内控件透明、无圆角、无描边);
|
|
1339
|
+
· 日期/时间/范围选择器触发器新增 `.klun-input--trigger`:不再复用 readonly 弱底,
|
|
1340
|
+
与同排 Input 底色一致(暗色实测 rgb(38,38,38) → rgb(23,23,23));
|
|
1341
|
+
· TimePicker / InputGroup 的横向内边距改用字段 token(`--klun-field-px-*`)。
|
|
1342
|
+
- **表单里字段等宽**:`.klun-form-item__control > <字段族> { width: 100% }`(表单层统一,
|
|
1343
|
+
工具条里的组件保持固有宽度)。
|
|
1344
|
+
|
|
1345
|
+
### Fixed(续 2)
|
|
1346
|
+
- **144 处 `font-size` 字面量全部 token 化**(文本走字阶、代码走 `--klun-code-size`、
|
|
1347
|
+
图标走图标阶梯)。其中 9 处 13px 文本收敛到 12px 辅助档,代码块 12px → 13px(KDS §1.3 目标)。
|
|
1348
|
+
- **Checkbox / Radio / Switch 迁到 KDS §1.5 目标**:可见 box / 圆点 **16/18/20**,
|
|
1349
|
+
Switch 轨道 **28×16 / 32×18 / 40×22**(原 18/20/24、16/20/24、32×18/36×20/44×24,每档大一级);
|
|
1350
|
+
compact 同步下调一档。新增 `--klun-hit-area-min`(24px) / `--klun-hit-area-touch`(44px),
|
|
1351
|
+
**热区不随可见尺寸缩小**(实测仍为 24px)。
|
|
1352
|
+
- 图标阶梯补齐非控件档位(micro 12 / inline 14 / feature 22 / display 28 / hero 64 / hero-lg 72),
|
|
1353
|
+
并把 15px→14、17px→18、26px→28 三个魔法数收敛到档位。
|
|
1354
|
+
|
|
862
1355
|
### Fixed
|
|
863
1356
|
- **`TimePicker`** dropdowns now flip above the trigger when there isn't enough
|
|
864
1357
|
room below the viewport (e.g. when the picker sits low inside a
|