@vobs/runtime 1.7.8 → 1.8.1

package/dist/dom-events.cjs

@@ -0,0 +1,46 @@
+var __VOBS_CJS_FILE_URL = require("url").pathToFileURL(__filename).href;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/runtime/src/dom-events.ts
+var dom_events_exports = {};
+__export(dom_events_exports, {
+  EVENT_NAME_ALIASES: () => EVENT_NAME_ALIASES,
+  resolveEventName: () => resolveEventName
+});
+module.exports = __toCommonJS(dom_events_exports);
+var EVENT_NAME_ALIASES = {
+  // React 风格的 onDoubleClick 对应的 DOM 事件是 dblclick
+  doubleclick: "dblclick",
+  // 少数人按 addEventListener 的写法写成 onDblClick
+  dblclick: "dblclick"
+};
+function resolveEventName(attributeName) {
+  if (!attributeName.startsWith("on") || attributeName.length <= 2) return void 0;
+  const lowered = attributeName.slice(2).toLowerCase();
+  return EVENT_NAME_ALIASES[lowered] ?? lowered;
+}
+__name(resolveEventName, "resolveEventName");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  EVENT_NAME_ALIASES,
+  resolveEventName
+});
+//# sourceMappingURL=dom-events.cjs.map

package/dist/dom-events.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dom-events.ts"],"sourcesContent":["/**\n * `on*` 属性名 → 真实 DOM 事件名。\n *\n * 与 `dom-props.ts` 的属性名表同理：这必须是**单一来源**。\n * 此前编译期与运行期各写一份、且不一致：\n *  - 编译期（`@vobs/compiler` 的 `dom-events.ts`）有别名表，知道 `onDoubleClick` → `dblclick`；\n *  - 运行期的 `{...props}` 展开路径只做 `name.slice(2).toLowerCase()`\n *    → `onDoubleClick` 变成 `\"doubleclick\"`，**DOM 里根本叫 dblclick**，\n *    于是回调永不触发，而且不报错。\n * 实测（.artifacts/reports/runtime.supplement.md 缺点 2）：派发 `dblclick` 命中 0 次，\n * 隐藏的 `doubleclick` 监听命中 1 次。同一个包在 `dom-props.ts:1-8` 自称\"两边逐字重复、\n * 已收拢成单一来源\"，但那只覆盖属性名，没覆盖事件名。\n */\n\n/** JSX 驼峰名与 DOM 事件名不一致的少数情况（小写后的驼峰名 → 真实事件名）。 */\nexport const EVENT_NAME_ALIASES: Readonly<Record<string, string>> = {\n  // React 风格的 onDoubleClick 对应的 DOM 事件是 dblclick\n  doubleclick: 'dblclick',\n  // 少数人按 addEventListener 的写法写成 onDblClick\n  dblclick: 'dblclick'\n}\n\n/**\n * 把 `on*` 属性名解析成真实事件名。\n *\n * @returns 名字不以 `on` 开头或只有 `on` 本身时返回 undefined。\n */\nexport function resolveEventName(attributeName: string): string | undefined {\n  if (!attributeName.startsWith('on') || attributeName.length <= 2) return undefined\n  const lowered = attributeName.slice(2).toLowerCase()\n  return EVENT_NAME_ALIASES[lowered] ?? lowered\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeO,IAAM,qBAAuD;AAAA;AAAA,EAElE,aAAa;AAAA;AAAA,EAEb,UAAU;AACZ;AAOO,SAAS,iBAAiB,eAA2C;AAC1E,MAAI,CAAC,cAAc,WAAW,IAAI,KAAK,cAAc,UAAU,EAAG,QAAO;AACzE,QAAM,UAAU,cAAc,MAAM,CAAC,EAAE,YAAY;AACnD,SAAO,mBAAmB,OAAO,KAAK;AACxC;AAJgB;","names":[]}

package/dist/dom-events.d.cts

@@ -0,0 +1,23 @@
+/**
+ * `on*` 属性名 → 真实 DOM 事件名。
+ *
+ * 与 `dom-props.ts` 的属性名表同理：这必须是**单一来源**。
+ * 此前编译期与运行期各写一份、且不一致：
+ *  - 编译期（`@vobs/compiler` 的 `dom-events.ts`）有别名表，知道 `onDoubleClick` → `dblclick`；
+ *  - 运行期的 `{...props}` 展开路径只做 `name.slice(2).toLowerCase()`
+ *    → `onDoubleClick` 变成 `"doubleclick"`，**DOM 里根本叫 dblclick**，
+ *    于是回调永不触发，而且不报错。
+ * 实测（.artifacts/reports/runtime.supplement.md 缺点 2）：派发 `dblclick` 命中 0 次，
+ * 隐藏的 `doubleclick` 监听命中 1 次。同一个包在 `dom-props.ts:1-8` 自称"两边逐字重复、
+ * 已收拢成单一来源"，但那只覆盖属性名，没覆盖事件名。
+ */
+/** JSX 驼峰名与 DOM 事件名不一致的少数情况（小写后的驼峰名 → 真实事件名）。 */
+declare const EVENT_NAME_ALIASES: Readonly<Record<string, string>>;
+/**
+ * 把 `on*` 属性名解析成真实事件名。
+ *
+ * @returns 名字不以 `on` 开头或只有 `on` 本身时返回 undefined。
+ */
+declare function resolveEventName(attributeName: string): string | undefined;
+
+export { EVENT_NAME_ALIASES, resolveEventName };

package/dist/dom-events.d.ts

@@ -0,0 +1,23 @@
+/**
+ * `on*` 属性名 → 真实 DOM 事件名。
+ *
+ * 与 `dom-props.ts` 的属性名表同理：这必须是**单一来源**。
+ * 此前编译期与运行期各写一份、且不一致：
+ *  - 编译期（`@vobs/compiler` 的 `dom-events.ts`）有别名表，知道 `onDoubleClick` → `dblclick`；
+ *  - 运行期的 `{...props}` 展开路径只做 `name.slice(2).toLowerCase()`
+ *    → `onDoubleClick` 变成 `"doubleclick"`，**DOM 里根本叫 dblclick**，
+ *    于是回调永不触发，而且不报错。
+ * 实测（.artifacts/reports/runtime.supplement.md 缺点 2）：派发 `dblclick` 命中 0 次，
+ * 隐藏的 `doubleclick` 监听命中 1 次。同一个包在 `dom-props.ts:1-8` 自称"两边逐字重复、
+ * 已收拢成单一来源"，但那只覆盖属性名，没覆盖事件名。
+ */
+/** JSX 驼峰名与 DOM 事件名不一致的少数情况（小写后的驼峰名 → 真实事件名）。 */
+declare const EVENT_NAME_ALIASES: Readonly<Record<string, string>>;
+/**
+ * 把 `on*` 属性名解析成真实事件名。
+ *
+ * @returns 名字不以 `on` 开头或只有 `on` 本身时返回 undefined。
+ */
+declare function resolveEventName(attributeName: string): string | undefined;
+
+export { EVENT_NAME_ALIASES, resolveEventName };

package/dist/dom-events.js

@@ -0,0 +1,21 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// packages/runtime/src/dom-events.ts
+var EVENT_NAME_ALIASES = {
+  // React 风格的 onDoubleClick 对应的 DOM 事件是 dblclick
+  doubleclick: "dblclick",
+  // 少数人按 addEventListener 的写法写成 onDblClick
+  dblclick: "dblclick"
+};
+function resolveEventName(attributeName) {
+  if (!attributeName.startsWith("on") || attributeName.length <= 2) return void 0;
+  const lowered = attributeName.slice(2).toLowerCase();
+  return EVENT_NAME_ALIASES[lowered] ?? lowered;
+}
+__name(resolveEventName, "resolveEventName");
+export {
+  EVENT_NAME_ALIASES,
+  resolveEventName
+};
+//# sourceMappingURL=dom-events.js.map

package/dist/dom-events.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dom-events.ts"],"sourcesContent":["/**\n * `on*` 属性名 → 真实 DOM 事件名。\n *\n * 与 `dom-props.ts` 的属性名表同理：这必须是**单一来源**。\n * 此前编译期与运行期各写一份、且不一致：\n *  - 编译期（`@vobs/compiler` 的 `dom-events.ts`）有别名表，知道 `onDoubleClick` → `dblclick`；\n *  - 运行期的 `{...props}` 展开路径只做 `name.slice(2).toLowerCase()`\n *    → `onDoubleClick` 变成 `\"doubleclick\"`，**DOM 里根本叫 dblclick**，\n *    于是回调永不触发，而且不报错。\n * 实测（.artifacts/reports/runtime.supplement.md 缺点 2）：派发 `dblclick` 命中 0 次，\n * 隐藏的 `doubleclick` 监听命中 1 次。同一个包在 `dom-props.ts:1-8` 自称\"两边逐字重复、\n * 已收拢成单一来源\"，但那只覆盖属性名，没覆盖事件名。\n */\n\n/** JSX 驼峰名与 DOM 事件名不一致的少数情况（小写后的驼峰名 → 真实事件名）。 */\nexport const EVENT_NAME_ALIASES: Readonly<Record<string, string>> = {\n  // React 风格的 onDoubleClick 对应的 DOM 事件是 dblclick\n  doubleclick: 'dblclick',\n  // 少数人按 addEventListener 的写法写成 onDblClick\n  dblclick: 'dblclick'\n}\n\n/**\n * 把 `on*` 属性名解析成真实事件名。\n *\n * @returns 名字不以 `on` 开头或只有 `on` 本身时返回 undefined。\n */\nexport function resolveEventName(attributeName: string): string | undefined {\n  if (!attributeName.startsWith('on') || attributeName.length <= 2) return undefined\n  const lowered = attributeName.slice(2).toLowerCase()\n  return EVENT_NAME_ALIASES[lowered] ?? lowered\n}\n"],"mappings":";;;;AAeO,IAAM,qBAAuD;AAAA;AAAA,EAElE,aAAa;AAAA;AAAA,EAEb,UAAU;AACZ;AAOO,SAAS,iBAAiB,eAA2C;AAC1E,MAAI,CAAC,cAAc,WAAW,IAAI,KAAK,cAAc,UAAU,EAAG,QAAO;AACzE,QAAM,UAAU,cAAc,MAAM,CAAC,EAAE,YAAY;AACnD,SAAO,mBAAmB,OAAO,KAAK;AACxC;AAJgB;","names":[]}

package/dist/dom-props.cjs

@@ -0,0 +1,154 @@
+var __VOBS_CJS_FILE_URL = require("url").pathToFileURL(__filename).href;
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/runtime/src/dom-props.ts
+var dom_props_exports = {};
+__export(dom_props_exports, {
+  domAttributeName: () => domAttributeName,
+  isPropertyName: () => isPropertyName,
+  isSvgKebabAttribute: () => isSvgKebabAttribute
+});
+module.exports = __toCommonJS(dom_props_exports);
+var PROPERTY_NAMES = /* @__PURE__ */ new Set([
+  // 表单状态
+  "value",
+  "checked",
+  "selected",
+  "disabled",
+  "multiple",
+  "readOnly",
+  "required",
+  "defaultValue",
+  "defaultChecked",
+  "indeterminate",
+  /*
+   * `autoFocus` 用**驼峰**（与同表 readOnly/tabIndex/defaultChecked 一致），且必须走
+   * **property 通道**：`autofocus` 是**布尔属性**（只看存在与否、与值无关），
+   * 所以 `autoFocus={false}` 必须"移除属性"而不是写 `autofocus="false"`
+   * （attribute 通道只能把 false 序列化成字符串，属性照样存在 = 仍然聚焦）。
+   *
+   * ⚠️ 但 `setProperty` 必须把它映射成 **IDL 名 `autofocus`（全小写）** ——
+   * `Reflect.set(el, 'autoFocus', …)` 只会挂一个不反射的 expando，**静默无效**。
+   * 映射表见 ops.ts 的 `PROPERTY_IDL_NAMES`。实测（jsdom，与真实 DOM 同语义）：
+   *   IDL `autofocus` → 写 true 得 has=true/idl=true；写 false 得 has=false/idl=false ✓
+   *   JSX `autoFocus` → 属性与 IDL 都不变（只是 expando）                        ✗
+   */
+  "autoFocus",
+  "hidden",
+  "tabIndex",
+  "colSpan",
+  "rowSpan",
+  "open",
+  // 只能走 property 的（attribute 路径会静默无效）
+  "innerHTML",
+  "innerText",
+  "textContent",
+  // 媒体
+  "muted",
+  "volume",
+  "currentTime",
+  "playbackRate"
+]);
+var ATTRIBUTE_ALIASES = {
+  className: "class",
+  htmlFor: "for",
+  autoComplete: "autocomplete",
+  spellCheck: "spellcheck"
+};
+var SVG_KEBAB_ATTRIBUTES = /* @__PURE__ */ new Set([
+  // stroke
+  "strokeWidth",
+  "strokeLinecap",
+  "strokeLinejoin",
+  "strokeDasharray",
+  "strokeDashoffset",
+  "strokeMiterlimit",
+  "strokeOpacity",
+  // fill
+  "fillOpacity",
+  "fillRule",
+  // clip（注意 clipPathUnits 是结构属性，不在这里）
+  "clipPath",
+  "clipRule",
+  // 文本对齐
+  "textAnchor",
+  "dominantBaseline",
+  "alignmentBaseline",
+  "baselineShift",
+  // 字体
+  "fontFamily",
+  "fontSize",
+  "fontSizeAdjust",
+  "fontStretch",
+  "fontStyle",
+  "fontVariant",
+  "fontWeight",
+  "letterSpacing",
+  "wordSpacing",
+  // marker 的表现属性（markerWidth / markerHeight / markerUnits 是结构属性，不在这里）
+  "markerStart",
+  "markerMid",
+  "markerEnd",
+  // 颜色
+  "colorInterpolation",
+  "colorInterpolationFilters",
+  "colorProfile",
+  "colorRendering",
+  "floodColor",
+  "floodOpacity",
+  "lightingColor",
+  "stopColor",
+  "stopOpacity",
+  "glyphOrientationHorizontal",
+  "glyphOrientationVertical",
+  // 渲染与合成
+  "imageRendering",
+  "paintOrder",
+  "pointerEvents",
+  "shapeRendering",
+  "textDecoration",
+  "textRendering",
+  "transformOrigin",
+  "vectorEffect",
+  "writingMode"
+]);
+function isPropertyName(name) {
+  return PROPERTY_NAMES.has(name);
+}
+__name(isPropertyName, "isPropertyName");
+function isSvgKebabAttribute(name) {
+  return SVG_KEBAB_ATTRIBUTES.has(name);
+}
+__name(isSvgKebabAttribute, "isSvgKebabAttribute");
+function domAttributeName(name) {
+  const alias = ATTRIBUTE_ALIASES[name];
+  if (alias !== void 0) return alias;
+  if (SVG_KEBAB_ATTRIBUTES.has(name)) return name.replace(/[A-Z]/gu, (letter) => `-${letter.toLowerCase()}`);
+  return name;
+}
+__name(domAttributeName, "domAttributeName");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  domAttributeName,
+  isPropertyName,
+  isSvgKebabAttribute
+});
+//# sourceMappingURL=dom-props.cjs.map

package/dist/dom-props.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dom-props.ts"],"sourcesContent":["/**\n * JSX 属性名 → DOM 设置方式的**单一来源**。\n *\n * compiler 在编译期用它决定生成 setProperty/bindProperty 还是 setAttribute/bindAttribute，\n * runtime 在展开 `{...props}` 时用同一套判断。此前两边各写了一份**逐字重复**的实现\n * （compile.ts 与 ops.ts），注释还写着「保持一致」—— 分叉即静默改道，所以收到这里。\n *\n * 这张表只描述「名字」，不占用户包体：compiler 侧是构建期用，runtime 侧是几十个字符串。\n */\n\n/**\n * 走 property 通道的名字（`el[name] = value`）。\n *\n * 判断标准是「当成 attribute 设不管用、或者语义不同」：\n * - `innerHTML` / `textContent` 不是 HTML 属性，setAttribute 完全无效（静默无操作）\n * - `defaultValue` / `defaultChecked` 的 attribute 形式是 value/checked，名字对不上\n * - `indeterminate` / `currentTime` / `volume` 等根本没有对应 attribute\n * 其余常见名字（value/checked/disabled/…）两条通道都能工作，列在这里是为了语义正确\n * （如 `disabled={false}` 必须清除 property）。\n */\nconst PROPERTY_NAMES: ReadonlySet<string> = new Set([\n  // 表单状态\n  'value', 'checked', 'selected', 'disabled', 'multiple', 'readOnly', 'required',\n  'defaultValue', 'defaultChecked', 'indeterminate',\n  /*\n   * `autoFocus` 用**驼峰**（与同表 readOnly/tabIndex/defaultChecked 一致），且必须走\n   * **property 通道**：`autofocus` 是**布尔属性**（只看存在与否、与值无关），\n   * 所以 `autoFocus={false}` 必须\"移除属性\"而不是写 `autofocus=\"false\"`\n   * （attribute 通道只能把 false 序列化成字符串，属性照样存在 = 仍然聚焦）。\n   *\n   * ⚠️ 但 `setProperty` 必须把它映射成 **IDL 名 `autofocus`（全小写）** ——\n   * `Reflect.set(el, 'autoFocus', …)` 只会挂一个不反射的 expando，**静默无效**。\n   * 映射表见 ops.ts 的 `PROPERTY_IDL_NAMES`。实测（jsdom，与真实 DOM 同语义）：\n   *   IDL `autofocus` → 写 true 得 has=true/idl=true；写 false 得 has=false/idl=false ✓\n   *   JSX `autoFocus` → 属性与 IDL 都不变（只是 expando）                        ✗\n   */\n  'autoFocus', 'hidden', 'tabIndex', 'colSpan', 'rowSpan', 'open',\n  // 只能走 property 的（attribute 路径会静默无效）\n  'innerHTML', 'innerText', 'textContent',\n  // 媒体\n  'muted', 'volume', 'currentTime', 'playbackRate'\n])\n\n/** camelCase JSX 属性名 → HTML attribute 名的别名。 */\nconst ATTRIBUTE_ALIASES: Readonly<Record<string, string>> = {\n  className: 'class',\n  htmlFor: 'for',\n  autoComplete: 'autocomplete',\n  spellCheck: 'spellcheck',\n}\n\n/**\n * SVG 里「JSX 写驼峰、真实 DOM 属性是短横线」的那一批。\n *\n * **不能按通用规则把驼峰转短横线** —— SVG 的属性命名是混合的：\n * - 表现属性（就是那些能当 CSS 用的）是短横线：`stroke-width`、`fill-opacity`、`text-anchor`\n * - 结构属性却真是驼峰：`viewBox`、`preserveAspectRatio`、`markerWidth`、`pathLength`\n * 所以只对下面这批做转换；其余同名照旧（`viewBox` 写驼峰本来就是对的）。\n *\n * 写错大小写的后果是完全静默：setAttribute 出一个浏览器不认识的属性，图形照旧没有描边，\n * 没有任何报错。\n */\nconst SVG_KEBAB_ATTRIBUTES: ReadonlySet<string> = new Set([\n  // stroke\n  'strokeWidth', 'strokeLinecap', 'strokeLinejoin', 'strokeDasharray', 'strokeDashoffset',\n  'strokeMiterlimit', 'strokeOpacity',\n  // fill\n  'fillOpacity', 'fillRule',\n  // clip（注意 clipPathUnits 是结构属性，不在这里）\n  'clipPath', 'clipRule',\n  // 文本对齐\n  'textAnchor', 'dominantBaseline', 'alignmentBaseline', 'baselineShift',\n  // 字体\n  'fontFamily', 'fontSize', 'fontSizeAdjust', 'fontStretch', 'fontStyle', 'fontVariant', 'fontWeight',\n  'letterSpacing', 'wordSpacing',\n  // marker 的表现属性（markerWidth / markerHeight / markerUnits 是结构属性，不在这里）\n  'markerStart', 'markerMid', 'markerEnd',\n  // 颜色\n  'colorInterpolation', 'colorInterpolationFilters', 'colorProfile', 'colorRendering',\n  'floodColor', 'floodOpacity', 'lightingColor', 'stopColor', 'stopOpacity',\n  'glyphOrientationHorizontal', 'glyphOrientationVertical',\n  // 渲染与合成\n  'imageRendering', 'paintOrder', 'pointerEvents', 'shapeRendering',\n  'textDecoration', 'textRendering', 'transformOrigin', 'vectorEffect', 'writingMode'\n])\n\n/** 名字是否应走 property 通道（`el[name] = value`）。 */\nexport function isPropertyName(name: string): boolean {\n  return PROPERTY_NAMES.has(name)\n}\n\n/** SVG 驼峰属性名是否应转成短横线形式（`strokeWidth` → `stroke-width`）。 */\nexport function isSvgKebabAttribute(name: string): boolean {\n  return SVG_KEBAB_ATTRIBUTES.has(name)\n}\n\n/**\n * camelCase JSX 属性名 → 真正写进 DOM 的 attribute 名。\n *\n * 注意 property 通道**不**经过这里：`colSpan` / `rowSpan` 的 JS 属性名本就是驼峰。\n */\nexport function domAttributeName(name: string): string {\n  const alias = ATTRIBUTE_ALIASES[name]\n  if (alias !== undefined) return alias\n  if (SVG_KEBAB_ATTRIBUTES.has(name)) return name.replace(/[A-Z]/gu, letter => `-${letter.toLowerCase()}`)\n  return name\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBA,IAAM,iBAAsC,oBAAI,IAAI;AAAA;AAAA,EAElD;AAAA,EAAS;AAAA,EAAW;AAAA,EAAY;AAAA,EAAY;AAAA,EAAY;AAAA,EAAY;AAAA,EACpE;AAAA,EAAgB;AAAA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAalC;AAAA,EAAa;AAAA,EAAU;AAAA,EAAY;AAAA,EAAW;AAAA,EAAW;AAAA;AAAA,EAEzD;AAAA,EAAa;AAAA,EAAa;AAAA;AAAA,EAE1B;AAAA,EAAS;AAAA,EAAU;AAAA,EAAe;AACpC,CAAC;AAGD,IAAM,oBAAsD;AAAA,EAC1D,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AACd;AAaA,IAAM,uBAA4C,oBAAI,IAAI;AAAA;AAAA,EAExD;AAAA,EAAe;AAAA,EAAiB;AAAA,EAAkB;AAAA,EAAmB;AAAA,EACrE;AAAA,EAAoB;AAAA;AAAA,EAEpB;AAAA,EAAe;AAAA;AAAA,EAEf;AAAA,EAAY;AAAA;AAAA,EAEZ;AAAA,EAAc;AAAA,EAAoB;AAAA,EAAqB;AAAA;AAAA,EAEvD;AAAA,EAAc;AAAA,EAAY;AAAA,EAAkB;AAAA,EAAe;AAAA,EAAa;AAAA,EAAe;AAAA,EACvF;AAAA,EAAiB;AAAA;AAAA,EAEjB;AAAA,EAAe;AAAA,EAAa;AAAA;AAAA,EAE5B;AAAA,EAAsB;AAAA,EAA6B;AAAA,EAAgB;AAAA,EACnE;AAAA,EAAc;AAAA,EAAgB;AAAA,EAAiB;AAAA,EAAa;AAAA,EAC5D;AAAA,EAA8B;AAAA;AAAA,EAE9B;AAAA,EAAkB;AAAA,EAAc;AAAA,EAAiB;AAAA,EACjD;AAAA,EAAkB;AAAA,EAAiB;AAAA,EAAmB;AAAA,EAAgB;AACxE,CAAC;AAGM,SAAS,eAAe,MAAuB;AACpD,SAAO,eAAe,IAAI,IAAI;AAChC;AAFgB;AAKT,SAAS,oBAAoB,MAAuB;AACzD,SAAO,qBAAqB,IAAI,IAAI;AACtC;AAFgB;AAST,SAAS,iBAAiB,MAAsB;AACrD,QAAM,QAAQ,kBAAkB,IAAI;AACpC,MAAI,UAAU,OAAW,QAAO;AAChC,MAAI,qBAAqB,IAAI,IAAI,EAAG,QAAO,KAAK,QAAQ,WAAW,YAAU,IAAI,OAAO,YAAY,CAAC,EAAE;AACvG,SAAO;AACT;AALgB;","names":[]}

package/dist/dom-props.d.cts

@@ -0,0 +1,21 @@
+/**
+ * JSX 属性名 → DOM 设置方式的**单一来源**。
+ *
+ * compiler 在编译期用它决定生成 setProperty/bindProperty 还是 setAttribute/bindAttribute，
+ * runtime 在展开 `{...props}` 时用同一套判断。此前两边各写了一份**逐字重复**的实现
+ * （compile.ts 与 ops.ts），注释还写着「保持一致」—— 分叉即静默改道，所以收到这里。
+ *
+ * 这张表只描述「名字」，不占用户包体：compiler 侧是构建期用，runtime 侧是几十个字符串。
+ */
+/** 名字是否应走 property 通道（`el[name] = value`）。 */
+declare function isPropertyName(name: string): boolean;
+/** SVG 驼峰属性名是否应转成短横线形式（`strokeWidth` → `stroke-width`）。 */
+declare function isSvgKebabAttribute(name: string): boolean;
+/**
+ * camelCase JSX 属性名 → 真正写进 DOM 的 attribute 名。
+ *
+ * 注意 property 通道**不**经过这里：`colSpan` / `rowSpan` 的 JS 属性名本就是驼峰。
+ */
+declare function domAttributeName(name: string): string;
+
+export { domAttributeName, isPropertyName, isSvgKebabAttribute };

package/dist/dom-props.d.ts

@@ -0,0 +1,21 @@
+/**
+ * JSX 属性名 → DOM 设置方式的**单一来源**。
+ *
+ * compiler 在编译期用它决定生成 setProperty/bindProperty 还是 setAttribute/bindAttribute，
+ * runtime 在展开 `{...props}` 时用同一套判断。此前两边各写了一份**逐字重复**的实现
+ * （compile.ts 与 ops.ts），注释还写着「保持一致」—— 分叉即静默改道，所以收到这里。
+ *
+ * 这张表只描述「名字」，不占用户包体：compiler 侧是构建期用，runtime 侧是几十个字符串。
+ */
+/** 名字是否应走 property 通道（`el[name] = value`）。 */
+declare function isPropertyName(name: string): boolean;
+/** SVG 驼峰属性名是否应转成短横线形式（`strokeWidth` → `stroke-width`）。 */
+declare function isSvgKebabAttribute(name: string): boolean;
+/**
+ * camelCase JSX 属性名 → 真正写进 DOM 的 attribute 名。
+ *
+ * 注意 property 通道**不**经过这里：`colSpan` / `rowSpan` 的 JS 属性名本就是驼峰。
+ */
+declare function domAttributeName(name: string): string;
+
+export { domAttributeName, isPropertyName, isSvgKebabAttribute };

package/dist/dom-props.js

@@ -0,0 +1,128 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// packages/runtime/src/dom-props.ts
+var PROPERTY_NAMES = /* @__PURE__ */ new Set([
+  // 表单状态
+  "value",
+  "checked",
+  "selected",
+  "disabled",
+  "multiple",
+  "readOnly",
+  "required",
+  "defaultValue",
+  "defaultChecked",
+  "indeterminate",
+  /*
+   * `autoFocus` 用**驼峰**（与同表 readOnly/tabIndex/defaultChecked 一致），且必须走
+   * **property 通道**：`autofocus` 是**布尔属性**（只看存在与否、与值无关），
+   * 所以 `autoFocus={false}` 必须"移除属性"而不是写 `autofocus="false"`
+   * （attribute 通道只能把 false 序列化成字符串，属性照样存在 = 仍然聚焦）。
+   *
+   * ⚠️ 但 `setProperty` 必须把它映射成 **IDL 名 `autofocus`（全小写）** ——
+   * `Reflect.set(el, 'autoFocus', …)` 只会挂一个不反射的 expando，**静默无效**。
+   * 映射表见 ops.ts 的 `PROPERTY_IDL_NAMES`。实测（jsdom，与真实 DOM 同语义）：
+   *   IDL `autofocus` → 写 true 得 has=true/idl=true；写 false 得 has=false/idl=false ✓
+   *   JSX `autoFocus` → 属性与 IDL 都不变（只是 expando）                        ✗
+   */
+  "autoFocus",
+  "hidden",
+  "tabIndex",
+  "colSpan",
+  "rowSpan",
+  "open",
+  // 只能走 property 的（attribute 路径会静默无效）
+  "innerHTML",
+  "innerText",
+  "textContent",
+  // 媒体
+  "muted",
+  "volume",
+  "currentTime",
+  "playbackRate"
+]);
+var ATTRIBUTE_ALIASES = {
+  className: "class",
+  htmlFor: "for",
+  autoComplete: "autocomplete",
+  spellCheck: "spellcheck"
+};
+var SVG_KEBAB_ATTRIBUTES = /* @__PURE__ */ new Set([
+  // stroke
+  "strokeWidth",
+  "strokeLinecap",
+  "strokeLinejoin",
+  "strokeDasharray",
+  "strokeDashoffset",
+  "strokeMiterlimit",
+  "strokeOpacity",
+  // fill
+  "fillOpacity",
+  "fillRule",
+  // clip（注意 clipPathUnits 是结构属性，不在这里）
+  "clipPath",
+  "clipRule",
+  // 文本对齐
+  "textAnchor",
+  "dominantBaseline",
+  "alignmentBaseline",
+  "baselineShift",
+  // 字体
+  "fontFamily",
+  "fontSize",
+  "fontSizeAdjust",
+  "fontStretch",
+  "fontStyle",
+  "fontVariant",
+  "fontWeight",
+  "letterSpacing",
+  "wordSpacing",
+  // marker 的表现属性（markerWidth / markerHeight / markerUnits 是结构属性，不在这里）
+  "markerStart",
+  "markerMid",
+  "markerEnd",
+  // 颜色
+  "colorInterpolation",
+  "colorInterpolationFilters",
+  "colorProfile",
+  "colorRendering",
+  "floodColor",
+  "floodOpacity",
+  "lightingColor",
+  "stopColor",
+  "stopOpacity",
+  "glyphOrientationHorizontal",
+  "glyphOrientationVertical",
+  // 渲染与合成
+  "imageRendering",
+  "paintOrder",
+  "pointerEvents",
+  "shapeRendering",
+  "textDecoration",
+  "textRendering",
+  "transformOrigin",
+  "vectorEffect",
+  "writingMode"
+]);
+function isPropertyName(name) {
+  return PROPERTY_NAMES.has(name);
+}
+__name(isPropertyName, "isPropertyName");
+function isSvgKebabAttribute(name) {
+  return SVG_KEBAB_ATTRIBUTES.has(name);
+}
+__name(isSvgKebabAttribute, "isSvgKebabAttribute");
+function domAttributeName(name) {
+  const alias = ATTRIBUTE_ALIASES[name];
+  if (alias !== void 0) return alias;
+  if (SVG_KEBAB_ATTRIBUTES.has(name)) return name.replace(/[A-Z]/gu, (letter) => `-${letter.toLowerCase()}`);
+  return name;
+}
+__name(domAttributeName, "domAttributeName");
+export {
+  domAttributeName,
+  isPropertyName,
+  isSvgKebabAttribute
+};
+//# sourceMappingURL=dom-props.js.map

package/dist/dom-props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dom-props.ts"],"sourcesContent":["/**\n * JSX 属性名 → DOM 设置方式的**单一来源**。\n *\n * compiler 在编译期用它决定生成 setProperty/bindProperty 还是 setAttribute/bindAttribute，\n * runtime 在展开 `{...props}` 时用同一套判断。此前两边各写了一份**逐字重复**的实现\n * （compile.ts 与 ops.ts），注释还写着「保持一致」—— 分叉即静默改道，所以收到这里。\n *\n * 这张表只描述「名字」，不占用户包体：compiler 侧是构建期用，runtime 侧是几十个字符串。\n */\n\n/**\n * 走 property 通道的名字（`el[name] = value`）。\n *\n * 判断标准是「当成 attribute 设不管用、或者语义不同」：\n * - `innerHTML` / `textContent` 不是 HTML 属性，setAttribute 完全无效（静默无操作）\n * - `defaultValue` / `defaultChecked` 的 attribute 形式是 value/checked，名字对不上\n * - `indeterminate` / `currentTime` / `volume` 等根本没有对应 attribute\n * 其余常见名字（value/checked/disabled/…）两条通道都能工作，列在这里是为了语义正确\n * （如 `disabled={false}` 必须清除 property）。\n */\nconst PROPERTY_NAMES: ReadonlySet<string> = new Set([\n  // 表单状态\n  'value', 'checked', 'selected', 'disabled', 'multiple', 'readOnly', 'required',\n  'defaultValue', 'defaultChecked', 'indeterminate',\n  /*\n   * `autoFocus` 用**驼峰**（与同表 readOnly/tabIndex/defaultChecked 一致），且必须走\n   * **property 通道**：`autofocus` 是**布尔属性**（只看存在与否、与值无关），\n   * 所以 `autoFocus={false}` 必须\"移除属性\"而不是写 `autofocus=\"false\"`\n   * （attribute 通道只能把 false 序列化成字符串，属性照样存在 = 仍然聚焦）。\n   *\n   * ⚠️ 但 `setProperty` 必须把它映射成 **IDL 名 `autofocus`（全小写）** ——\n   * `Reflect.set(el, 'autoFocus', …)` 只会挂一个不反射的 expando，**静默无效**。\n   * 映射表见 ops.ts 的 `PROPERTY_IDL_NAMES`。实测（jsdom，与真实 DOM 同语义）：\n   *   IDL `autofocus` → 写 true 得 has=true/idl=true；写 false 得 has=false/idl=false ✓\n   *   JSX `autoFocus` → 属性与 IDL 都不变（只是 expando）                        ✗\n   */\n  'autoFocus', 'hidden', 'tabIndex', 'colSpan', 'rowSpan', 'open',\n  // 只能走 property 的（attribute 路径会静默无效）\n  'innerHTML', 'innerText', 'textContent',\n  // 媒体\n  'muted', 'volume', 'currentTime', 'playbackRate'\n])\n\n/** camelCase JSX 属性名 → HTML attribute 名的别名。 */\nconst ATTRIBUTE_ALIASES: Readonly<Record<string, string>> = {\n  className: 'class',\n  htmlFor: 'for',\n  autoComplete: 'autocomplete',\n  spellCheck: 'spellcheck',\n}\n\n/**\n * SVG 里「JSX 写驼峰、真实 DOM 属性是短横线」的那一批。\n *\n * **不能按通用规则把驼峰转短横线** —— SVG 的属性命名是混合的：\n * - 表现属性（就是那些能当 CSS 用的）是短横线：`stroke-width`、`fill-opacity`、`text-anchor`\n * - 结构属性却真是驼峰：`viewBox`、`preserveAspectRatio`、`markerWidth`、`pathLength`\n * 所以只对下面这批做转换；其余同名照旧（`viewBox` 写驼峰本来就是对的）。\n *\n * 写错大小写的后果是完全静默：setAttribute 出一个浏览器不认识的属性，图形照旧没有描边，\n * 没有任何报错。\n */\nconst SVG_KEBAB_ATTRIBUTES: ReadonlySet<string> = new Set([\n  // stroke\n  'strokeWidth', 'strokeLinecap', 'strokeLinejoin', 'strokeDasharray', 'strokeDashoffset',\n  'strokeMiterlimit', 'strokeOpacity',\n  // fill\n  'fillOpacity', 'fillRule',\n  // clip（注意 clipPathUnits 是结构属性，不在这里）\n  'clipPath', 'clipRule',\n  // 文本对齐\n  'textAnchor', 'dominantBaseline', 'alignmentBaseline', 'baselineShift',\n  // 字体\n  'fontFamily', 'fontSize', 'fontSizeAdjust', 'fontStretch', 'fontStyle', 'fontVariant', 'fontWeight',\n  'letterSpacing', 'wordSpacing',\n  // marker 的表现属性（markerWidth / markerHeight / markerUnits 是结构属性，不在这里）\n  'markerStart', 'markerMid', 'markerEnd',\n  // 颜色\n  'colorInterpolation', 'colorInterpolationFilters', 'colorProfile', 'colorRendering',\n  'floodColor', 'floodOpacity', 'lightingColor', 'stopColor', 'stopOpacity',\n  'glyphOrientationHorizontal', 'glyphOrientationVertical',\n  // 渲染与合成\n  'imageRendering', 'paintOrder', 'pointerEvents', 'shapeRendering',\n  'textDecoration', 'textRendering', 'transformOrigin', 'vectorEffect', 'writingMode'\n])\n\n/** 名字是否应走 property 通道（`el[name] = value`）。 */\nexport function isPropertyName(name: string): boolean {\n  return PROPERTY_NAMES.has(name)\n}\n\n/** SVG 驼峰属性名是否应转成短横线形式（`strokeWidth` → `stroke-width`）。 */\nexport function isSvgKebabAttribute(name: string): boolean {\n  return SVG_KEBAB_ATTRIBUTES.has(name)\n}\n\n/**\n * camelCase JSX 属性名 → 真正写进 DOM 的 attribute 名。\n *\n * 注意 property 通道**不**经过这里：`colSpan` / `rowSpan` 的 JS 属性名本就是驼峰。\n */\nexport function domAttributeName(name: string): string {\n  const alias = ATTRIBUTE_ALIASES[name]\n  if (alias !== undefined) return alias\n  if (SVG_KEBAB_ATTRIBUTES.has(name)) return name.replace(/[A-Z]/gu, letter => `-${letter.toLowerCase()}`)\n  return name\n}\n"],"mappings":";;;;AAoBA,IAAM,iBAAsC,oBAAI,IAAI;AAAA;AAAA,EAElD;AAAA,EAAS;AAAA,EAAW;AAAA,EAAY;AAAA,EAAY;AAAA,EAAY;AAAA,EAAY;AAAA,EACpE;AAAA,EAAgB;AAAA,EAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAalC;AAAA,EAAa;AAAA,EAAU;AAAA,EAAY;AAAA,EAAW;AAAA,EAAW;AAAA;AAAA,EAEzD;AAAA,EAAa;AAAA,EAAa;AAAA;AAAA,EAE1B;AAAA,EAAS;AAAA,EAAU;AAAA,EAAe;AACpC,CAAC;AAGD,IAAM,oBAAsD;AAAA,EAC1D,WAAW;AAAA,EACX,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AACd;AAaA,IAAM,uBAA4C,oBAAI,IAAI;AAAA;AAAA,EAExD;AAAA,EAAe;AAAA,EAAiB;AAAA,EAAkB;AAAA,EAAmB;AAAA,EACrE;AAAA,EAAoB;AAAA;AAAA,EAEpB;AAAA,EAAe;AAAA;AAAA,EAEf;AAAA,EAAY;AAAA;AAAA,EAEZ;AAAA,EAAc;AAAA,EAAoB;AAAA,EAAqB;AAAA;AAAA,EAEvD;AAAA,EAAc;AAAA,EAAY;AAAA,EAAkB;AAAA,EAAe;AAAA,EAAa;AAAA,EAAe;AAAA,EACvF;AAAA,EAAiB;AAAA;AAAA,EAEjB;AAAA,EAAe;AAAA,EAAa;AAAA;AAAA,EAE5B;AAAA,EAAsB;AAAA,EAA6B;AAAA,EAAgB;AAAA,EACnE;AAAA,EAAc;AAAA,EAAgB;AAAA,EAAiB;AAAA,EAAa;AAAA,EAC5D;AAAA,EAA8B;AAAA;AAAA,EAE9B;AAAA,EAAkB;AAAA,EAAc;AAAA,EAAiB;AAAA,EACjD;AAAA,EAAkB;AAAA,EAAiB;AAAA,EAAmB;AAAA,EAAgB;AACxE,CAAC;AAGM,SAAS,eAAe,MAAuB;AACpD,SAAO,eAAe,IAAI,IAAI;AAChC;AAFgB;AAKT,SAAS,oBAAoB,MAAuB;AACzD,SAAO,qBAAqB,IAAI,IAAI;AACtC;AAFgB;AAST,SAAS,iBAAiB,MAAsB;AACrD,QAAM,QAAQ,kBAAkB,IAAI;AACpC,MAAI,UAAU,OAAW,QAAO;AAChC,MAAI,qBAAqB,IAAI,IAAI,EAAG,QAAO,KAAK,QAAQ,WAAW,YAAU,IAAI,OAAO,YAAY,CAAC,EAAE;AACvG,SAAO;AACT;AALgB;","names":[]}