@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 CHANGED
@@ -116,12 +116,14 @@ token 的值按原样写入 CSS 变量,因此 `color-mix(...)` 这类表达式
116
116
 
117
117
  | 用途 | M3 | M3E |
118
118
  | --- | --- | --- |
119
- | 位移(transform、宽高、内外距、gap、圆角…) | `cubic-bezier(0.2, 0, 0, 1)` | 声明时长 ≤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)` | `cubic-bezier(0.34, 0.8, 0.34, 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 的两条位移曲线带过冲,峰值分别为 1.092 与 1.014;效果曲线不过冲。这正是 M3E 的设计意图:物体移动有惯性,颜色过冲会闪出调色板里不存在的颜色。所以位移与效果的曲线必须分开,关闭「位移与效果使用不同曲线」后一律用效果曲线。
122
+ 两族都把「移动」和「效果」分开,原因在 M3E 上最直观:它的两条位移曲线带过冲,峰值分别为 1.092 与 1.014,效果曲线不过冲。物体移动有惯性,颜色过冲则会闪出调色板里不存在的颜色。M3 的分离幅度小些,但方向一致——加速段的 decelerate 曲线只给移动,其余走 standard。
123
123
 
124
- M3 族的 standard 与 emphasized 在 CSS 的三次贝塞尔下都退化为同一个值(M3 的 emphasized 是五次贝塞尔,`cubic-bezier()` 表达不了),因此 M3 族整个界面只有一条曲线,这是规范本身的形状,不是实现偷懒。
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.2, 0, 0, 1)";
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.43487043940",
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",