@dsh-plugin/dsh-ui-experience 1.0.0-dev.43487043940 → 1.0.0-dev.43487914661
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/README.md +6 -4
- package/lib/client.js +2 -2
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -116,12 +116,14 @@ token 的值按原样写入 CSS 变量,因此 `color-mix(...)` 这类表达式
|
|
|
116
116
|
|
|
117
117
|
| 用途 | M3 | M3E |
|
|
118
118
|
| --- | --- | --- |
|
|
119
|
-
| 位移(transform、宽高、内外距、gap、圆角…) | `cubic-bezier(0.
|
|
120
|
-
| 效果(颜色、透明度、阴影、滤镜…) | `cubic-bezier(0.2, 0, 0, 1)
|
|
119
|
+
| 位移(transform、宽高、内外距、gap、圆角…) | `cubic-bezier(0.05, 0.7, 0.1, 1)`(emphasized decelerate) | 声明时长 ≤200ms 用 `cubic-bezier(0.42, 1.67, 0.21, 0.9)`,否则用 `cubic-bezier(0.38, 1.21, 0.22, 1)` |
|
|
120
|
+
| 效果(颜色、透明度、阴影、滤镜…) | `cubic-bezier(0.2, 0, 0, 1)`(standard) | `cubic-bezier(0.34, 0.8, 0.34, 1)` |
|
|
121
121
|
|
|
122
|
-
M3E
|
|
122
|
+
两族都把「移动」和「效果」分开,原因在 M3E 上最直观:它的两条位移曲线带过冲,峰值分别为 1.092 与 1.014,效果曲线不过冲。物体移动有惯性,颜色过冲则会闪出调色板里不存在的颜色。M3 的分离幅度小些,但方向一致——加速段的 decelerate 曲线只给移动,其余走 standard。
|
|
123
123
|
|
|
124
|
-
|
|
124
|
+
关闭「位移与效果使用不同曲线」后,两族都退化为只用效果曲线。
|
|
125
|
+
|
|
126
|
+
M3 的 emphasized 整体是一条五次贝塞尔,`cubic-bezier()` 表达不了;这里用的是它减速段的等价三次形式,也正是 Material 官方 web token 里的 `emphasized-decelerate` 取值。
|
|
125
127
|
|
|
126
128
|
### 为什么是改写 CSSOM,而不是注入覆盖样式表
|
|
127
129
|
|
package/lib/client.js
CHANGED
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"border-bottom-left-radius",
|
|
78
78
|
"border-bottom-right-radius"
|
|
79
79
|
]);
|
|
80
|
-
var CURVE_M3_SPATIAL = "cubic-bezier(0.
|
|
80
|
+
var CURVE_M3_SPATIAL = "cubic-bezier(0.05, 0.7, 0.1, 1)";
|
|
81
81
|
var CURVE_M3_EFFECTS = "cubic-bezier(0.2, 0, 0, 1)";
|
|
82
82
|
var CURVE_M3E_SPATIAL_FAST = "cubic-bezier(0.42, 1.67, 0.21, 0.9)";
|
|
83
83
|
var CURVE_M3E_SPATIAL = "cubic-bezier(0.38, 1.21, 0.22, 1)";
|
|
@@ -166,7 +166,7 @@
|
|
|
166
166
|
}
|
|
167
167
|
function curveFor(mode, domain, spatialSplit, originalMs) {
|
|
168
168
|
if (mode === "m3") {
|
|
169
|
-
return domain === "spatial" ? CURVE_M3_SPATIAL : CURVE_M3_EFFECTS;
|
|
169
|
+
return spatialSplit && domain === "spatial" ? CURVE_M3_SPATIAL : CURVE_M3_EFFECTS;
|
|
170
170
|
}
|
|
171
171
|
if (mode === "m3e" && spatialSplit && domain === "spatial") {
|
|
172
172
|
return originalMs !== void 0 && originalMs <= FAST_SPATIAL_MAX_MS ? CURVE_M3E_SPATIAL_FAST : CURVE_M3E_SPATIAL;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dsh-plugin/dsh-ui-experience",
|
|
3
|
-
"version": "1.0.0-dev.
|
|
3
|
+
"version": "1.0.0-dev.43487914661",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "UI experience enhancements for DeepSeek Harness: follow the system matugen Material You palette as the interface theme, and rewrite interface motion onto Material 3 / Material 3 Expressive curves.",
|
|
6
6
|
"license": "MIT",
|