base-paint 0.3.14 → 0.3.16

package/dist/components/dialog/style.js

@@ -0,0 +1,134 @@
+/** dialog · **样式段**（本件唯一的样式来源）。
+ *
+ *  三条纪律：
+ *   1. 皮肤只经 `skinVar()` 读（**不手写 `var(--ilife-…)`**）；一条 `:root` 都不写、一条 `!important` 都不用、
+ *      不定义新 token 名——判据按这三条扫全文。
+ *   2. scope 在 `.<prefix>page-ui` 之下：不开 pageUi 的页零命中（加法式），也**不碰别人的类名**。
+ *   3. **层次不靠投影**：小票纸与大字报刊两套皮肤是零阴影皮肤，浮面若靠 `--shadow` 立起来，一换皮就塌。
+ *      本件一条 `box-shadow` 都不写，层次的第二手段是三样**与皮肤无关**的东西：
+ *        · **粗边**：2px（页内细线是 1px 的发丝线，粗一档就读得出「这是浮面」）；
+ *        · **外圈晕**：`outline: 3px`（零模糊，不是投影；`outline` 跟 `border-radius` 走）；
+ *        · **遮罩更暗**：`::backdrop` 拿 `ink` 算 46% 压暗（顶层 ＋ 压暗一起读作「下面那层进不去」）。
+ *
+ *  几何契约（写在常量里也钉在判据里）：
+ *   · 窄档**不贴边**：面板宽 `min(344px, 100% - 32px)` ⇒ 390 档左右各留 23px、360 档各留 16px；
+ *   · 高过视口**内部滚**：面板是 flex 竖列，正文那一格 `flex:1 1 auto; min-height:0; overflow:auto`，
+ *     动作条 `flex:0 0 auto` ⇒ 正文滚、动作条始终看得见；
+ *   · 命中区 **≥44×44**（`DIALOG_MIN_HEIGHT_PX`，全宽口径，不只窄屏）。
+ */
+import { skinVar } from '../skin/index.js';
+import { DIALOG_EDGE_PX, DIALOG_MAX_WIDTH_PX, DIALOG_MIN_HEIGHT_PX, DIALOG_STATUS_ATTR, dialogClass, dialogOpenerClass, dialogSlot, } from './attrs.js';
+/** 前缀归一（缺省 `ilife-`；与本层其余件同一条口径）。 */
+function prefixOf(input) {
+    return input !== undefined && input !== null
+        && typeof input.prefix === 'string' && input.prefix !== '' ? input.prefix : 'ilife-';
+}
+/** 浮面的**硬边**：比发丝线深一档的裁切边（零阴影皮肤下「这是浮面」的第一手段）。 */
+export function dialogEdgeMix() {
+    return 'color-mix(in srgb, ' + skinVar('ink') + ' 30%, ' + skinVar('line') + ')';
+}
+/** 浮面的**外圈晕**：零模糊的 `outline`（第二手段；不是投影）。 */
+export function dialogHaloMix() {
+    return 'color-mix(in srgb, ' + skinVar('ink') + ' 9%, transparent)';
+}
+/** **遮罩**：拿 `ink` 算出来的压暗（第三手段；不写死黑）。 */
+export function dialogScrimMix() {
+    return 'color-mix(in srgb, ' + skinVar('ink') + ' 46%, transparent)';
+}
+/** 本组件的样式段（调用方拼进 `<style>`；`dialogCss()` 是它唯一的对外名）。 */
+export function dialogCss(input) {
+    const p = prefixOf(input);
+    const root = '.' + p + 'page-ui';
+    const panel = root + ' dialog.' + dialogClass(p);
+    const slot = (name) => '.' + dialogSlot(name, p);
+    const opener = '.' + dialogOpenerClass(p);
+    const edge = dialogEdgeMix();
+    const min = String(DIALOG_MIN_HEIGHT_PX) + 'px';
+    const gap = String(DIALOG_EDGE_PX * 2) + 'px';
+    return [
+        '/* dialog（对话框 · 形态 A 确认型）：真 <dialog> ＋ showModal()——遮罩、焦点锁、Esc、顶层都是浏览器给的。 */',
+        '/* 层次：粗边 ＋ 外圈晕 ＋ 更暗遮罩（本件零 box-shadow ⇒ 零阴影的两套皮肤下也立得住）。 */',
+        panel + '{box-sizing:border-box;',
+        '  width:min(' + DIALOG_MAX_WIDTH_PX + 'px, calc(100% - ' + gap + '));',
+        '  max-width:calc(100% - ' + gap + ');',
+        /* 两条 max-height：`%` 是给「还认不得 dvh」的兜底，认得的走下面那条（手机上不被地址栏吃掉半屏）。 */
+        '  max-height:calc(100% - ' + gap + ');',
+        '  max-height:calc(100dvh - ' + gap + ');',
+        '  margin:auto;padding:0;overflow:hidden;',
+        '  border:2px solid ' + edge + ';',
+        '  border-radius:' + skinVar('radius') + ';',
+        '  outline:3px solid ' + dialogHaloMix() + ';',
+        '  background:' + skinVar('surface') + ';color:' + skinVar('ink') + ';',
+        '  font:400 ' + skinVar('fs-body') + '/1.5 ' + skinVar('font') + '}',
+        /* 关着的一律不显示（`open` 的显隐由原生属性决定，这里只把开着的排成竖列）。 */
+        panel + ':not([open]){display:none}',
+        panel + '[open]{display:flex;flex-direction:column}',
+        panel + ':focus-visible{outline:2px solid ' + skinVar('accent') + ';outline-offset:-4px}',
+        panel + '::backdrop{background:' + dialogScrimMix() + '}',
+        /* 头部（不滚） */
+        root + ' ' + slot('head') + '{flex:0 0 auto;display:flex;gap:12px;padding:18px 18px 0}',
+        root + ' ' + slot('headtext') + '{min-width:0}',
+        root + ' ' + slot('icon') + '{flex:0 0 auto;display:grid;place-items:center;width:34px;height:34px;',
+        '  border-radius:' + skinVar('radius-pill') + ';background:' + skinVar('warn-soft') + ';color:' + skinVar('warn') + '}',
+        panel + '.tone-danger ' + slot('icon') + '{background:' + skinVar('danger-soft') + ';color:' + skinVar('danger') + '}',
+        root + ' ' + slot('title') + '{margin:0;font-size:' + skinVar('fs-h3') + ';font-weight:700;line-height:1.4;',
+        '  overflow-wrap:anywhere}',
+        root + ' ' + slot('sub') + '{display:block;margin-top:3px;color:' + skinVar('ink-2') + ';',
+        '  font-size:' + skinVar('fs-xs') + ';line-height:1.5;overflow-wrap:anywhere}',
+        /* 正文（滚的是它） */
+        root + ' ' + slot('body') + '{flex:1 1 auto;min-height:0;overflow:auto;padding:10px 18px 0;',
+        '  color:' + skinVar('ink-2') + ';font-size:' + skinVar('fs-sm') + ';line-height:1.6;overflow-wrap:anywhere}',
+        root + ' ' + slot('body') + ' p{margin:0 0 8px}',
+        root + ' ' + slot('body') + ' p:last-child{margin-bottom:0}',
+        /* 状态行：写在动作条上方（不只染色；形状符号由标记给） */
+        root + ' ' + slot('status') + '{flex:0 0 auto;margin:0;padding:12px 18px 0;color:' + skinVar('danger') + ';',
+        '  font-size:' + skinVar('fs-xs') + ';line-height:1.5;overflow-wrap:anywhere}',
+        root + ' ' + slot('status') + ' b{margin-right:4px}',
+        root + ' ' + slot('status') + '[' + DIALOG_STATUS_ATTR + '="busy"]{color:' + skinVar('ink-2') + '}',
+        root + ' ' + slot('note') + '{flex:0 0 auto;margin:0;padding:12px 18px 0;color:' + skinVar('ink-2') + ';',
+        '  font-size:' + skinVar('fs-xs') + ';line-height:1.5;overflow-wrap:anywhere}',
+        /* 动作条（不滚）＋ 动作键（≥44×44） */
+        root + ' ' + slot('foot') + '{flex:0 0 auto;display:flex;gap:8px;padding:16px 18px 18px}',
+        root + ' ' + slot('act') + '{flex:1 1 0;min-width:' + min + ';min-height:' + min + ';box-sizing:border-box;',
+        '  padding:7px 14px;border:2px solid ' + edge + ';border-radius:' + skinVar('radius-sm') + ';',
+        '  background:' + skinVar('surface') + ';color:' + skinVar('ink') + ';',
+        '  font:600 ' + skinVar('fs-sm') + '/1.15 ' + skinVar('font') + ';cursor:pointer;overflow-wrap:anywhere}',
+        /* 主动作（实底）：底取 **`accent-text`**（同族深一档）而不是 `accent`——小字压强调底要走仓内
+           #179 的口径（`--blue` 4.02:1 不到 AA 的 4.5:1，`--blue2` 起才够），这条口径在 `blocks.ts` 里
+           逐处写着。破坏性档换 `danger`（压 `accent-ink` 7.7:1）。 */
+        root + ' ' + slot('act') + ':last-child{background:' + skinVar('accent-text') + ';',
+        '  border-color:' + skinVar('accent-text') + ';color:' + skinVar('accent-ink') + '}',
+        panel + '.tone-danger ' + slot('foot') + ' ' + slot('act') + ':last-child{background:' + skinVar('danger') + ';',
+        '  border-color:' + skinVar('danger') + '}',
+        root + ' ' + slot('act') + ':active{transform:scale(.98);transition:transform 60ms linear}',
+        root + ' ' + slot('act') + ':focus-visible{outline:2px solid ' + skinVar('accent') + ';outline-offset:2px}',
+        root + ' ' + slot('act') + ':last-child:focus-visible{outline-color:' + skinVar('ink') + '}',
+        root + ' ' + slot('act') + '[disabled]{cursor:not-allowed;background:' + skinVar('surface-2') + ';',
+        '  border-color:' + skinVar('line') + ';color:' + skinVar('ink-2') + '}',
+        /* loading：原地换字（宽度由 flex 定住 ⇒ 不跳版）；转圈归调用方，组件只声明「正在写」这一档 */
+        root + ' ' + slot('act') + '[aria-busy="true"]{cursor:progress}',
+        '@media (hover:hover) and (pointer:fine){',
+        '  ' + root + ' ' + slot('act') + ':hover{border-color:' + skinVar('accent') + '}',
+        '  ' + root + ' ' + slot('act') + ':last-child:hover{border-color:' + skinVar('ink') + '}',
+        '  ' + root + ' ' + slot('act') + '[disabled]:hover{border-color:' + skinVar('line') + '}',
+        '}',
+        '@media (prefers-reduced-motion: reduce){',
+        '  ' + root + ' ' + slot('act') + ':active{transform:none;transition:none}',
+        '}',
+        /* 触发键（页面正文里那一枚；焦点归还回路的另一头） */
+        root + ' ' + opener + '{display:inline-flex;align-items:center;justify-content:center;min-height:' + min + ';',
+        '  padding:0 16px;box-sizing:border-box;border:2px solid ' + edge + ';',
+        '  border-radius:' + skinVar('radius-sm') + ';background:' + skinVar('surface') + ';',
+        '  color:' + skinVar('accent-text') + ';font:600 ' + skinVar('fs-sm') + '/1.15 ' + skinVar('font') + ';',
+        '  cursor:pointer;overflow-wrap:anywhere}',
+        root + ' ' + opener + ':active{transform:scale(.98);transition:transform 60ms linear}',
+        root + ' ' + opener + ':focus-visible{outline:2px solid ' + skinVar('accent') + ';outline-offset:2px}',
+        '@media (hover:hover) and (pointer:fine){',
+        '  ' + root + ' ' + opener + ':hover{border-color:' + skinVar('accent') + '}',
+        '}',
+        '@media (prefers-reduced-motion: reduce){',
+        '  ' + root + ' ' + opener + ':active{transform:none;transition:none}',
+        '}',
+    ].join('\n');
+}
+//# sourceMappingURL=style.js.map

package/dist/components/dialog/style.js.map

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

package/dist/components/drag-sort/attrs.d.ts

@@ -0,0 +1,182 @@
+/** drag-sort · **标记契约**（渲染与运行时共用的唯一事实：类名／槽位／`data-*`／事件名／闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/新件/parts-交互与流程.mjs` 第 83 件，2026-09 用户裁定）
+ *  的**两档骨架**：
+ *   · `lift`「拖拽中：拖起行 ＋ 原位空槽 ＋ 落点粗线」——清单里一行被拿起时，三样东西同时在屏上：
+ *     拿起的那一行自己站起来、原位留一个虚线空槽、落点画一条粗线并写出第几位；
+ *   · `buttons`「按钮排序：选中一行，用两半控件挪位」——选中行自己站起来（投影＋强调描边），
+ *     行尾一颗**两半控件**（「上移」｜「下移」，各 58×44）点哪半边就哪半边生效，落点那一位上停一条
+ *     **贯穿行宽的虚线预告**。拖拽那条路两档都在（按钮**不是**唯一通路）。
+ *
+ *  形态键写在 `DRAG_SORT_FORMS` 闭集里：档键取**骨架的名字**（`lift`＝拿起态／`buttons`＝按钮排序），
+ *  原型墙上的格号（A／B）不是接口名（同批 `spread-dist` 的 `range`／`quantile` 同此口径）。
+ *  闭集外的值一律 `badInput`（不静默降级：降级会让调用方以为自己拿到了另一种骨架）。
+ *  **闭集顺序是契约**：第一格 `lift` 是已落地那一档，只许往后加（它的标记逐字节不变）。
+ *
+ *  **触屏地板**（触屏优先法条）：把手是 44×44 的真按钮、两半控件的半边是 58×44 的真按钮；
+ *  「按住拖」**不是**唯一通路——点一下把手拿起、再点另一行放下（按钮档：再用两半控件挪位），
+ *  手机上同一套标记走得通；`:focus-visible` 留给真实键盘用户。
+ *  序号与名称**永不截断**（样式段里没有省略手段）；位置读数每行都写。
+ *
+ *  **一屏只留一层话**（2026-09 用户口径：原型上的旁白与口径句不许搬进屏面）：按钮档**不画空槽、
+ *  不写状态句、不搬原型的旁白**——总数只说一处（卡头那句）、同一个数每行只印一次（只有位置读数那一处），
+ *  落点那句话就是那枚虚线预告自己（它同时是 `role="status"` 的活读数）。
+ */
+/** 本件的类名根：全部槽位类名都是 `DRAG_SORT_CLASS + '-' + 槽名`。 */
+export declare const DRAG_SORT_CLASS = "ilife-block-drag-sort";
+/** 槽位闭集（标记契约的一部分：`render.ts`／`style.ts`／`runtime.ts` 与判据都用这里的名字拼类名）。 */
+export declare const DRAG_SORT_SLOTS: readonly ["hd", "title", "hint", "list", "row", "handle", "index", "text", "name", "note", "why", "meta", "pos", "slot", "drop", "status", "cancel", "move", "move-up", "move-down"];
+export type DragSortSlot = (typeof DRAG_SORT_SLOTS)[number];
+/** 槽类的类名（唯一拼法：别处不许再写 `DRAG_SORT_CLASS + '-' + …`）。 */
+export declare function dragSortSlot(slot: DragSortSlot, prefix?: string): string;
+/** 形态闭集：**两档**，键名取骨架的名字。
+ *  · `lift`＝旧档（已落地那一档，键**不许改**、标记逐字节不变）：拖起行 ＋ 原位空槽 ＋ 落点粗线；
+ *  · `buttons`＝新档：选中行站起來 ＋ 两半控件（上移／下移）＋ 贯穿行宽的虚线落点预告。
+ *  **顺序是契约**：第一格是旧档，加档只许往后加。 */
+export declare const DRAG_SORT_FORMS: readonly ["lift", "buttons"];
+export type DragSortForm = (typeof DRAG_SORT_FORMS)[number];
+/** 根（值＝清单 `id`）。 */
+export declare const DRAG_SORT_ATTR = "data-ilife-drag-sort";
+/** 行区（值＝清单 `id`）。 */
+export declare const DRAG_SORT_LIST_ATTR = "data-ilife-drag-list";
+/** 一行（值＝这一行的机器键）。 */
+export declare const DRAG_SORT_KEY_ATTR = "data-ilife-drag-key";
+/** 把手（值＝这一行的机器键；运行时按它认「点的是哪一行」）。 */
+export declare const DRAG_SORT_HANDLE_ATTR = "data-ilife-drag-handle";
+/** 原位空槽（值＝被拿起那一行的机器键）。 */
+export declare const DRAG_SORT_SLOT_ATTR = "data-ilife-drag-slot";
+/** 落点粗线（值＝将要放到的位，1 起）。 */
+export declare const DRAG_SORT_LINE_ATTR = "data-ilife-drag-line";
+/** 状态句（值＝清单 `id`）。 */
+export declare const DRAG_SORT_STATUS_ATTR = "data-ilife-drag-status";
+/** 取消键（值＝清单 `id`）。 */
+export declare const DRAG_SORT_CANCEL_ATTR = "data-ilife-drag-cancel";
+/** 拿起态（挂在根上；值＝被拿起那一行的机器键）。 */
+export declare const DRAG_SORT_LIFT_ATTR = "data-ilife-drag-lift";
+/** 落点位（挂在根上；值＝将要放到的位，1 起）。 */
+export declare const DRAG_SORT_AT_ATTR = "data-ilife-drag-at";
+/** 形态读数（**只有 `buttons` 档写**；值＝形态键）。
+ *  为什么只在新档写：旧档的标记是已落地的契约（判据逐字节断），形态读数不给它多加一个字节。 */
+export declare const DRAG_SORT_FORM_ATTR = "data-ilife-drag-form";
+/** 两半控件的一半（值＝`up`／`down`；运行时按它认「点的是哪半边」）。 */
+export declare const DRAG_SORT_MOVE_ATTR = "data-ilife-drag-move";
+/** 两半控件里「上移」那半边的值（与 `DRAG_SORT_MOVE_ATTR` 配对使）。 */
+export declare const DRAG_SORT_MOVE_UP = "up";
+/** 两半控件里「下移」那半边的值。 */
+export declare const DRAG_SORT_MOVE_DOWN = "down";
+/** 两半控件那两半的值的闭集。 */
+export type DragSortMove = typeof DRAG_SORT_MOVE_UP | typeof DRAG_SORT_MOVE_DOWN;
+/** 记账：这份清单已被运行时段接管（幂等读数，不是开关）。 */
+export declare const DRAG_SORT_BOUND_ATTR = "data-ilife-drag-bound";
+/** 幂等开关：挂在 `<html>` 上（重复注入只绑一次）。 */
+export declare const DRAG_SORT_RUNTIME_ATTR = "data-ilife-drag-runtime";
+/** 拿起一行：`detail={id,key,from}`（from＝拿起前第几位，1 起）。 */
+export declare const DRAG_SORT_EVENT_PICK = "ilife:drag-sort-pick";
+/** 放下一行：`detail={id,keys,from,to}`（keys＝放下后的全序机器键；from／to 都是 1 起的位）。 */
+export declare const DRAG_SORT_EVENT_DROP = "ilife:drag-sort-drop";
+/** 取消拿起：`detail={id,key}`（顺序原样不动）。 */
+export declare const DRAG_SORT_EVENT_CANCEL = "ilife:drag-sort-cancel";
+/** 触控地板：把手与取消键的命中盒不小于这个数（px）。 */
+export declare const DRAG_SORT_TOUCH_PX = 44;
+/** 两半控件每半边的宽下限（px）：`buttons` 档「上移」「下移」各 58×44。 */
+export declare const DRAG_SORT_MOVE_MIN_PX = 58;
+/** 行高下限（px）：整行比地板再宽裕一档。 */
+export declare const DRAG_SORT_ROW_MIN_PX = 56;
+/** 相邻触控目标的缝（px）：行与行之间。 */
+export declare const DRAG_SORT_GAP_PX = 8;
+/** 本件自己的**容器**名（`@container` 按它命中，不会跟别件的容器串味）。 */
+export declare const DRAG_SORT_CONTAINER = "ilife-drag-sort";
+/** 窄档断点（px）：**本件自己**窄于它就把右端读数折到下一行。这是容器断点，不是视口断点。 */
+export declare const DRAG_SORT_NARROW_PX = 480;
+/** 悬停只许是增强：这一段能力查询**样式段与运行时读同一个串**的样式半边（运行时不抢焦点，不读它）。 */
+export declare const DRAG_SORT_HOVER_QUERY = "(hover: hover) and (pointer: fine)";
+/** 行数下限（条）：1 条谈不上排序。 */
+export declare const DRAG_SORT_MIN_ITEMS = 2;
+/** 行数上限（条）：再多请调用方先分组（那是调用方的活，不是本件的活）。 */
+export declare const DRAG_SORT_MAX_ITEMS = 30;
+/** 文案段（**整句定义地**：渲染期与运行时段读的就是这一份）。 */
+export declare const DRAG_SORT_TEXT: Readonly<{
+    /** 卡头右端那句拿法：只说看得见的通路（不提长按／双击／方向键那一路）。 */
+    readonly hint: "点把手拿起一行。放下时点另一行。";
+    /** 取消键上的字。 */
+    readonly cancel: "取消放回";
+    /** 锁定前缀（原因写在名称格那一位）。 */
+    readonly lockedPrefix: "不可移：";
+    /** plain 态的状态句：`{n}`＝共几步。 */
+    readonly idleStatus: "共 {n} 步。点把手拿起一行。放下时点另一行。";
+    /** lifted 态的状态句：`{from}`／`{to}`＝第几位（1 起），`{label}`＝被拿起那一行的名称。 */
+    readonly liftStatus: "已拿起第 {from} 步「{label}」，将放到第 {to} 位。点另一行放下，或点取消放回原位。";
+    /** 空槽句：写出哪一步空着、被拿起的是谁。 */
+    readonly slotText: "第 {from} 步原位空着，被拿起的是{label}";
+    /** 落点句：写出放第几位。 */
+    readonly lineText: "放这里（第 {to} 位）";
+    /** 可拿起那两行的把手名：`{p}`＝第几位，`{label}`＝名称。 */
+    readonly gripPick: "拿起第 {p} 步：{label}";
+    /** 已拿起那一行的把手名（再点＝放回原位）。 */
+    readonly gripLift: "已拿起第 {p} 步：{label}，再点放回原位";
+    /** 锁定那一行的把手名：`{p}`＝第几位，`{why}`＝锁定原因。 */
+    readonly gripLock: "第 {p} 步不可移，{why}";
+    /** 卡头那句拿法（`buttons` 档的缺省）：总数只在这一处说。 */
+    readonly buttonsHint: "共 {n} 步。点一行选中，再点「上移」或「下移」。";
+    /** 每行的位置读数：只印自己那一位（总数在卡头那句里说过一次）。 */
+    readonly posOne: "第 {p} 位";
+    /** 虚线落点预告那一句：写出会落到第几位（`{to}`＝1 起的位）。 */
+    readonly previewText: "落到第 {to} 位";
+    /** 两半控件「上移」半边上的两个字。 */
+    readonly moveUp: "上移";
+    /** 两半控件「下移」半边上的两个字。 */
+    readonly moveDown: "下移";
+    /** 「上移」半边的无障碍名：`{label}`＝这一行的名称。 */
+    readonly moveUpName: "上移：{label}";
+    /** 「下移」半边的无障碍名。 */
+    readonly moveDownName: "下移：{label}";
+    /** `buttons` 档的把手名：点它＝选中这一行。 */
+    readonly gripSelect: "选中第 {p} 步：{label}";
+    /** `buttons` 档已选中那一行的把手名（再点＝取消选中）。 */
+    readonly gripSelected: "已选中第 {p} 步：{label}，再点取消";
+}>;
+/** 文案段里占位符的值：字符串原样、数走十进制（渲染期与产出的 JS 用同一个口径）。 */
+export type DragSortTextValue = string | number;
+/** 取那一句整句文本（占位符 `{名}` 会被 `values` 里的值替换）。
+ *
+ *  **`runtime.ts` 读的也是这一个函数**：它把「函数怎么写」烘成产出的 JS（逐段来自同一句模板），
+ *  渲染期与运行时段于是**同源同形**——不是两处各写一句。 */
+export declare function dragSortText(key: keyof typeof DRAG_SORT_TEXT, values?: Readonly<Record<string, DragSortTextValue>>): string;
+/** 清单里的一行：一步／一项，顺序就是屏上的顺序。 */
+export interface DragSortItem {
+    /** 机器键（事件 `detail` 原样送出）。**非空、清单内唯一**。 */
+    readonly key: string;
+    /** 名称（如「五花肉切 3 cm 方块」）。**非空；永不截断**，长了换行。 */
+    readonly label: string;
+    /** 副语（一行一句人话，如「约 5 分钟，主料」）。 */
+    readonly note?: string;
+    /** 右端读数（如「5 分」，已经是给人看的样子）。 */
+    readonly meta?: string;
+    /** 锁定时这一行拿不起来（把手 `disabled`）。**必须同时给 `why`**。 */
+    readonly locked?: boolean;
+    /** 锁定的原因（一行一句人话，写在名称格那一位）。`locked` 为真时必填。 */
+    readonly why?: string;
+}
+/** 拖拽排序清单入参。`id`／`title`／`items` 三样必填。 */
+export interface DragSortInput {
+    /** 清单 `id`（同页唯一；事件 `detail.id` 就是它）。**只许标识符字符**。 */
+    readonly id: string;
+    /** 卡头标题（如「做菜步骤」）。 */
+    readonly title: string;
+    /** 卡头右端那句拿法（缺省见 `DRAG_SORT_TEXT.hint`／`buttonsHint`：两档各一句）。空串＝未给。 */
+    readonly hint?: string;
+    /** 清单各行（**2–30 行**，顺序就是屏上的顺序）。 */
+    readonly items: readonly DragSortItem[];
+    /** 拿着的那一行：`lift` 档＝被**拿起**的、`buttons` 档＝被**选中**的（都须命中一行没锁定的）。
+     *  不给＝谁也没拿着（两档各自的 plain 态）。 */
+    readonly liftedKey?: string;
+    /** 落点位（1 起，≤行数）。`lift` 档：缺省＝被拿起的那一位。**`buttons` 档不许给**——那一档的落点
+     *  是**算出来的**（选中行能不能再往上挪：能就预告上移的落点，到头了就预告下移的落点）。
+     *  **不给 `liftedKey` 时不许给**。 */
+    readonly dropAt?: number;
+    /** 形态键（闭集，缺省 `lift`；`buttons` 是按钮排序那一档）。 */
+    readonly form?: DragSortForm;
+    /** 附加类名（空格分隔；逐个过类名正则）。 */
+    readonly extraClass?: string;
+}
+//# sourceMappingURL=attrs.d.ts.map

package/dist/components/drag-sort/attrs.d.ts.map

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

package/dist/components/drag-sort/attrs.js

@@ -0,0 +1,204 @@
+/** drag-sort · **标记契约**（渲染与运行时共用的唯一事实：类名／槽位／`data-*`／事件名／闭集／入参类型）。
+ *
+ *  这一件落地的是原型墙（`.scratch/ui-组件墙/新件/parts-交互与流程.mjs` 第 83 件，2026-09 用户裁定）
+ *  的**两档骨架**：
+ *   · `lift`「拖拽中：拖起行 ＋ 原位空槽 ＋ 落点粗线」——清单里一行被拿起时，三样东西同时在屏上：
+ *     拿起的那一行自己站起来、原位留一个虚线空槽、落点画一条粗线并写出第几位；
+ *   · `buttons`「按钮排序：选中一行，用两半控件挪位」——选中行自己站起来（投影＋强调描边），
+ *     行尾一颗**两半控件**（「上移」｜「下移」，各 58×44）点哪半边就哪半边生效，落点那一位上停一条
+ *     **贯穿行宽的虚线预告**。拖拽那条路两档都在（按钮**不是**唯一通路）。
+ *
+ *  形态键写在 `DRAG_SORT_FORMS` 闭集里：档键取**骨架的名字**（`lift`＝拿起态／`buttons`＝按钮排序），
+ *  原型墙上的格号（A／B）不是接口名（同批 `spread-dist` 的 `range`／`quantile` 同此口径）。
+ *  闭集外的值一律 `badInput`（不静默降级：降级会让调用方以为自己拿到了另一种骨架）。
+ *  **闭集顺序是契约**：第一格 `lift` 是已落地那一档，只许往后加（它的标记逐字节不变）。
+ *
+ *  **触屏地板**（触屏优先法条）：把手是 44×44 的真按钮、两半控件的半边是 58×44 的真按钮；
+ *  「按住拖」**不是**唯一通路——点一下把手拿起、再点另一行放下（按钮档：再用两半控件挪位），
+ *  手机上同一套标记走得通；`:focus-visible` 留给真实键盘用户。
+ *  序号与名称**永不截断**（样式段里没有省略手段）；位置读数每行都写。
+ *
+ *  **一屏只留一层话**（2026-09 用户口径：原型上的旁白与口径句不许搬进屏面）：按钮档**不画空槽、
+ *  不写状态句、不搬原型的旁白**——总数只说一处（卡头那句）、同一个数每行只印一次（只有位置读数那一处），
+ *  落点那句话就是那枚虚线预告自己（它同时是 `role="status"` 的活读数）。
+ */
+/** 本件的类名根：全部槽位类名都是 `DRAG_SORT_CLASS + '-' + 槽名`。 */
+export const DRAG_SORT_CLASS = 'ilife-block-drag-sort';
+/** 槽位闭集（标记契约的一部分：`render.ts`／`style.ts`／`runtime.ts` 与判据都用这里的名字拼类名）。 */
+export const DRAG_SORT_SLOTS = [
+    /** 卡头那一排：标题 ＋ 右端那句拿法说明。 */
+    'hd',
+    /** 卡头标题（如「做菜步骤」）。 */
+    'title',
+    /** 卡头右端那句拿法（点把手拿起一行。放下时点另一行。） */
+    'hint',
+    /** 行区（一行接一行，行间 8px 缝）。 */
+    'list',
+    /** 一行（把手 ＋ 序号 ＋ 名称格 ＋ 右端读数；拿起时挂 `is-up`，锁定时挂 `is-locked`）。 */
+    'row',
+    /** 拖起把手（44×44 的真按钮；拿起态挂 `aria-pressed="true"`，锁定时 `disabled`）。 */
+    'handle',
+    /** 序号（第几步那个数；**永不截断**）。 */
+    'index',
+    /** 名称格（名称 ＋ 副语 ＋ 锁定原因）。 */
+    'text',
+    /** 名称（如「五花肉切块」；**永不截断**，长了换行）。 */
+    'name',
+    /** 副语（一行一句人话，如「约 5 分钟，主料」）。 */
+    'note',
+    /** 锁定原因（只在 `locked` 的行出：写出来，不只染色）。 */
+    'why',
+    /** 右端读数（如「5 分」，已经是给人看的样子）。 */
+    'meta',
+    /** 位置读数（第 n／m 位；**永不截断**）。 */
+    'pos',
+    /** 原位空槽（拿起态才出：虚线框 ＋ 写出哪一步空着）。 */
+    'slot',
+    /** 落点粗线（拿起态才出：3px 实线 ＋ 写出放第几位）。 */
+    'drop',
+    /** 状态句（现在是 plain 还是 lifted 的真读数；`role="status"`）。 */
+    'status',
+    /** 取消放回（拿起态才露出来：看得见、点得到的按钮）。 */
+    'cancel',
+    /** 两半控件（`buttons` 档才有：一个外框两半，点哪半边就哪半边生效；只挂在被选中那一行上）。 */
+    'move',
+    /** 两半控件里的「上移」半边（58×44 的真按钮）。 */
+    'move-up',
+    /** 两半控件里的「下移」半边（58×44 的真按钮）。 */
+    'move-down',
+];
+/** 槽类的类名（唯一拼法：别处不许再写 `DRAG_SORT_CLASS + '-' + …`）。 */
+export function dragSortSlot(slot, prefix = 'ilife-') {
+    return prefix + 'block-drag-sort-' + slot;
+}
+/** 形态闭集：**两档**，键名取骨架的名字。
+ *  · `lift`＝旧档（已落地那一档，键**不许改**、标记逐字节不变）：拖起行 ＋ 原位空槽 ＋ 落点粗线；
+ *  · `buttons`＝新档：选中行站起來 ＋ 两半控件（上移／下移）＋ 贯穿行宽的虚线落点预告。
+ *  **顺序是契约**：第一格是旧档，加档只许往后加。 */
+export const DRAG_SORT_FORMS = ['lift', 'buttons'];
+/* ── `data-*` 名（渲染与运行时共用的发现锚） ───────────────────────── */
+/** 根（值＝清单 `id`）。 */
+export const DRAG_SORT_ATTR = 'data-ilife-drag-sort';
+/** 行区（值＝清单 `id`）。 */
+export const DRAG_SORT_LIST_ATTR = 'data-ilife-drag-list';
+/** 一行（值＝这一行的机器键）。 */
+export const DRAG_SORT_KEY_ATTR = 'data-ilife-drag-key';
+/** 把手（值＝这一行的机器键；运行时按它认「点的是哪一行」）。 */
+export const DRAG_SORT_HANDLE_ATTR = 'data-ilife-drag-handle';
+/** 原位空槽（值＝被拿起那一行的机器键）。 */
+export const DRAG_SORT_SLOT_ATTR = 'data-ilife-drag-slot';
+/** 落点粗线（值＝将要放到的位，1 起）。 */
+export const DRAG_SORT_LINE_ATTR = 'data-ilife-drag-line';
+/** 状态句（值＝清单 `id`）。 */
+export const DRAG_SORT_STATUS_ATTR = 'data-ilife-drag-status';
+/** 取消键（值＝清单 `id`）。 */
+export const DRAG_SORT_CANCEL_ATTR = 'data-ilife-drag-cancel';
+/** 拿起态（挂在根上；值＝被拿起那一行的机器键）。 */
+export const DRAG_SORT_LIFT_ATTR = 'data-ilife-drag-lift';
+/** 落点位（挂在根上；值＝将要放到的位，1 起）。 */
+export const DRAG_SORT_AT_ATTR = 'data-ilife-drag-at';
+/** 形态读数（**只有 `buttons` 档写**；值＝形态键）。
+ *  为什么只在新档写：旧档的标记是已落地的契约（判据逐字节断），形态读数不给它多加一个字节。 */
+export const DRAG_SORT_FORM_ATTR = 'data-ilife-drag-form';
+/** 两半控件的一半（值＝`up`／`down`；运行时按它认「点的是哪半边」）。 */
+export const DRAG_SORT_MOVE_ATTR = 'data-ilife-drag-move';
+/** 两半控件里「上移」那半边的值（与 `DRAG_SORT_MOVE_ATTR` 配对使）。 */
+export const DRAG_SORT_MOVE_UP = 'up';
+/** 两半控件里「下移」那半边的值。 */
+export const DRAG_SORT_MOVE_DOWN = 'down';
+/** 记账：这份清单已被运行时段接管（幂等读数，不是开关）。 */
+export const DRAG_SORT_BOUND_ATTR = 'data-ilife-drag-bound';
+/** 幂等开关：挂在 `<html>` 上（重复注入只绑一次）。 */
+export const DRAG_SORT_RUNTIME_ATTR = 'data-ilife-drag-runtime';
+/* ── 事件（冒泡 `CustomEvent`；`detail` 见 README 的「交互契约」） ────── */
+/** 拿起一行：`detail={id,key,from}`（from＝拿起前第几位，1 起）。 */
+export const DRAG_SORT_EVENT_PICK = 'ilife:drag-sort-pick';
+/** 放下一行：`detail={id,keys,from,to}`（keys＝放下后的全序机器键；from／to 都是 1 起的位）。 */
+export const DRAG_SORT_EVENT_DROP = 'ilife:drag-sort-drop';
+/** 取消拿起：`detail={id,key}`（顺序原样不动）。 */
+export const DRAG_SORT_EVENT_CANCEL = 'ilife:drag-sort-cancel';
+/* ── 几何与能力（判据与样式段读同一份常量） ─────────────────────── */
+/** 触控地板：把手与取消键的命中盒不小于这个数（px）。 */
+export const DRAG_SORT_TOUCH_PX = 44;
+/** 两半控件每半边的宽下限（px）：`buttons` 档「上移」「下移」各 58×44。 */
+export const DRAG_SORT_MOVE_MIN_PX = 58;
+/** 行高下限（px）：整行比地板再宽裕一档。 */
+export const DRAG_SORT_ROW_MIN_PX = 56;
+/** 相邻触控目标的缝（px）：行与行之间。 */
+export const DRAG_SORT_GAP_PX = 8;
+/** 本件自己的**容器**名（`@container` 按它命中，不会跟别件的容器串味）。 */
+export const DRAG_SORT_CONTAINER = 'ilife-drag-sort';
+/** 窄档断点（px）：**本件自己**窄于它就把右端读数折到下一行。这是容器断点，不是视口断点。 */
+export const DRAG_SORT_NARROW_PX = 480;
+/** 悬停只许是增强：这一段能力查询**样式段与运行时读同一个串**的样式半边（运行时不抢焦点，不读它）。 */
+export const DRAG_SORT_HOVER_QUERY = '(hover: hover) and (pointer: fine)';
+/** 行数下限（条）：1 条谈不上排序。 */
+export const DRAG_SORT_MIN_ITEMS = 2;
+/** 行数上限（条）：再多请调用方先分组（那是调用方的活，不是本件的活）。 */
+export const DRAG_SORT_MAX_ITEMS = 30;
+/* ── 文案（全部整句／整段；调用方换标题与副语，状态句的语义别换） ─────
+ *
+ *  **本件的每一句会过屏的字都在这一处定义**（铁律二）：`model.ts` 渲染期读它算出状态句／空槽句／
+ *  落点句／把手名，`runtime.ts` 把它烘成产出 JS 里同名同形的函数（不是另写一份——两处各写一句，
+ *  改一句漏一句，屏上同一件事就有了两个说法）。
+ */
+/** 文案段（**整句定义地**：渲染期与运行时段读的就是这一份）。 */
+export const DRAG_SORT_TEXT = Object.freeze({
+    /** 卡头右端那句拿法：只说看得见的通路（不提长按／双击／方向键那一路）。 */
+    hint: '点把手拿起一行。放下时点另一行。',
+    /** 取消键上的字。 */
+    cancel: '取消放回',
+    /** 锁定前缀（原因写在名称格那一位）。 */
+    lockedPrefix: '不可移：',
+    /** plain 态的状态句：`{n}`＝共几步。 */
+    idleStatus: '共 {n} 步。点把手拿起一行。放下时点另一行。',
+    /** lifted 态的状态句：`{from}`／`{to}`＝第几位（1 起），`{label}`＝被拿起那一行的名称。 */
+    liftStatus: '已拿起第 {from} 步「{label}」，将放到第 {to} 位。点另一行放下，或点取消放回原位。',
+    /** 空槽句：写出哪一步空着、被拿起的是谁。 */
+    slotText: '第 {from} 步原位空着，被拿起的是{label}',
+    /** 落点句：写出放第几位。 */
+    lineText: '放这里（第 {to} 位）',
+    /** 可拿起那两行的把手名：`{p}`＝第几位，`{label}`＝名称。 */
+    gripPick: '拿起第 {p} 步：{label}',
+    /** 已拿起那一行的把手名（再点＝放回原位）。 */
+    gripLift: '已拿起第 {p} 步：{label}，再点放回原位',
+    /** 锁定那一行的把手名：`{p}`＝第几位，`{why}`＝锁定原因。 */
+    gripLock: '第 {p} 步不可移，{why}',
+    /* ── `buttons` 档（第二形态）那几句 ────────────────────────────────
+     *  **旁白与口径句一个都不搬**（原型上的「选中了这一条 · 点右边的按钮」那种句子不进屏面）：
+     *  一屏只留一层话，同一个数只印一次。 */
+    /** 卡头那句拿法（`buttons` 档的缺省）：总数只在这一处说。 */
+    buttonsHint: '共 {n} 步。点一行选中，再点「上移」或「下移」。',
+    /** 每行的位置读数：只印自己那一位（总数在卡头那句里说过一次）。 */
+    posOne: '第 {p} 位',
+    /** 虚线落点预告那一句：写出会落到第几位（`{to}`＝1 起的位）。 */
+    previewText: '落到第 {to} 位',
+    /** 两半控件「上移」半边上的两个字。 */
+    moveUp: '上移',
+    /** 两半控件「下移」半边上的两个字。 */
+    moveDown: '下移',
+    /** 「上移」半边的无障碍名：`{label}`＝这一行的名称。 */
+    moveUpName: '上移：{label}',
+    /** 「下移」半边的无障碍名。 */
+    moveDownName: '下移：{label}',
+    /** `buttons` 档的把手名：点它＝选中这一行。 */
+    gripSelect: '选中第 {p} 步：{label}',
+    /** `buttons` 档已选中那一行的把手名（再点＝取消选中）。 */
+    gripSelected: '已选中第 {p} 步：{label}，再点取消',
+});
+/** 占位符（`{名}`，名字只许小写字母）。**带 `g` 的正则是有状态的**（`lastIndex` 跨调用留着），
+ *  所以每次取句子前先把它拨回 0——不拨的话第二次调用会从上次停的地方接着找，模板原样漏出去。 */
+const PLACEHOLDER = /\{([a-z]+)\}/g;
+/** 取那一句整句文本（占位符 `{名}` 会被 `values` 里的值替换）。
+ *
+ *  **`runtime.ts` 读的也是这一个函数**：它把「函数怎么写」烘成产出的 JS（逐段来自同一句模板），
+ *  渲染期与运行时段于是**同源同形**——不是两处各写一句。 */
+export function dragSortText(key, values) {
+    const tpl = DRAG_SORT_TEXT[key];
+    PLACEHOLDER.lastIndex = 0;
+    return tpl.replace(PLACEHOLDER, (whole, name) => {
+        const v = values === undefined ? undefined : values[name];
+        return typeof v === 'string' || typeof v === 'number' ? String(v) : whole;
+    });
+}
+//# sourceMappingURL=attrs.js.map

package/dist/components/drag-sort/attrs.js.map

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

package/dist/components/drag-sort/index.d.ts

@@ -0,0 +1,22 @@
+/** drag-sort · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  三件运行名：`renderDragSort(input)`（产标记，零 DOM）／`dragSortCss()`（样式段）／
+ *  `buildDragSortJs()`（运行时段：点选拿起放下取消 ＋ 拖拽同一份状态；按钮档另有选中与两半控件）。
+ *  标记契约（别的件／页面要按名字找元素时读它）：`DRAG_SORT_CLASS`／`DRAG_SORT_SLOTS`／
+ *  `dragSortSlot()`／`DRAG_SORT_ATTR`／`DRAG_SORT_KEY_ATTR`／`DRAG_SORT_HANDLE_ATTR`／
+ *  `DRAG_SORT_MOVE_ATTR`。
+ *  闭集与几何：`DRAG_SORT_FORMS`（两档：`lift`＝拖拽中／`buttons`＝按钮排序）／
+ *  `DRAG_SORT_TOUCH_PX`／`DRAG_SORT_MOVE_MIN_PX`／`DRAG_SORT_ROW_MIN_PX`／`DRAG_SORT_GAP_PX`。
+ *  文案：`DRAG_SORT_TEXT`（**会过屏的每一句的唯一定义地**）＋ `dragSortText(名, 值)`（取整句；
+ *  渲染期与运行时段读的是同一个它——运行时段把它烘成产出 JS 里的同名函数）。
+ *  三条事件：`DRAG_SORT_EVENT_PICK`（拿起／选中）／`DRAG_SORT_EVENT_DROP`（放下／挪位）／
+ *  `DRAG_SORT_EVENT_CANCEL`（取消）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { DRAG_SORT_AT_ATTR, DRAG_SORT_ATTR, DRAG_SORT_BOUND_ATTR, DRAG_SORT_CANCEL_ATTR, DRAG_SORT_CLASS, DRAG_SORT_CONTAINER, DRAG_SORT_EVENT_CANCEL, DRAG_SORT_EVENT_DROP, DRAG_SORT_EVENT_PICK, DRAG_SORT_FORM_ATTR, DRAG_SORT_FORMS, DRAG_SORT_GAP_PX, DRAG_SORT_HANDLE_ATTR, DRAG_SORT_HOVER_QUERY, DRAG_SORT_KEY_ATTR, DRAG_SORT_LIFT_ATTR, DRAG_SORT_LINE_ATTR, DRAG_SORT_LIST_ATTR, DRAG_SORT_MAX_ITEMS, DRAG_SORT_MIN_ITEMS, DRAG_SORT_MOVE_ATTR, DRAG_SORT_MOVE_DOWN, DRAG_SORT_MOVE_MIN_PX, DRAG_SORT_MOVE_UP, DRAG_SORT_NARROW_PX, DRAG_SORT_ROW_MIN_PX, DRAG_SORT_RUNTIME_ATTR, DRAG_SORT_SLOTS, DRAG_SORT_SLOT_ATTR, DRAG_SORT_STATUS_ATTR, DRAG_SORT_TEXT, DRAG_SORT_TOUCH_PX, dragSortSlot, dragSortText, } from './attrs.js';
+export type { DragSortForm, DragSortInput, DragSortItem, DragSortMove, DragSortSlot, } from './attrs.js';
+export { renderDragSort } from './render.js';
+export { dragSortCss } from './style.js';
+export { buildDragSortJs } from './runtime.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/drag-sort/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/drag-sort/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,eAAe,EACf,mBAAmB,EACnB,sBAAsB,EACtB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,YAAY,GACb,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/drag-sort/index.js

@@ -0,0 +1,21 @@
+/** drag-sort · **组件出口**（本组件对外的唯一名字面）。
+ *
+ *  三件运行名：`renderDragSort(input)`（产标记，零 DOM）／`dragSortCss()`（样式段）／
+ *  `buildDragSortJs()`（运行时段：点选拿起放下取消 ＋ 拖拽同一份状态；按钮档另有选中与两半控件）。
+ *  标记契约（别的件／页面要按名字找元素时读它）：`DRAG_SORT_CLASS`／`DRAG_SORT_SLOTS`／
+ *  `dragSortSlot()`／`DRAG_SORT_ATTR`／`DRAG_SORT_KEY_ATTR`／`DRAG_SORT_HANDLE_ATTR`／
+ *  `DRAG_SORT_MOVE_ATTR`。
+ *  闭集与几何：`DRAG_SORT_FORMS`（两档：`lift`＝拖拽中／`buttons`＝按钮排序）／
+ *  `DRAG_SORT_TOUCH_PX`／`DRAG_SORT_MOVE_MIN_PX`／`DRAG_SORT_ROW_MIN_PX`／`DRAG_SORT_GAP_PX`。
+ *  文案：`DRAG_SORT_TEXT`（**会过屏的每一句的唯一定义地**）＋ `dragSortText(名, 值)`（取整句；
+ *  渲染期与运行时段读的是同一个它——运行时段把它烘成产出 JS 里的同名函数）。
+ *  三条事件：`DRAG_SORT_EVENT_PICK`（拿起／选中）／`DRAG_SORT_EVENT_DROP`（放下／挪位）／
+ *  `DRAG_SORT_EVENT_CANCEL`（取消）。
+ *
+ *  用法与参数表见同目录 `README.md`。消费方走 `base-paint/blocks`（组件层出口），不走根出口。
+ */
+export { DRAG_SORT_AT_ATTR, DRAG_SORT_ATTR, DRAG_SORT_BOUND_ATTR, DRAG_SORT_CANCEL_ATTR, DRAG_SORT_CLASS, DRAG_SORT_CONTAINER, DRAG_SORT_EVENT_CANCEL, DRAG_SORT_EVENT_DROP, DRAG_SORT_EVENT_PICK, DRAG_SORT_FORM_ATTR, DRAG_SORT_FORMS, DRAG_SORT_GAP_PX, DRAG_SORT_HANDLE_ATTR, DRAG_SORT_HOVER_QUERY, DRAG_SORT_KEY_ATTR, DRAG_SORT_LIFT_ATTR, DRAG_SORT_LINE_ATTR, DRAG_SORT_LIST_ATTR, DRAG_SORT_MAX_ITEMS, DRAG_SORT_MIN_ITEMS, DRAG_SORT_MOVE_ATTR, DRAG_SORT_MOVE_DOWN, DRAG_SORT_MOVE_MIN_PX, DRAG_SORT_MOVE_UP, DRAG_SORT_NARROW_PX, DRAG_SORT_ROW_MIN_PX, DRAG_SORT_RUNTIME_ATTR, DRAG_SORT_SLOTS, DRAG_SORT_SLOT_ATTR, DRAG_SORT_STATUS_ATTR, DRAG_SORT_TEXT, DRAG_SORT_TOUCH_PX, dragSortSlot, dragSortText, } from './attrs.js';
+export { renderDragSort } from './render.js';
+export { dragSortCss } from './style.js';
+export { buildDragSortJs } from './runtime.js';
+//# sourceMappingURL=index.js.map

package/dist/components/drag-sort/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/drag-sort/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EACL,iBAAiB,EACjB,cAAc,EACd,oBAAoB,EACpB,qBAAqB,EACrB,eAAe,EACf,mBAAmB,EACnB,sBAAsB,EACtB,oBAAoB,EACpB,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,eAAe,EACf,mBAAmB,EACnB,qBAAqB,EACrB,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,YAAY,GACb,MAAM,YAAY,CAAC;AAQpB,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}