base-paint 0.3.14 → 0.3.16

package/dist/components/spread-dist/style-box.js

@@ -0,0 +1,252 @@
+/** spread-dist · **A 档（`box` 箱线）那一段样式**（同目录第三份样式来源；由 `style.ts` 的
+ *  `spreadDistCss()` 接在最后汇总）。
+ *
+ *  为什么有这一件：本件一次落三档骨架，`style.ts` 一度到 349 行（本包告警线 350，
+ *  `packages/base-render/AGENTS.md`）——A 档那一段加不进去。A 档那几样（贯穿的网格线与尺子／
+ *  一行一组／须／箱体／中位粗线／离群圈／单笔点）边界干净，独立成件；**旧两档那两段一个字节都不改**。
+ *
+ *  原型＝`.scratch/ui-组件墙/新件/parts-数据与仪表.mjs` 第 65 件 A 档的**砍过文字那一版**
+ *  （用户打 4 分的就是那一版）。三处口径照它落地：
+ *   · **单位只印一次**（卡头右端），故刻度值逐枚不带单位（`tick-value` 的字由 `scale.ts` 给，不带 `unitPart`）；
+ *   · 图例只有三项（`P25–P75`／`离群`／`单笔`）：**没有「中位数」那一条**（行头已各印一次「中位 NN」）；
+ *   · 行头**一行一档字号**（组名／笔数／中位同号），中位不再另起一行放大。
+ *
+ *  几何契约（判据钉住，与 B 档同一条）：**一把尺子只有一份** —— 贯穿行区的网格线、尺子上那几枚刻度、
+ *  每一行的须／箱体／中位粗线／点，全部读同一个算出来的百分比（`forms.ts` 的 `upPct()`）；
+ *  刻度是 `absolute ＋ left: X% ＋ translateX(-50%)`（**中心**落在值的位置上），不是靠 `space-between` 平分。
+ *
+ *  纪律同 `style.ts`：只经 `skinVar()` 读皮肤／全部规则 scope 在 `.<prefix>page-ui` 之下／
+ *  零 `:root`／零 `!important`／零颜色字面量／零省略手段（读数永不截断）／宽度只许容器判。
+ */
+import { skinVar } from '../skin/contract.js';
+import { SPREAD_DIST_TRACK_PX, spreadDistSlot } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** A 档的样式（由 `spreadDistCss()` 接在最后）。恒返回非空 CSS 文本。 */
+export function spreadDistBoxCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    const s = (slot) => root + ' .' + spreadDistSlot(slot, p);
+    /* 一个百分比档：强调色往卡面掺 `weight`%（淡洗＝合法的面；不是"拿墨色当面"）。 */
+    const wash = (weight) => 'color-mix(in srgb, ' + skinVar('accent') + ' ' + String(weight)
+        + '%, ' + skinVar('surface') + ')';
+    return [
+        /* ── A 档：箱线（一行一组，同一把尺子横着量） ── */
+        '/* A 档（`box`）：卡头 → 行区（贯穿的网格线 ＋ 一行一组：行头 ＋ 轨道）→ 尺子 → 图例 → 脚注。',
+        '   四种形把四种读数分开（不靠颜色）：箱体是面、中位是粗线、离群是空心圈、单笔是实心点。 */',
+        s('groups') + ' {',
+        '  position: relative;',
+        '  display: grid;',
+        '  gap: 0;',
+        '  min-width: 0;',
+        '}',
+        /* 贯穿整个行区的竖向网格线：**每一枚刻度一根**（行内 `left` 是算出来的百分比）。
+           只做定位与贯穿，不接指针（免得挡住调用方给某一行包的可点入口）。 */
+        s('grid') + ' {',
+        '  position: absolute;',
+        '  inset: 0;',
+        '  pointer-events: none;',
+        '}',
+        s('grid-line') + ' {',
+        '  position: absolute;',
+        '  top: 0;',
+        '  bottom: 0;',
+        '  width: 1px;',
+        '  transform: translateX(-50%);',
+        '  background: ' + skinVar('line') + ';',
+        '}',
+        /* 首末两根**贴端**（与尺子上首末两枚同一个落法）：行内 `left` 是锚点，整块挪半个／一个自身宽度，
+           于是它**不越出行区** —— 读起来还是落在值的位置上（差 0.5px），容器却一根毫毛都不多长。 */
+        s('grid-line') + '.is-first { transform: none; }',
+        s('grid-line') + '.is-last { transform: translateX(-100%); }',
+        /* 一行一组：行头在上、轨道在下（轨道通栏，故四行的百分比与尺子那一条是同一份划分）。 */
+        s('group') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: minmax(0, 1fr);',
+        '  gap: 4px;',
+        '  min-width: 0;',
+        '  padding: 9px 0;',
+        '}',
+        /* 行头**一行一档字号**：组名／笔数／中位同行同号，只差字重与色（不再有"大号中位"那一层）。 */
+        s('group-hd') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 0 8px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 600;',
+        '}',
+        s('group-name') + ' {',
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('group-count') + ' {',
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 与组名同字号：中位是**同一行里的第三个读数**，不是第二层文字（原型砍掉的就是那一层）。 */
+        s('group-median') + ' {',
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 轨道：一行的那把尺子（内容全部绝对定位，位置是算出来的百分比）。 */
+        s('track') + ' {',
+        '  position: relative;',
+        '  display: block;',
+        '  height: ' + String(SPREAD_DIST_TRACK_PX) + 'px;',
+        '  min-width: 0;',
+        '}',
+        /* 贯穿的底线（每行一条通栏发丝线：四行叠起来读成一把尺子，不是每行一根断开的短段）。 */
+        s('rail') + ' {',
+        '  position: absolute;',
+        '  left: 0;',
+        '  right: 0;',
+        '  top: 50%;',
+        '  height: 0;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '}',
+        /* 须（最低到最高）：**最轻的 1px 线**压在底线上，两端各一个封口——
+           三级重量里它最轻、箱子居中、中位最重（原型的 1／发丝／3px 递进）。 */
+        s('whisker') + ' {',
+        '  position: absolute;',
+        '  top: 50%;',
+        '  height: 1px;',
+        '  background: ' + skinVar('accent') + ';',
+        '}',
+        s('whisker') + '::before, ' + s('whisker') + '::after {',
+        '  content: "";',
+        '  position: absolute;',
+        '  top: -5px;',
+        '  width: 1px;',
+        '  height: 11px;',
+        '  background: ' + skinVar('accent') + ';',
+        '}',
+        s('whisker') + '::before { left: 0; }',
+        s('whisker') + '::after { right: 0; }',
+        /* 箱体（P25 到 P75）：发丝描边 ＋ 一档淡洗的面（是"面"，不是"条"）。
+           **不设最小宽度**：P25 与 P75 相等时箱体宽度就是 0 —— 留在那儿的还有中位那条粗线与须的封口，
+           拿一个 2px 的下限把"这一组四分位距为零"这件事盖掉，比看不见更坏。 */
+        s('box') + ' {',
+        '  position: absolute;',
+        '  top: 4px;',
+        '  height: 22px;',
+        '  border: 1px solid ' + wash(62) + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + wash(14) + ';',
+        '}',
+        /* 中位：全图**唯一的重焦点**（3px 实底，穿透箱体；无文字的图形才走 `accent` 实底）。 */
+        s('median') + ' {',
+        '  position: absolute;',
+        '  top: 2px;',
+        '  height: 26px;',
+        '  width: 3px;',
+        '  transform: translateX(-50%);',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('accent') + ';',
+        '}',
+        /* 离群点：**空心圈**（须之外的读数；实心是单笔那一档的形，两档不混）。 */
+        s('outlier') + ' {',
+        '  position: absolute;',
+        '  top: 50%;',
+        '  width: 8px;',
+        '  height: 8px;',
+        '  transform: translate(-50%, -50%);',
+        '  border: 2px solid ' + skinVar('danger') + ';',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '}',
+        /* 单笔读数（样本不足的组）：**实心点**，落在同一把尺子上。 */
+        s('point') + ' {',
+        '  position: absolute;',
+        '  top: 50%;',
+        '  width: 8px;',
+        '  height: 8px;',
+        '  transform: translate(-50%, -50%);',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('accent') + ';',
+        '}',
+        /* 尺子（四行下面只画这一把）：一根通栏线（＝轴）＋ 每枚刻度一根竖线 ＋ 贴在它位置上的值。
+           高度只按**一行刻度值**留（值长了会折行，折出来的那一行落在图例上方的留白里）。 */
+        s('ruler') + ' {',
+        '  position: relative;',
+        '  height: 26px;',
+        '  min-width: 0;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '}',
+        /* 一枚刻度：1px 竖线，**中心**落在它那个值的位置上（`left` ＋ `translateX(-50%)`）。 */
+        s('tick') + ' {',
+        '  position: absolute;',
+        '  top: 0;',
+        '  width: 1px;',
+        '  height: 6px;',
+        '  transform: translateX(-50%);',
+        '  background: ' + skinVar('line') + ';',
+        '}',
+        /* 首末两枚同上：贴端（中心差 0.5px，容器零横溢）。 */
+        s('tick') + '.is-first { transform: none; }',
+        s('tick') + '.is-last { transform: translateX(-100%); }',
+        /* 刻度值贴着刻度；`max-width` 给它一个上限（长数字在词内折行，不许顶宽容器）。 */
+        s('tick-value') + ' {',
+        '  position: absolute;',
+        '  top: 8px;',
+        '  min-width: 0;',
+        '  max-width: 7em;',
+        '  transform: translateX(-50%);',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  font-variant-numeric: tabular-nums;',
+        '  line-height: 1.35;',
+        '  text-align: center;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 首末两枚**贴端**（把值摆进尺子里，不许为了"居中对齐"顶出容器）：整块按自身宽度挪，
+           于是右端那一枚的**右缘**正好落在尺子右缘上（行内那个 `left` 是锚点，不是位移）；
+           `max-content` 是必需的——绝对定位的右端那一枚可用宽度是 0（左缘就贴在容器右缘上），
+           不写宽就会一个字一行地竖着折下来，压到图例上。 */
+        s('tick-value') + '.is-first {',
+        '  left: 0;',
+        '  width: max-content;',
+        '  transform: none;',
+        '  text-align: left;',
+        '}',
+        s('tick-value') + '.is-last {',
+        '  width: max-content;',
+        '  transform: translateX(-100%);',
+        '  text-align: right;',
+        '}',
+        /* 图例那三枚形（与图上的形一一对应：箱体的面／离群的圈／单笔的点）。 */
+        s('legend-mark') + '.is-box {',
+        '  border: 1px solid ' + wash(62) + ';',
+        '  background: ' + wash(14) + ';',
+        '}',
+        s('legend-mark') + '.is-outlier {',
+        '  width: 10px;',
+        '  height: 10px;',
+        '  border: 2px solid ' + skinVar('danger') + ';',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '}',
+        s('legend-mark') + '.is-point {',
+        '  width: 8px;',
+        '  height: 8px;',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '}',
+    ].join(LF);
+}
+//# sourceMappingURL=style-box.js.map

package/dist/components/spread-dist/style-box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-box.js","sourceRoot":"","sources":["../../../src/components/spread-dist/style-box.ts"],"names":[],"mappings":"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"}

package/dist/components/spread-dist/style-quantile.d.ts

@@ -0,0 +1,5 @@
+/** C 档的样式（由 `spreadDistCss()` 插在正确的行序上）。恒返回非空 CSS 文本。 */
+export declare function spreadDistQuantileCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style-quantile.d.ts.map

package/dist/components/spread-dist/style-quantile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-quantile.d.ts","sourceRoot":"","sources":["../../../src/components/spread-dist/style-quantile.ts"],"names":[],"mappings":"AAgBA,yDAAyD;AACzD,wBAAgB,qBAAqB,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAiFlF"}

package/dist/components/spread-dist/style-quantile.js

@@ -0,0 +1,97 @@
+/** spread-dist · **C 档（`quantile` 分位尺）那一段样式**（同目录第二份样式来源；由 `style.ts` 的
+ *  `spreadDistCss()` 汇总，位置与拆分前逐字节相同）。
+ *
+ *  为什么有这一件：本件一次落三档骨架，`style.ts` 一度到 349 行（本包告警线 350，
+ *  `packages/base-render/AGENTS.md`）——A 档那一段加不进去。C 档这一段（结论句 ＋ 一档一格 ＋
+ *  正中那一档的选中面）边界干净，独立成件；**旧两档那两段一个字节都不改**——搬的只是「住哪个文件」。
+ *
+ *  纪律同 `style.ts`：只经 `skinVar()` 读皮肤／全部规则 scope 在 `.<prefix>page-ui` 之下／
+ *  零 `:root`／零 `!important`／零颜色字面量／零省略手段（读数永不截断）／宽度只许容器判。
+ */
+import { skinVar } from '../skin/contract.js';
+import { spreadDistSlot } from './attrs.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** C 档的样式（由 `spreadDistCss()` 插在正确的行序上）。恒返回非空 CSS 文本。 */
+export function spreadDistQuantileCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    /* 槽类名（**不带 scope**）：只用在**已经落进本件某条选择器内部**的位置（前缀由外层那条选择器给）。 */
+    const s = (slot) => root + ' .' + spreadDistSlot(slot, p);
+    const c = (slot) => '.' + spreadDistSlot(slot, p);
+    return [
+        /* ── C 档：结论一句话在上、读数在下 ── */
+        s('lead') + ' {',
+        '  margin: 0;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-display') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1.5;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 一档一格：`auto-fit` ＋ `minmax` ⇒ 宽档并排、窄档自动折行（**一档不减**，减档＝删读数）。
+           档间距走皮肤自己的 `space`（大字报刊那套更大 ⇒ 那一档下留白自动多一层，不用写皮肤名分支）。 */
+        s('stops') + ' {',
+        '  display: grid;',
+        '  grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));',
+        '  gap: ' + skinVar('space') + ';',
+        '  min-width: 0;',
+        '}',
+        s('stop') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 2px 6px;',
+        '  min-width: 0;',
+        '  padding: 10px 12px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-sm') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '}',
+        s('stop-name') + ' {',
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-sm') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        s('stop-label') + ' {',
+        '  flex: 0 1 auto;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  line-height: 1.45;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 那个数另起一行（`flex-basis: 100%`）：一格里两层——上面一行说这是哪一档，下面一行是数。 */
+        s('stop-value') + ' {',
+        '  flex-basis: 100%;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-num') + ';',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 700;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        /* 正中那一档（中位）：**有文字的选中面** ⇒ 软底 ＋ 主色字 ＋ 主色描边（三样同时在）。 */
+        s('stop') + '.is-median {',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '}',
+        /* 三处字一起换成主色文本档（档名／说明句／那个数），**一条选择器写全**——
+           拆成三行会让「一行即一条选择器」的源码级判据读不到另外两行。 */
+        s('stop') + '.is-median ' + c('stop-name') + ', ' + s('stop') + '.is-median ' + c('stop-label')
+            + ', ' + s('stop') + '.is-median ' + c('stop-value') + ' {',
+        '  color: ' + skinVar('accent-text') + ';',
+        '}',
+    ].join(LF);
+}
+//# sourceMappingURL=style-quantile.js.map

package/dist/components/spread-dist/style-quantile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-quantile.js","sourceRoot":"","sources":["../../../src/components/spread-dist/style-quantile.ts"],"names":[],"mappings":"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"}

package/dist/components/spread-dist/style.d.ts

@@ -0,0 +1,8 @@
+/** 逐日柱区高度（px）：宽容器一档、窄容器一档。两份取值都在本文件里，判据读这里。 */
+export declare const SPREAD_DIST_DAYS_PX = 150;
+export declare const SPREAD_DIST_NARROW_DAYS_PX = 128;
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export declare function spreadDistCss(input?: {
+    readonly prefix?: string;
+}): string;
+//# sourceMappingURL=style.d.ts.map

package/dist/components/spread-dist/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../src/components/spread-dist/style.ts"],"names":[],"mappings":"AAyBA,+CAA+C;AAC/C,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAM9C,4BAA4B;AAC5B,wBAAgB,aAAa,CAAC,KAAK,CAAC,EAAE;IAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CA2P1E"}