base-paint 0.3.14 → 0.3.16

package/dist/components/undo-timeline/style.js

@@ -0,0 +1,224 @@
+/** undo-timeline · **样式段**（本件唯一的样式入口；一条轨那半住 `style-track.ts`、回滚单那半住
+ *  `style-impact.ts`，两个都由这里的 `undoTimelineCss()` 汇总——**搬走的是行数，不是取值**）。
+ *
+ *  纪律（与本层其余件同一份）：
+ *   · 只经 `skinVar()` 读皮肤 —— 组件里**不写** `var(--ilife-…)`（兜底链只许住在 `skin/contract.ts`）；
+ *   · 全部规则 scope 在 `.<prefix>page-ui` 之下（不开本配方页零命中）；不写 `:root`／`!important`、不新增 token 名；
+ *   · **宽度只许容器判**：本件自己 `container-type: inline-size`（见下），窄档走 `@container`；
+ *     媒体查询只判设备能力（`hover:hover` ＋ `pointer:fine`／`prefers-reduced-motion`），**不判宽度**。
+ *
+ *  交互状态矩阵（工艺 §5 那一份，逐条在判据里断到）：
+ *   `rest` ｜ `:hover`（包在设备能力查询里，且**不是唯一通路**——那几枚按钮本来就能点、能触）
+ *   ｜ `:active`（真按下：`scale(.98)`，80ms，**只碰 `transform`**）｜ `:focus-visible`（2px 可见焦点）
+ *   ｜ `disabled`（`cursor: not-allowed` ＋ 三态里的「不可撤」写出为什么）｜ `busy`（原地换字：
+ *   忙碌那枚字住在正常那枚字里面、绝对定位在它这块上，出流 ⇒ 不参与按钮的固有宽，换字不跳版）
+ *   ｜ `error`（写在那一行按钮旁边 ＋ `aria-describedby`）｜ `empty`（设计过的空态，见 `style-track.ts`）。
+ *  状态一律同步改写属性与文本，**不依赖 `transitionend`**；`prefers-reduced-motion` 下把过渡关掉。
+ */
+import { skinVar } from '../skin/contract.js';
+import { UNDO_TIMELINE_BUSY_ATTR, UNDO_TIMELINE_CONTAINER, UNDO_TIMELINE_HOVER_QUERY, UNDO_TIMELINE_NARROW_PX, UNDO_TIMELINE_PRESS_MS, UNDO_TIMELINE_TOUCH_PX, undoTimelineSlot, } from './attrs.js';
+import { undoTimelineImpactCss } from './style-impact.js';
+import { undoTimelineTrackCss } from './style-track.js';
+/** 换行（仓库口径：不写字面换行转义）。 */
+const LF = String.fromCharCode(10);
+/** 一枚按钮的左右内距（px）。**忙碌那枚字也读它**：它靠这个数把自己撑到按钮的整幅宽度
+ *  （负外扩 ＝ 内距），于是「正在 ＋ 按钮字」比静息态长这件事只在按钮内部消化——两侧都不越出按钮。
+ *  两处必须同源（判据断这一条）。 */
+const BT_PAD_X_PX = 14;
+/** 尺寸事实只住 `attrs.ts` 一处；从本件的名字面（`index.ts`）转发出去，取值不改。 */
+export { UNDO_TIMELINE_GAP_PX, UNDO_TIMELINE_NARROW_PX, UNDO_TIMELINE_ROW_MIN_PX, UNDO_TIMELINE_TOUCH_PX } from './attrs.js';
+/** 本组件的样式段。恒返回非空 CSS 文本。 */
+export function undoTimelineCss(input) {
+    const p = input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+    const root = '.' + p + 'page-ui';
+    /** **槽类名**（不带 scope）：写「某槽下的子件」时只许用它——带 scope 的完整选择器再拼一次，
+     *  会拼出**永远不命中**的死规则（语法合法、编译不报错、屏幕上"看着也还行"）。 */
+    const c = (slot) => '.' + undoTimelineSlot(slot, p);
+    /** **带 scope 的完整选择器**（一条规则打头用）。 */
+    const s = (slot) => root + ' ' + c(slot);
+    const box = root + ' .' + p + 'block-undo-timeline';
+    return [
+        /* 一条轨那半（含竖轨的收口与窄档的行重排）。 */
+        undoTimelineTrackCss(input),
+        '/* ── 卡壳、页脚与那几枚按钮（两形态共用） ───────────────────────── */',
+        box + ' {',
+        /* 宽度判据的落点：本件是**自己的容器**——嵌进侧栏／面板／卡片时照样按自己的宽度折行。
+           起一个容器名，`@container` 按名字命中，不会跟别件的容器串味。 */
+        '  container: ' + UNDO_TIMELINE_CONTAINER + ' / inline-size;',
+        '  display: grid;',
+        '  min-width: 0;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-body') + ';',
+        '  line-height: 1.5;',
+        '  overflow: hidden;',
+        '}',
+        s('head') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: baseline;',
+        '  gap: 4px 10px;',
+        '  padding: 12px 14px;',
+        '  min-width: 0;',
+        '  border-bottom: 1px solid ' + skinVar('line') + ';',
+        '}',
+        s('title') + ' {',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font-display') + ';',
+        '  font-size: ' + skinVar('fs-h3') + ';',
+        '  font-weight: 700;',
+        '  line-height: 1.3;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 卡头右端那句：`margin-left:auto` 把它顶到右缘；窄档自己折到下一行（不压标题、不截断）。 */',
+        s('cap') + ' {',
+        '  margin-left: auto;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  font-variant-numeric: tabular-nums;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 页脚：结论句 ＋ 动作（结论句吃满剩下的一格，动作排到右端）。 */',
+        s('foot') + ' {',
+        '  display: flex;',
+        '  flex-wrap: wrap;',
+        '  align-items: center;',
+        '  gap: 8px 10px;',
+        '  padding: 12px 14px;',
+        '  min-width: 0;',
+        '  border-top: 1px solid ' + skinVar('line') + ';',
+        '  background: ' + skinVar('surface-2') + ';',
+        '}',
+        s('sum') + ' {',
+        '  flex: 1 1 12ch;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-2') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 卡底那句提示：也是"按不动"的说明（本件没有一处把原因藏着）。 */',
+        s('hint') + ' {',
+        '  margin: 0;',
+        '  padding: 10px 14px;',
+        '  min-width: 0;',
+        '  color: ' + skinVar('ink-3') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  line-height: 1.6;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 一枚按钮：命中盒 ≥44×44、长字**折行不截断**（`max-width:100%` 兜住）。',
+        '   两枚字（正常态／忙碌态）落在**同一处**：忙碌那枚住在正常那枚里面、绝对定位在它这块上。 */',
+        s('bt') + ' {',
+        '  position: relative;',
+        '  display: inline-grid;',
+        '  place-items: center;',
+        '  min-width: ' + String(UNDO_TIMELINE_TOUCH_PX) + 'px;',
+        '  min-height: ' + String(UNDO_TIMELINE_TOUCH_PX) + 'px;',
+        '  max-width: 100%;',
+        '  padding: 8px ' + String(BT_PAD_X_PX) + 'px;',
+        '  border: 1px solid ' + skinVar('line') + ';',
+        '  border-radius: ' + skinVar('radius-pill') + ';',
+        '  background: ' + skinVar('surface') + ';',
+        '  color: ' + skinVar('ink') + ';',
+        '  font-family: ' + skinVar('font') + ';',
+        '  font-size: ' + skinVar('fs-xs') + ';',
+        '  font-weight: 600;',
+        '  cursor: pointer;',
+        '  transition: transform ' + String(UNDO_TIMELINE_PRESS_MS) + 'ms linear;',
+        '}',
+        '/* 正常那枚字：占着按钮那一格，也是忙碌那枚字的**定位基准**（`position:relative`）。 */',
+        s('bt') + ' > ' + c('label') + ' {',
+        '  position: relative;',
+        '  grid-area: 1 / 1;',
+        '  overflow-wrap: anywhere;',
+        '}',
+        '/* 忙碌那枚字：绝对定位在正常那枚字这块上，横向按按钮的左右内距外扩 ⇒ 这一块正好是按钮的可用宽度',
+        '   （`正在 ＋ 按钮字` 太长就在按钮内部折行，两侧都不越出按钮）。出流 ⇒ 它一个字都不参与按钮的',
+        '   固有宽：换字时按钮尺寸纹丝不动（正常那枚 `visibility:hidden` 仍占着它的位置）。 */',
+        s('busy') + ' {',
+        '  position: absolute;',
+        '  left: -' + String(BT_PAD_X_PX) + 'px;',
+        '  right: -' + String(BT_PAD_X_PX) + 'px;',
+        '  top: 50%;',
+        '  transform: translateY(-50%);',
+        '  display: grid;',
+        '  place-items: center;',
+        '  visibility: hidden;',
+        '}',
+        s('bt') + '[' + UNDO_TIMELINE_BUSY_ATTR + '="1"] > ' + c('label') + ' {',
+        '  visibility: hidden;',
+        '}',
+        s('bt') + '[' + UNDO_TIMELINE_BUSY_ATTR + '="1"] ' + c('busy') + ' {',
+        '  visibility: visible;',
+        '}',
+        '/* 主动作那一档（有文字的选中面）：**软底 ＋ 强调字 ＋ 强调描边**，不是强调实底',
+        '   （正文级字压在强调实底上，neutral 那套只有 4.02，过不了 4.5 的文本地板）。 */',
+        s('bt') + '.is-primary {',
+        '  background: ' + skinVar('accent-soft') + ';',
+        '  border-color: ' + skinVar('accent') + ';',
+        '  color: ' + skinVar('accent-text') + ';',
+        '  font-weight: 700;',
+        '}',
+        s('bt') + '[disabled] {',
+        '  cursor: not-allowed;',
+        '  background: ' + skinVar('surface-2') + ';',
+        '  border-color: ' + skinVar('line') + ';',
+        '  color: ' + skinVar('ink-3') + ';',
+        '}',
+        '/* hover 只许是增强、不许是唯一通路 ⇒ 包在设备能力查询里（触屏上没有 hover 这回事）。',
+        '   判据与运行时读的是同一个能力查询串（`UNDO_TIMELINE_HOVER_QUERY`）。 */',
+        '@media ' + UNDO_TIMELINE_HOVER_QUERY + ' {',
+        '  ' + s('bt') + ':not([disabled]):hover {',
+        '    border-color: ' + skinVar('accent') + ';',
+        '    color: ' + skinVar('accent-text') + ';',
+        '  }',
+        '}',
+        '/* 真按下：80ms 的一次缩放（**只碰 `transform`**，碰布局属性就是按下即重排）。 */',
+        s('bt') + ':not([disabled]):active {',
+        '  transform: scale(.98);',
+        '}',
+        '/* 可见焦点：本件不带键盘通路，`focus-visible` 只留给真实键盘用户（无障碍地板，别删）。 */',
+        box + ' :focus-visible {',
+        '  outline: 2px solid ' + skinVar('accent') + ';',
+        '  outline-offset: 2px;',
+        '}',
+        '/* 窄容器（<' + String(UNDO_TIMELINE_NARROW_PX) + 'px）：卡头右端那句与页脚各占一行，',
+        '   按钮排满整行。判的是**本件自己的宽度**（容器名由本件声明）。 */',
+        '@container ' + UNDO_TIMELINE_CONTAINER + ' (max-width: ' + String(UNDO_TIMELINE_NARROW_PX) + 'px) {',
+        '  ' + s('cap') + ' {',
+        '    margin-left: 0;',
+        '    flex: 1 1 100%;',
+        '  }',
+        '  ' + s('head') + ' {',
+        '    padding: 12px 10px;',
+        '  }',
+        '  ' + s('foot') + ' {',
+        '    padding: 12px 10px;',
+        '  }',
+        '  ' + s('sum') + ' {',
+        '    flex: 1 1 100%;',
+        '  }',
+        '  ' + s('hint') + ' {',
+        '    padding: 10px;',
+        '  }',
+        '}',
+        '/* 减少动态：把过渡直接关掉（**不为动效设状态**，所以不会卡在半路）。 */',
+        '@media (prefers-reduced-motion: reduce) {',
+        '  ' + s('bt') + ' {',
+        '    transition: none;',
+        '  }',
+        '}',
+        /* 回滚单那半（形态 `impact` 的整张卡／`track` 里摊开的那一块）。 */
+        undoTimelineImpactCss(input),
+    ].join(LF);
+}
+//# sourceMappingURL=style.js.map

package/dist/components/undo-timeline/style.js.map

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

package/dist/components/undo-timeline/text.d.ts

@@ -0,0 +1,35 @@
+/** undo-timeline · **缺省文案**（渲染与运行时读同一份；调用方可以换，但语义别换）。
+ *
+ *  为什么单独一件（照 `bulk-bar/style-sizes.ts` 的口径）：本件的标记契约（`attrs.ts`）已经装到告警线边上，
+ *  而这几句是**文案**、不是标记形状——拆出来两边都清爽；**取值一个字节都没动**。
+ *  判据与渲染都从这里读，别处不许再抄一遍字面量（同一个句子两处各写一份，迟早走散）。
+ *
+ *  用词纪律：这几句是本件**自己生成的可见文本**，不写 `·`／`｜` 这类并列分隔符（段间由版式承担）。
+ */
+import type { UndoTimelineState } from './attrs.js';
+/** 缺省卡头标题。 */
+export declare const UNDO_TIMELINE_TITLE = "\u6539\u52A8\u8BB0\u5F55";
+/** 空态：这一段时间里一条改动都没有。 */
+export declare const UNDO_TIMELINE_EMPTY_TEXT = "\u8FD9\u4E00\u6BB5\u65F6\u95F4\u91CC\u6CA1\u6709\u6539\u52A8";
+/** 行里那枚主按钮的三档缺省字（按三态算；调用方可以换）。 */
+export declare const UNDO_TIMELINE_GO_TEXT: Readonly<Record<UndoTimelineState, string>>;
+/** 三态状态片的缺省字（`undoable` 缺省不出片，由调用方的 `tag` 承担「会连带重算…」）。 */
+export declare const UNDO_TIMELINE_STATE_TAG: Readonly<Record<UndoTimelineState, string>>;
+/** 不可撤那一档：片上除了「不可撤」还要写出**为什么**（孤零零一枚灰按钮是中间档）。 */
+export declare const UNDO_TIMELINE_LOCKED_SEP = "\uFF1A";
+/** 回滚单里"勾不动"那一行的片语。 */
+export declare const UNDO_TIMELINE_WHY_TEXT = "\u64A4\u4E0D\u4E86\uFF1A";
+/** 页脚那句结论的两段：前面按勾了几项现算，后面是调用方给的注（缺省「撤销后若要重做就得再走一次」）。 */
+export declare const UNDO_TIMELINE_SUM_PRE = "\u52FE\u4E86 ";
+export declare const UNDO_TIMELINE_SUM_MID = " \u9879\uFF0C";
+export declare const UNDO_TIMELINE_SUM_ZERO = "\u4E00\u9879\u90FD\u6CA1\u52FE\uFF0C\u64A4\u9500\u5F97\u5148\u52FE\u4E00\u9879\u3002";
+export declare const UNDO_TIMELINE_SUM_NOTE = "\u64A4\u9500\u540E\u82E5\u8981\u91CD\u505A\u5C31\u5F97\u518D\u8D70\u4E00\u6B21";
+/** 主按钮那枚字的缺省写法（按勾了几项算）。 */
+export declare const UNDO_TIMELINE_SUBMIT_PRE = "\u64A4\u9500\u8FD9 ";
+export declare const UNDO_TIMELINE_SUBMIT_POST = " \u9879";
+export declare const UNDO_TIMELINE_SUBMIT_ZERO = "\u4E00\u9879\u90FD\u6CA1\u52FE";
+/** 取消那枚的字。 */
+export declare const UNDO_TIMELINE_CANCEL_TEXT = "\u53D6\u6D88";
+/** 忙碌那枚字的前缀（`正在` ＋ 按钮字，原地换）。 */
+export declare const UNDO_TIMELINE_BUSY_PRE = "\u6B63\u5728";
+//# sourceMappingURL=text.d.ts.map

package/dist/components/undo-timeline/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/undo-timeline/text.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD,cAAc;AACd,eAAO,MAAM,mBAAmB,6BAAS,CAAC;AAC1C,wBAAwB;AACxB,eAAO,MAAM,wBAAwB,iEAAe,CAAC;AACrD,kCAAkC;AAClC,eAAO,MAAM,qBAAqB,EAAE,QAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAI5E,CAAC;AACH,0DAA0D;AAC1D,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAI9E,CAAC;AACH,iDAAiD;AACjD,eAAO,MAAM,wBAAwB,WAAM,CAAC;AAC5C,uBAAuB;AACvB,eAAO,MAAM,sBAAsB,6BAAS,CAAC;AAC7C,wDAAwD;AACxD,eAAO,MAAM,qBAAqB,kBAAQ,CAAC;AAC3C,eAAO,MAAM,qBAAqB,kBAAQ,CAAC;AAC3C,eAAO,MAAM,sBAAsB,yFAAmB,CAAC;AACvD,eAAO,MAAM,sBAAsB,mFAAkB,CAAC;AACtD,2BAA2B;AAC3B,eAAO,MAAM,wBAAwB,wBAAS,CAAC;AAC/C,eAAO,MAAM,yBAAyB,YAAO,CAAC;AAC9C,eAAO,MAAM,yBAAyB,mCAAU,CAAC;AACjD,cAAc;AACd,eAAO,MAAM,yBAAyB,iBAAO,CAAC;AAC9C,gCAAgC;AAChC,eAAO,MAAM,sBAAsB,iBAAO,CAAC"}

package/dist/components/undo-timeline/text.js

@@ -0,0 +1,34 @@
+/** 缺省卡头标题。 */
+export const UNDO_TIMELINE_TITLE = '改动记录';
+/** 空态：这一段时间里一条改动都没有。 */
+export const UNDO_TIMELINE_EMPTY_TEXT = '这一段时间里没有改动';
+/** 行里那枚主按钮的三档缺省字（按三态算；调用方可以换）。 */
+export const UNDO_TIMELINE_GO_TEXT = Object.freeze({
+    undoable: '撤销这次改动',
+    undone: '恢复这笔',
+    locked: '已不可撤',
+});
+/** 三态状态片的缺省字（`undoable` 缺省不出片，由调用方的 `tag` 承担「会连带重算…」）。 */
+export const UNDO_TIMELINE_STATE_TAG = Object.freeze({
+    undoable: '',
+    undone: '已撤销，读数已还原',
+    locked: '不可撤',
+});
+/** 不可撤那一档：片上除了「不可撤」还要写出**为什么**（孤零零一枚灰按钮是中间档）。 */
+export const UNDO_TIMELINE_LOCKED_SEP = '：';
+/** 回滚单里"勾不动"那一行的片语。 */
+export const UNDO_TIMELINE_WHY_TEXT = '撤不了：';
+/** 页脚那句结论的两段：前面按勾了几项现算，后面是调用方给的注（缺省「撤销后若要重做就得再走一次」）。 */
+export const UNDO_TIMELINE_SUM_PRE = '勾了 ';
+export const UNDO_TIMELINE_SUM_MID = ' 项，';
+export const UNDO_TIMELINE_SUM_ZERO = '一项都没勾，撤销得先勾一项。';
+export const UNDO_TIMELINE_SUM_NOTE = '撤销后若要重做就得再走一次';
+/** 主按钮那枚字的缺省写法（按勾了几项算）。 */
+export const UNDO_TIMELINE_SUBMIT_PRE = '撤销这 ';
+export const UNDO_TIMELINE_SUBMIT_POST = ' 项';
+export const UNDO_TIMELINE_SUBMIT_ZERO = '一项都没勾';
+/** 取消那枚的字。 */
+export const UNDO_TIMELINE_CANCEL_TEXT = '取消';
+/** 忙碌那枚字的前缀（`正在` ＋ 按钮字，原地换）。 */
+export const UNDO_TIMELINE_BUSY_PRE = '正在';
+//# sourceMappingURL=text.js.map

package/dist/components/undo-timeline/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../src/components/undo-timeline/text.ts"],"names":[],"mappings":"AAUA,cAAc;AACd,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC;AAC1C,wBAAwB;AACxB,MAAM,CAAC,MAAM,wBAAwB,GAAG,YAAY,CAAC;AACrD,kCAAkC;AAClC,MAAM,CAAC,MAAM,qBAAqB,GAAgD,MAAM,CAAC,MAAM,CAAC;IAC9F,QAAQ,EAAE,QAAQ;IAClB,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;CACf,CAAC,CAAC;AACH,0DAA0D;AAC1D,MAAM,CAAC,MAAM,uBAAuB,GAAgD,MAAM,CAAC,MAAM,CAAC;IAChG,QAAQ,EAAE,EAAE;IACZ,MAAM,EAAE,WAAW;IACnB,MAAM,EAAE,KAAK;CACd,CAAC,CAAC;AACH,iDAAiD;AACjD,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAC;AAC5C,uBAAuB;AACvB,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC;AAC7C,wDAAwD;AACxD,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC;AAC3C,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC;AAC3C,MAAM,CAAC,MAAM,sBAAsB,GAAG,gBAAgB,CAAC;AACvD,MAAM,CAAC,MAAM,sBAAsB,GAAG,eAAe,CAAC;AACtD,2BAA2B;AAC3B,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC;AAC/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,IAAI,CAAC;AAC9C,MAAM,CAAC,MAAM,yBAAyB,GAAG,OAAO,CAAC;AACjD,cAAc;AACd,MAAM,CAAC,MAAM,yBAAyB,GAAG,IAAI,CAAC;AAC9C,gCAAgC;AAChC,MAAM,CAAC,MAAM,sBAAsB,GAAG,IAAI,CAAC"}

package/dist/components/window-picker/attrs.d.ts

@@ -0,0 +1,109 @@
+/** windowPicker · **标记契约**（渲染与运行时共用的唯一事实）。
+ *
+ *  形态：**A**（一行工具条：段 ＋ 起止 ＋ 天数）——`#950` 打分台账里三形态 A/B/C ＝ 4/4/4、4/4/4、2/2/2，
+ *  并列取先者 ⇒ A。A 的骨架＝「窗口档（今日／本周／…）摆在一行，紧跟着起止两个日期与「共 N 天」」。
+ *
+ *  为什么窗口必须显式写在页上：**窗口是一整页读数的口径**（同一批数换一窗就是另一批数）。
+ *  只留一个下拉、不显示起止，读的人分不出「本月」是从 1 号算还是从今天往前推 30 天。
+ */
+/** 本件的类名根。 */
+export declare const WINDOW_ROOT_CLASS = "ilife-block-window-picker";
+/** 形态闭集。 */
+export declare const WINDOW_FORMS: readonly ["A"];
+export type WindowPickerForm = (typeof WINDOW_FORMS)[number];
+/** 根：值＝机器键。运行时的发现锚。 */
+export declare const WINDOW_NAME_ATTR = "data-ilife-window";
+export declare const WINDOW_FORM_ATTR = "data-ilife-window-form";
+export declare const WINDOW_BOUND_ATTR = "data-ilife-window-bound";
+export declare const WINDOW_RUNTIME_ATTR = "data-ilife-window-runtime";
+/** 今天（`YYYY-MM-DD`）。**由页面给**：给了就是确定的，判据不必跟真实日期赛跑。 */
+export declare const WINDOW_TODAY_ATTR = "data-ilife-window-today";
+/** 最近一次派发出去的窗口（`from|to`）：同一个窗口不重复派发（改日期时 `input` 与 `change` 都会来）。 */
+export declare const WINDOW_LAST_ATTR = "data-ilife-window-last";
+export declare const WINDOW_LOADING_ATTR = "data-ilife-window-loading";
+export declare const WINDOW_DISABLED_ATTR = "data-ilife-window-disabled";
+export declare const WINDOW_INVALID_ATTR = "data-ilife-window-invalid";
+/** 窗口档（今日／本周／自定义…）：值＝该档的 `value`；`aria-pressed` 表达当前档。 */
+export declare const WINDOW_PRESET_ATTR = "data-ilife-window-preset";
+/** 这一档有几天的机器面（运行时按它算起止；`custom` 档不带它）。 */
+export declare const WINDOW_PRESET_DAYS_ATTR = "data-ilife-window-preset-days";
+/** 起止两个日期输入。 */
+export declare const WINDOW_FROM_ATTR = "data-ilife-window-from";
+export declare const WINDOW_TO_ATTR = "data-ilife-window-to";
+/** 「共 N 天」里的 N（运行时按两个日期真算）。 */
+export declare const WINDOW_DAYS_ATTR = "data-ilife-window-days";
+/** 状态行（`role="status"`；载入态原地换字）。 */
+export declare const WINDOW_STATUS_ATTR = "data-ilife-window-status";
+export declare const WINDOW_EMPTY_ATTR = "data-ilife-window-empty";
+export declare const WINDOW_ERROR_ATTR = "data-ilife-window-error";
+/** 窗口变化：`detail = { name, preset, from, to, days }`。 */
+export declare const WINDOW_EVENT_CHANGE = "ilife:window-change";
+/** 载入态开关（页面派发）：`detail = { name, on }`。 */
+export declare const WINDOW_EVENT_LOADING = "ilife:window-loading";
+/** `custom` 档的机器值（起止被手改时自动落到这一档；渲染期也用它找自定义档）。 */
+export declare const WINDOW_CUSTOM = "custom";
+export declare const WINDOW_DEFAULTS: Readonly<{
+    readonly label: "窗口";
+    readonly fromLabel: "窗口起始日";
+    readonly toLabel: "窗口结束日";
+    /** 起止之间的连接词（「至」）。 */
+    readonly tillText: "至";
+    /** 天数的写法（`{n}` 由运行时替换）。 */
+    readonly daysText: "共 {n} 天";
+    /** 缺省档：说得出口的窗口（「近 30 天」不是「本月」——起止天天在变，标签必须诚实）。 */
+    readonly presets: readonly (Readonly<{
+        value: "today";
+        label: "今日";
+        days: 1;
+    }> | Readonly<{
+        value: "week";
+        label: "本周";
+        days: 7;
+    }> | Readonly<{
+        value: "month";
+        label: "近 30 天";
+        days: 30;
+    }> | Readonly<{
+        value: "custom";
+        label: "自定义";
+    }>)[];
+    readonly loadingText: "正在换…";
+    /** 起止没定完时那句（空态）。 */
+    readonly emptyText: "窗口未定：先选一段";
+    /** 结束日早于起始日（错态）。 */
+    readonly badRangeText: "结束日早于起始日：窗口得从头到尾";
+    /** 日期读不出来（错态；`{date}` 由运行时替换成读到的那个值）。 */
+    readonly badDateText: "日期读不出来：起止必须是 YYYY-MM-DD（读到「{date}」）";
+    readonly unset: "—";
+}>;
+export interface WindowPresetInput {
+    /** 机器值（`aria-pressed` 的载荷；`custom` 是内置档，调用方不必再给）。 */
+    readonly value: string;
+    /** 上屏字。 */
+    readonly label: string;
+    /** 「最近 N 天（到今天）」：与 `from`／`to` 二选一。 */
+    readonly days?: number;
+    /** 固定起止（`YYYY-MM-DD`）：与 `days` 二选一。 */
+    readonly from?: string;
+    readonly to?: string;
+}
+export interface WindowPickerInput {
+    readonly form?: WindowPickerForm;
+    readonly name: string;
+    readonly label?: string;
+    /** 窗口档（缺省 `今日／本周／近 30 天／自定义`）。 */
+    readonly presets?: readonly WindowPresetInput[];
+    /** 初始档（必须是某一档的 `value`；缺省第一档）。 */
+    readonly preset?: string;
+    /** 初始起止（`YYYY-MM-DD`）；不给＝按初始档算。 */
+    readonly from?: string;
+    readonly to?: string;
+    /** 今天（`YYYY-MM-DD`）。给了就完全确定；不给＝用浏览器当天的日期。 */
+    readonly today?: string;
+    readonly loadingText?: string;
+    readonly error?: string;
+    readonly loading?: boolean;
+    readonly disabled?: boolean;
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

package/dist/components/window-picker/attrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.d.ts","sourceRoot":"","sources":["../../../src/components/window-picker/attrs.ts"],"names":[],"mappings":"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"}

package/dist/components/window-picker/attrs.js

@@ -0,0 +1,71 @@
+/** windowPicker · **标记契约**（渲染与运行时共用的唯一事实）。
+ *
+ *  形态：**A**（一行工具条：段 ＋ 起止 ＋ 天数）——`#950` 打分台账里三形态 A/B/C ＝ 4/4/4、4/4/4、2/2/2，
+ *  并列取先者 ⇒ A。A 的骨架＝「窗口档（今日／本周／…）摆在一行，紧跟着起止两个日期与「共 N 天」」。
+ *
+ *  为什么窗口必须显式写在页上：**窗口是一整页读数的口径**（同一批数换一窗就是另一批数）。
+ *  只留一个下拉、不显示起止，读的人分不出「本月」是从 1 号算还是从今天往前推 30 天。
+ */
+/** 本件的类名根。 */
+export const WINDOW_ROOT_CLASS = 'ilife-block-window-picker';
+/** 形态闭集。 */
+export const WINDOW_FORMS = ['A'];
+/* ── 根 ────────────────────────────────────────────────────────────── */
+/** 根：值＝机器键。运行时的发现锚。 */
+export const WINDOW_NAME_ATTR = 'data-ilife-window';
+export const WINDOW_FORM_ATTR = 'data-ilife-window-form';
+export const WINDOW_BOUND_ATTR = 'data-ilife-window-bound';
+export const WINDOW_RUNTIME_ATTR = 'data-ilife-window-runtime';
+/** 今天（`YYYY-MM-DD`）。**由页面给**：给了就是确定的，判据不必跟真实日期赛跑。 */
+export const WINDOW_TODAY_ATTR = 'data-ilife-window-today';
+/** 最近一次派发出去的窗口（`from|to`）：同一个窗口不重复派发（改日期时 `input` 与 `change` 都会来）。 */
+export const WINDOW_LAST_ATTR = 'data-ilife-window-last';
+export const WINDOW_LOADING_ATTR = 'data-ilife-window-loading';
+export const WINDOW_DISABLED_ATTR = 'data-ilife-window-disabled';
+export const WINDOW_INVALID_ATTR = 'data-ilife-window-invalid';
+/* ── 控件 ──────────────────────────────────────────────────────────── */
+/** 窗口档（今日／本周／自定义…）：值＝该档的 `value`；`aria-pressed` 表达当前档。 */
+export const WINDOW_PRESET_ATTR = 'data-ilife-window-preset';
+/** 这一档有几天的机器面（运行时按它算起止；`custom` 档不带它）。 */
+export const WINDOW_PRESET_DAYS_ATTR = 'data-ilife-window-preset-days';
+/** 起止两个日期输入。 */
+export const WINDOW_FROM_ATTR = 'data-ilife-window-from';
+export const WINDOW_TO_ATTR = 'data-ilife-window-to';
+/** 「共 N 天」里的 N（运行时按两个日期真算）。 */
+export const WINDOW_DAYS_ATTR = 'data-ilife-window-days';
+/** 状态行（`role="status"`；载入态原地换字）。 */
+export const WINDOW_STATUS_ATTR = 'data-ilife-window-status';
+export const WINDOW_EMPTY_ATTR = 'data-ilife-window-empty';
+export const WINDOW_ERROR_ATTR = 'data-ilife-window-error';
+/* ── 事件 ──────────────────────────────────────────────────────────── */
+/** 窗口变化：`detail = { name, preset, from, to, days }`。 */
+export const WINDOW_EVENT_CHANGE = 'ilife:window-change';
+/** 载入态开关（页面派发）：`detail = { name, on }`。 */
+export const WINDOW_EVENT_LOADING = 'ilife:window-loading';
+/** `custom` 档的机器值（起止被手改时自动落到这一档；渲染期也用它找自定义档）。 */
+export const WINDOW_CUSTOM = 'custom';
+export const WINDOW_DEFAULTS = Object.freeze({
+    label: '窗口',
+    fromLabel: '窗口起始日',
+    toLabel: '窗口结束日',
+    /** 起止之间的连接词（「至」）。 */
+    tillText: '至',
+    /** 天数的写法（`{n}` 由运行时替换）。 */
+    daysText: '共 {n} 天',
+    /** 缺省档：说得出口的窗口（「近 30 天」不是「本月」——起止天天在变，标签必须诚实）。 */
+    presets: Object.freeze([
+        Object.freeze({ value: 'today', label: '今日', days: 1 }),
+        Object.freeze({ value: 'week', label: '本周', days: 7 }),
+        Object.freeze({ value: 'month', label: '近 30 天', days: 30 }),
+        Object.freeze({ value: WINDOW_CUSTOM, label: '自定义' }),
+    ]),
+    loadingText: '正在换…',
+    /** 起止没定完时那句（空态）。 */
+    emptyText: '窗口未定：先选一段',
+    /** 结束日早于起始日（错态）。 */
+    badRangeText: '结束日早于起始日：窗口得从头到尾',
+    /** 日期读不出来（错态；`{date}` 由运行时替换成读到的那个值）。 */
+    badDateText: '日期读不出来：起止必须是 YYYY-MM-DD（读到「{date}」）',
+    unset: '—',
+});
+//# sourceMappingURL=attrs.js.map

package/dist/components/window-picker/attrs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attrs.js","sourceRoot":"","sources":["../../../src/components/window-picker/attrs.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,cAAc;AACd,MAAM,CAAC,MAAM,iBAAiB,GAAG,2BAA2B,CAAC;AAE7D,YAAY;AACZ,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,GAAG,CAAU,CAAC;AAG3C,yEAAyE;AACzE,uBAAuB;AACvB,MAAM,CAAC,MAAM,gBAAgB,GAAG,mBAAmB,CAAC;AACpD,MAAM,CAAC,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;AACzD,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC;AAC3D,MAAM,CAAC,MAAM,mBAAmB,GAAG,2BAA2B,CAAC;AAC/D,qDAAqD;AACrD,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC;AAC3D,sEAAsE;AACtE,MAAM,CAAC,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;AACzD,MAAM,CAAC,MAAM,mBAAmB,GAAG,2BAA2B,CAAC;AAC/D,MAAM,CAAC,MAAM,oBAAoB,GAAG,4BAA4B,CAAC;AACjE,MAAM,CAAC,MAAM,mBAAmB,GAAG,2BAA2B,CAAC;AAE/D,wEAAwE;AACxE,0DAA0D;AAC1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,0BAA0B,CAAC;AAC7D,0CAA0C;AAC1C,MAAM,CAAC,MAAM,uBAAuB,GAAG,+BAA+B,CAAC;AACvE,gBAAgB;AAChB,MAAM,CAAC,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;AACzD,MAAM,CAAC,MAAM,cAAc,GAAG,sBAAsB,CAAC;AACrD,+BAA+B;AAC/B,MAAM,CAAC,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;AACzD,oCAAoC;AACpC,MAAM,CAAC,MAAM,kBAAkB,GAAG,0BAA0B,CAAC;AAC7D,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC;AAC3D,MAAM,CAAC,MAAM,iBAAiB,GAAG,yBAAyB,CAAC;AAE3D,wEAAwE;AACxE,wDAAwD;AACxD,MAAM,CAAC,MAAM,mBAAmB,GAAG,qBAAqB,CAAC;AACzD,2CAA2C;AAC3C,MAAM,CAAC,MAAM,oBAAoB,GAAG,sBAAsB,CAAC;AAE3D,iDAAiD;AACjD,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC;AAEtC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3C,KAAK,EAAE,IAAI;IACX,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,OAAO;IAChB,qBAAqB;IACrB,QAAQ,EAAE,GAAG;IACb,2BAA2B;IAC3B,QAAQ,EAAE,SAAS;IACnB,kDAAkD;IAClD,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC;QACrB,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;QACvD,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;QACtD,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC;QAC5D,MAAM,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;KACtD,CAAC;IACF,WAAW,EAAE,MAAM;IACnB,oBAAoB;IACpB,SAAS,EAAE,WAAW;IACtB,oBAAoB;IACpB,YAAY,EAAE,kBAAkB;IAChC,yCAAyC;IACzC,WAAW,EAAE,qCAAqC;IAClD,KAAK,EAAE,GAAG;CACF,CAAC,CAAC"}

package/dist/components/window-picker/index.d.ts

@@ -0,0 +1,33 @@
+/** windowPicker · **组件出口**（该组件对外的唯一名字面）。
+ *
+ *  —— 窗口选择器（形态 A：一行工具条：段 ＋ 起止 ＋ 天数）——
+ *
+ *  一句话：**看哪一段**由页上的一行说得清清楚楚——档（今日／本周／近 30 天／自定义）＋
+ *  起止两个日期 ＋「共 N 天」；N 是按两个日期算出来的，起止被手改就自动落到「自定义」档。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 整页读数要按一段时间重算（六个技能的每一页都有这一件）→ 用它；
+ *   · 只是「起止两个日期」的输入（与页面读数无关）→ 用 `date-range`；
+ *   · 要「按属性取子集」→ 用 `filter-chips`；按词找 → `search-field`。
+ *
+ *  三件出口：
+ *   · `renderWindowPicker(input)` —— 产标记（纯函数，零 DOM；给了 `today` 或起止时窗口在渲染期就算好）；
+ *   · `windowPickerCss()` —— 该组件的样式段（住 `.<prefix>page-ui` 之下）；
+ *   · `buildWindowPickerJs()` —— 运行时（产出 JS 文本；DOM 只出现在文本里）。
+ *
+ *  页面怎么接自己的重算：
+ *  ```js
+ *  document.addEventListener('ilife:window-change', (e) => {
+ *    const { name, preset, from, to, days } = e.detail;   // days 是算出来的
+ *  });
+ *  ```
+ *  完整用法与参数表见同目录 `README.md`。
+ */
+export { WINDOW_BOUND_ATTR, WINDOW_CUSTOM, WINDOW_DAYS_ATTR, WINDOW_DEFAULTS, WINDOW_DISABLED_ATTR, WINDOW_EMPTY_ATTR, WINDOW_ERROR_ATTR, WINDOW_EVENT_CHANGE, WINDOW_EVENT_LOADING, WINDOW_FORM_ATTR, WINDOW_FORMS, WINDOW_FROM_ATTR, WINDOW_INVALID_ATTR, WINDOW_LAST_ATTR, WINDOW_LOADING_ATTR, WINDOW_NAME_ATTR, WINDOW_PRESET_ATTR, WINDOW_PRESET_DAYS_ATTR, WINDOW_ROOT_CLASS, WINDOW_RUNTIME_ATTR, WINDOW_STATUS_ATTR, WINDOW_TODAY_ATTR, WINDOW_TO_ATTR, } from './attrs.js';
+export type { WindowPickerForm, WindowPickerInput, WindowPresetInput } from './attrs.js';
+export { DAY_TEMPLATE, renderWindowPicker, windowErrorId } from './render.js';
+export { isoDayCount, normalizeWindowPicker, shiftIso } from './model.js';
+export type { WindowPickerModel, WindowPreset } from './model.js';
+export { windowPickerCss, WINDOW_DATE_BASIS_PX, WINDOW_DATE_MAX_PX, WINDOW_MAX_WIDTH_PX, WINDOW_TOUCH_MIN_PX, } from './style.js';
+export { buildWindowPickerJs } from './runtime.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/window-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/window-picker/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EACL,iBAAiB,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,oBAAoB,EACzF,iBAAiB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,gBAAgB,EACjG,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,mBAAmB,EAC1F,gBAAgB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,iBAAiB,EAChF,mBAAmB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,cAAc,GAC3E,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC1E,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAClE,OAAO,EACL,eAAe,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,mBAAmB,GACpG,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/window-picker/index.js

@@ -0,0 +1,31 @@
+/** windowPicker · **组件出口**（该组件对外的唯一名字面）。
+ *
+ *  —— 窗口选择器（形态 A：一行工具条：段 ＋ 起止 ＋ 天数）——
+ *
+ *  一句话：**看哪一段**由页上的一行说得清清楚楚——档（今日／本周／近 30 天／自定义）＋
+ *  起止两个日期 ＋「共 N 天」；N 是按两个日期算出来的，起止被手改就自动落到「自定义」档。
+ *
+ *  什么时候用它（对照既有件想清楚再选）：
+ *   · 整页读数要按一段时间重算（六个技能的每一页都有这一件）→ 用它；
+ *   · 只是「起止两个日期」的输入（与页面读数无关）→ 用 `date-range`；
+ *   · 要「按属性取子集」→ 用 `filter-chips`；按词找 → `search-field`。
+ *
+ *  三件出口：
+ *   · `renderWindowPicker(input)` —— 产标记（纯函数，零 DOM；给了 `today` 或起止时窗口在渲染期就算好）；
+ *   · `windowPickerCss()` —— 该组件的样式段（住 `.<prefix>page-ui` 之下）；
+ *   · `buildWindowPickerJs()` —— 运行时（产出 JS 文本；DOM 只出现在文本里）。
+ *
+ *  页面怎么接自己的重算：
+ *  ```js
+ *  document.addEventListener('ilife:window-change', (e) => {
+ *    const { name, preset, from, to, days } = e.detail;   // days 是算出来的
+ *  });
+ *  ```
+ *  完整用法与参数表见同目录 `README.md`。
+ */
+export { WINDOW_BOUND_ATTR, WINDOW_CUSTOM, WINDOW_DAYS_ATTR, WINDOW_DEFAULTS, WINDOW_DISABLED_ATTR, WINDOW_EMPTY_ATTR, WINDOW_ERROR_ATTR, WINDOW_EVENT_CHANGE, WINDOW_EVENT_LOADING, WINDOW_FORM_ATTR, WINDOW_FORMS, WINDOW_FROM_ATTR, WINDOW_INVALID_ATTR, WINDOW_LAST_ATTR, WINDOW_LOADING_ATTR, WINDOW_NAME_ATTR, WINDOW_PRESET_ATTR, WINDOW_PRESET_DAYS_ATTR, WINDOW_ROOT_CLASS, WINDOW_RUNTIME_ATTR, WINDOW_STATUS_ATTR, WINDOW_TODAY_ATTR, WINDOW_TO_ATTR, } from './attrs.js';
+export { DAY_TEMPLATE, renderWindowPicker, windowErrorId } from './render.js';
+export { isoDayCount, normalizeWindowPicker, shiftIso } from './model.js';
+export { windowPickerCss, WINDOW_DATE_BASIS_PX, WINDOW_DATE_MAX_PX, WINDOW_MAX_WIDTH_PX, WINDOW_TOUCH_MIN_PX, } from './style.js';
+export { buildWindowPickerJs } from './runtime.js';
+//# sourceMappingURL=index.js.map

package/dist/components/window-picker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/window-picker/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,OAAO,EACL,iBAAiB,EAAE,aAAa,EAAE,gBAAgB,EAAE,eAAe,EAAE,oBAAoB,EACzF,iBAAiB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,gBAAgB,EACjG,YAAY,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,mBAAmB,EAC1F,gBAAgB,EAAE,kBAAkB,EAAE,uBAAuB,EAAE,iBAAiB,EAChF,mBAAmB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,cAAc,GAC3E,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE1E,OAAO,EACL,eAAe,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,mBAAmB,GACpG,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/window-picker/model.d.ts

@@ -0,0 +1,33 @@
+import type { WindowPickerForm } from './attrs.js';
+export interface WindowPreset {
+    readonly value: string;
+    readonly label: string;
+    /** 「最近 N 天（到今天）」的 N；固定起止时为 `undefined`。 */
+    readonly days: number | undefined;
+    readonly from: string | undefined;
+    readonly to: string | undefined;
+}
+export interface WindowPickerModel {
+    readonly form: WindowPickerForm;
+    readonly name: string;
+    readonly label: string;
+    readonly presets: readonly WindowPreset[];
+    readonly preset: string;
+    readonly from: string | undefined;
+    readonly to: string | undefined;
+    readonly today: string | undefined;
+    readonly loadingText: string;
+    readonly error: string | undefined;
+    readonly loading: boolean;
+    readonly disabled: boolean;
+    readonly extraClass: string | undefined;
+}
+/** ISO 日期（`YYYY-MM-DD`）且**真实存在**。 */
+export declare function isIsoDate(v: string): boolean;
+/** ISO 日期 ± N 天（返回 ISO；只做整日加减，UTC 计算，不受时区与夏令时影响）。 */
+export declare function shiftIso(iso: string, days: number): string;
+/** 两个 ISO 日期之间的**含头含尾**天数（今天到今天 ＝ 1 天）。 */
+export declare function isoDayCount(from: string, to: string): number;
+/** 归一 ＋ 校验。 */
+export declare function normalizeWindowPicker(raw: unknown): WindowPickerModel;
+//# sourceMappingURL=model.d.ts.map