@weapp-vite/web 2.0.0 → 2.1.0

package/dist/runtime/nativeComponents/richText/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/richText/index.ts"],"sourcesContent":["import type { SafeRichTextNode } from './helpers'\nimport { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { readBooleanAttribute, resolveContainingShadowRoot } from '../helpers'\nimport { ensureNativeComponentStyle } from '../style'\nimport { normalizeRichTextNodes } from './helpers'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nfunction createRichTextDomNode(node: SafeRichTextNode): globalThis.Node {\n  if (node.type === 'text') {\n    return document.createTextNode(node.text)\n  }\n  const element = document.createElement(node.name)\n  for (const [name, value] of Object.entries(node.attrs)) {\n    element.setAttribute(name, value)\n  }\n  element.append(...node.children.map(createRichTextDomNode))\n  return element\n}\n\nexport class WeappRichText extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('rich-text')!.attributes]\n\n  #content?: HTMLDivElement\n  #nodes: unknown = ''\n\n  get nodes() {\n    return this.#nodes\n  }\n\n  set nodes(value: unknown) {\n    if (Object.is(this.#nodes, value)) {\n      return\n    }\n    this.#nodes = value\n    this.#renderNodes()\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n    if (this.#nodes === '') {\n      this.#nodes = this.getAttribute('nodes') ?? ''\n    }\n    this.#syncAttributes()\n    this.#renderNodes()\n  }\n\n  attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null) {\n    if (name === 'nodes') {\n      this.#nodes = newValue ?? ''\n      this.#renderNodes()\n      return\n    }\n    this.#syncAttributes()\n  }\n\n  #ensureStructure() {\n    if (this.#content || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = `\n      :host { overflow-wrap: break-word; }\n      .content { display: block; min-width: 0; }\n      img { max-width: 100%; }\n    `\n    const content = document.createElement('div')\n    content.className = 'content'\n    content.addEventListener('click', (event) => {\n      const target = event.target\n      if (target instanceof Element && target.closest('a')) {\n        event.preventDefault()\n      }\n    })\n    root.append(style, content)\n    this.#content = content\n  }\n\n  #syncAttributes() {\n    if (!this.#content) {\n      return\n    }\n    const space = this.getAttribute('space')\n    this.#content.style.whiteSpace = space === 'nbsp' || space === 'ensp' || space === 'emsp'\n      ? 'pre-wrap'\n      : 'normal'\n    this.#content.style.userSelect = readBooleanAttribute(this, 'user-select') ? 'text' : ''\n  }\n\n  #renderNodes() {\n    if (!this.#content || typeof document === 'undefined') {\n      return\n    }\n    this.#content.replaceChildren(...normalizeRichTextNodes(this.#nodes).map(createRichTextDomNode))\n  }\n}\n\nexport * from './helpers'\n"],"mappings":";;;;;;AAMA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AAEtD,SAAS,sBAAsB,MAAyC;CACtE,IAAI,KAAK,SAAS,QAChB,OAAO,SAAS,eAAe,KAAK,IAAI;CAE1C,MAAM,UAAU,SAAS,cAAc,KAAK,IAAI;CAChD,KAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,KAAK,KAAK,GACnD,QAAQ,aAAa,MAAM,KAAK;CAElC,QAAQ,OAAO,GAAG,KAAK,SAAS,IAAI,qBAAqB,CAAC;CAC1D,OAAO;AACT;AAEA,IAAa,gBAAb,cAAmC,YAAY;CAC7C,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,WAAW,CAAC,CAAE,UAAU;CAErF;CACA,SAAkB;CAElB,IAAI,QAAQ;EACV,OAAO,KAAK;CACd;CAEA,IAAI,MAAM,OAAgB;EACxB,IAAI,OAAO,GAAG,KAAK,QAAQ,KAAK,GAC9B;EAEF,KAAK,SAAS;EACd,KAAK,aAAa;CACpB;CAEA,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,KAAK,iBAAiB;EACtB,IAAI,KAAK,WAAW,IAClB,KAAK,SAAS,KAAK,aAAa,OAAO,KAAK;EAE9C,KAAK,gBAAgB;EACrB,KAAK,aAAa;CACpB;CAEA,yBAAyB,MAAc,WAA0B,UAAyB;EACxF,IAAI,SAAS,SAAS;GACpB,KAAK,SAAS,YAAY;GAC1B,KAAK,aAAa;GAClB;EACF;EACA,KAAK,gBAAgB;CACvB;CAEA,mBAAmB;EACjB,IAAI,KAAK,YAAY,OAAO,aAAa,aACvC;EAEF,MAAM,OAAO,KAAK,cAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAClE,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,cAAc;;;;;EAKpB,MAAM,UAAU,SAAS,cAAc,KAAK;EAC5C,QAAQ,YAAY;EACpB,QAAQ,iBAAiB,UAAU,UAAU;GAC3C,MAAM,SAAS,MAAM;GACrB,IAAI,kBAAkB,WAAW,OAAO,QAAQ,GAAG,GACjD,MAAM,eAAe;EAEzB,CAAC;EACD,KAAK,OAAO,OAAO,OAAO;EAC1B,KAAK,WAAW;CAClB;CAEA,kBAAkB;EAChB,IAAI,CAAC,KAAK,UACR;EAEF,MAAM,QAAQ,KAAK,aAAa,OAAO;EACvC,KAAK,SAAS,MAAM,aAAa,UAAU,UAAU,UAAU,UAAU,UAAU,SAC/E,aACA;EACJ,KAAK,SAAS,MAAM,aAAa,qBAAqB,MAAM,aAAa,IAAI,SAAS;CACxF;CAEA,eAAe;EACb,IAAI,CAAC,KAAK,YAAY,OAAO,aAAa,aACxC;EAEF,KAAK,SAAS,gBAAgB,GAAG,uBAAuB,KAAK,MAAM,CAAC,CAAC,IAAI,qBAAqB,CAAC;CACjG;AACF"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/richText/index.ts"],"sourcesContent":["import type { SafeRichTextNode } from '@weapp-core/shared/rich-text'\nimport { normalizeRichTextNodes } from '@weapp-core/shared/rich-text'\nimport { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { readBooleanAttribute, resolveContainingShadowRoot } from '../helpers'\nimport { ensureNativeComponentStyle } from '../style'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\n\nfunction createRichTextDomNode(node: SafeRichTextNode): globalThis.Node {\n  if (node.type === 'text') {\n    return document.createTextNode(node.text)\n  }\n  const element = document.createElement(node.name)\n  for (const [name, value] of Object.entries(node.attrs)) {\n    element.setAttribute(name, value)\n  }\n  element.append(...node.children.map(createRichTextDomNode))\n  return element\n}\n\nexport class WeappRichText extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('rich-text')!.attributes]\n\n  #content?: HTMLDivElement\n  #nodes: unknown = ''\n\n  get nodes() {\n    return this.#nodes\n  }\n\n  set nodes(value: unknown) {\n    if (Object.is(this.#nodes, value)) {\n      return\n    }\n    this.#nodes = value\n    this.#renderNodes()\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    this.#ensureStructure()\n    if (this.#nodes === '') {\n      this.#nodes = this.getAttribute('nodes') ?? ''\n    }\n    this.#syncAttributes()\n    this.#renderNodes()\n  }\n\n  attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null) {\n    if (name === 'nodes') {\n      this.#nodes = newValue ?? ''\n      this.#renderNodes()\n      return\n    }\n    this.#syncAttributes()\n  }\n\n  #ensureStructure() {\n    if (this.#content || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = `\n      :host { overflow-wrap: break-word; }\n      .content { display: block; min-width: 0; }\n      img { max-width: 100%; }\n    `\n    const content = document.createElement('div')\n    content.className = 'content'\n    content.addEventListener('click', (event) => {\n      const target = event.target\n      if (target instanceof Element && target.closest('a')) {\n        event.preventDefault()\n      }\n    })\n    root.append(style, content)\n    this.#content = content\n  }\n\n  #syncAttributes() {\n    if (!this.#content) {\n      return\n    }\n    const space = this.getAttribute('space')\n    this.#content.style.whiteSpace = space === 'nbsp' || space === 'ensp' || space === 'emsp'\n      ? 'pre-wrap'\n      : 'normal'\n    this.#content.style.userSelect = readBooleanAttribute(this, 'user-select') ? 'text' : ''\n  }\n\n  #renderNodes() {\n    if (!this.#content || typeof document === 'undefined') {\n      return\n    }\n    this.#content.replaceChildren(...normalizeRichTextNodes(this.#nodes).map(createRichTextDomNode))\n  }\n}\n"],"mappings":";;;;;;AAMA,MAAM,cAAe,WAAW,eAAe,MAAM,CAAC;AAEtD,SAAS,sBAAsB,MAAyC;CACtE,IAAI,KAAK,SAAS,QAChB,OAAO,SAAS,eAAe,KAAK,IAAI;CAE1C,MAAM,UAAU,SAAS,cAAc,KAAK,IAAI;CAChD,KAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,KAAK,KAAK,GACnD,QAAQ,aAAa,MAAM,KAAK;CAElC,QAAQ,OAAO,GAAG,KAAK,SAAS,IAAI,qBAAqB,CAAC;CAC1D,OAAO;AACT;AAEA,IAAa,gBAAb,cAAmC,YAAY;CAC7C,OAAO,qBAAqB,CAAC,GAAG,6BAA6B,WAAW,CAAC,CAAE,UAAU;CAErF;CACA,SAAkB;CAElB,IAAI,QAAQ;EACV,OAAO,KAAK;CACd;CAEA,IAAI,MAAM,OAAgB;EACxB,IAAI,OAAO,GAAG,KAAK,QAAQ,KAAK,GAC9B;EAEF,KAAK,SAAS;EACd,KAAK,aAAa;CACpB;CAEA,oBAAoB;EAClB,2BAA2B,4BAA4B,IAAI,CAAC;EAC5D,KAAK,iBAAiB;EACtB,IAAI,KAAK,WAAW,IAClB,KAAK,SAAS,KAAK,aAAa,OAAO,KAAK;EAE9C,KAAK,gBAAgB;EACrB,KAAK,aAAa;CACpB;CAEA,yBAAyB,MAAc,WAA0B,UAAyB;EACxF,IAAI,SAAS,SAAS;GACpB,KAAK,SAAS,YAAY;GAC1B,KAAK,aAAa;GAClB;EACF;EACA,KAAK,gBAAgB;CACvB;CAEA,mBAAmB;EACjB,IAAI,KAAK,YAAY,OAAO,aAAa,aACvC;EAEF,MAAM,OAAO,KAAK,cAAc,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;EAClE,MAAM,QAAQ,SAAS,cAAc,OAAO;EAC5C,MAAM,cAAc;;;;;EAKpB,MAAM,UAAU,SAAS,cAAc,KAAK;EAC5C,QAAQ,YAAY;EACpB,QAAQ,iBAAiB,UAAU,UAAU;GAC3C,MAAM,SAAS,MAAM;GACrB,IAAI,kBAAkB,WAAW,OAAO,QAAQ,GAAG,GACjD,MAAM,eAAe;EAEzB,CAAC;EACD,KAAK,OAAO,OAAO,OAAO;EAC1B,KAAK,WAAW;CAClB;CAEA,kBAAkB;EAChB,IAAI,CAAC,KAAK,UACR;EAEF,MAAM,QAAQ,KAAK,aAAa,OAAO;EACvC,KAAK,SAAS,MAAM,aAAa,UAAU,UAAU,UAAU,UAAU,UAAU,SAC/E,aACA;EACJ,KAAK,SAAS,MAAM,aAAa,qBAAqB,MAAM,aAAa,IAAI,SAAS;CACxF;CAEA,eAAe;EACb,IAAI,CAAC,KAAK,YAAY,OAAO,aAAa,aACxC;EAEF,KAAK,SAAS,gBAAgB,GAAG,uBAAuB,KAAK,MAAM,CAAC,CAAC,IAAI,qBAAqB,CAAC;CACjG;AACF"}

package/dist/runtime/nativeComponents/scrollView/boundaries.mjs

@@ -0,0 +1,62 @@
+import { readBooleanAttribute } from "../helpers.mjs";
+import { getRuntimeRpxSize } from "../../rpx.mjs";
+
+// src/runtime/nativeComponents/scrollView/boundaries.ts
+const DEFAULT_SCROLL_THRESHOLD = 50;
+const THRESHOLD_VALUE_RE = /^([+-]?(?:\d+(?:\.\d+)?|\.\d+)(?:e[+-]?\d+)?)(px|rpx)?$/i;
+/** 默认 50px；rpx 与运行时的设备视口和 designWidth 使用同一换算。 */
+function resolveScrollThreshold(element, name) {
+	const raw = element.getAttribute(name)?.trim();
+	if (!raw) return DEFAULT_SCROLL_THRESHOLD;
+	const match = raw.match(THRESHOLD_VALUE_RE);
+	const numeric = match ? Number(match[1]) : NaN;
+	if (!Number.isFinite(numeric) || numeric < 0) return DEFAULT_SCROLL_THRESHOLD;
+	return match?.[2]?.toLowerCase() === "rpx" ? numeric * getRuntimeRpxSize() : numeric;
+}
+function createScrollBoundaryTracker() {
+	let boundaries = {
+		top: false,
+		bottom: false,
+		left: false,
+		right: false
+	};
+	return {
+		reset() {
+			boundaries = {
+				top: false,
+				bottom: false,
+				left: false,
+				right: false
+			};
+		},
+		/** 按本轮尺寸重新判断上次位置，在业务回调前提交两轴状态。 */
+		collect(element, viewport, previous) {
+			const scrollY = readBooleanAttribute(element, "scroll-y") && viewport.scrollHeight > viewport.clientHeight;
+			const scrollX = readBooleanAttribute(element, "scroll-x") && viewport.scrollWidth > viewport.clientWidth;
+			const lowerThreshold = resolveScrollThreshold(element, "lower-threshold");
+			const upperThreshold = resolveScrollThreshold(element, "upper-threshold");
+			const bottom = viewport.scrollHeight - viewport.clientHeight - lowerThreshold;
+			const right = viewport.scrollWidth - viewport.clientWidth - lowerThreshold;
+			const current = {
+				top: scrollY && viewport.scrollTop <= upperThreshold,
+				bottom: scrollY && viewport.scrollTop >= bottom,
+				left: scrollX && viewport.scrollLeft <= upperThreshold,
+				right: scrollX && viewport.scrollLeft >= right
+			};
+			const entered = {
+				top: current.top && !(boundaries.top && previous.scrollTop <= upperThreshold),
+				bottom: current.bottom && !(boundaries.bottom && previous.scrollTop >= bottom),
+				left: current.left && !(boundaries.left && previous.scrollLeft <= upperThreshold),
+				right: current.right && !(boundaries.right && previous.scrollLeft >= right)
+			};
+			boundaries = current;
+			const events = [];
+			if (entered.bottom || entered.right) events.push(["scrolltolower", entered.right ? "right" : "bottom"]);
+			if (entered.top || entered.left) events.push(["scrolltoupper", entered.left ? "left" : "top"]);
+			return events;
+		}
+	};
+}
+
+export { createScrollBoundaryTracker };
+//# sourceMappingURL=boundaries.mjs.map

package/dist/runtime/nativeComponents/scrollView/boundaries.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"boundaries.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/scrollView/boundaries.ts"],"sourcesContent":["import type { ScrollPosition } from './helpers'\nimport { getRuntimeRpxSize } from '../../rpx'\nimport { readBooleanAttribute } from '../helpers'\n\nconst DEFAULT_SCROLL_THRESHOLD = 50\nconst THRESHOLD_VALUE_RE = /^([+-]?(?:\\d+(?:\\.\\d+)?|\\.\\d+)(?:e[+-]?\\d+)?)(px|rpx)?$/i\n\n/** 默认 50px；rpx 与运行时的设备视口和 designWidth 使用同一换算。 */\nfunction resolveScrollThreshold(element: Element, name: string) {\n  const raw = element.getAttribute(name)?.trim()\n  if (!raw) {\n    return DEFAULT_SCROLL_THRESHOLD\n  }\n  const match = raw.match(THRESHOLD_VALUE_RE)\n  const numeric = match ? Number(match[1]) : Number.NaN\n  if (!Number.isFinite(numeric) || numeric < 0) {\n    return DEFAULT_SCROLL_THRESHOLD\n  }\n  return match?.[2]?.toLowerCase() === 'rpx' ? numeric * getRuntimeRpxSize() : numeric\n}\n\nexport function createScrollBoundaryTracker() {\n  let boundaries = { top: false, bottom: false, left: false, right: false }\n  return {\n    reset() {\n      boundaries = { top: false, bottom: false, left: false, right: false }\n    },\n    /** 按本轮尺寸重新判断上次位置，在业务回调前提交两轴状态。 */\n    collect(element: Element, viewport: HTMLDivElement, previous: ScrollPosition) {\n      const scrollY = readBooleanAttribute(element, 'scroll-y') && viewport.scrollHeight > viewport.clientHeight\n      const scrollX = readBooleanAttribute(element, 'scroll-x') && viewport.scrollWidth > viewport.clientWidth\n      const lowerThreshold = resolveScrollThreshold(element, 'lower-threshold')\n      const upperThreshold = resolveScrollThreshold(element, 'upper-threshold')\n      const bottom = viewport.scrollHeight - viewport.clientHeight - lowerThreshold\n      const right = viewport.scrollWidth - viewport.clientWidth - lowerThreshold\n      const current = {\n        top: scrollY && viewport.scrollTop <= upperThreshold,\n        bottom: scrollY && viewport.scrollTop >= bottom,\n        left: scrollX && viewport.scrollLeft <= upperThreshold,\n        right: scrollX && viewport.scrollLeft >= right,\n      }\n      const entered = {\n        top: current.top && !(boundaries.top && previous.scrollTop <= upperThreshold),\n        bottom: current.bottom && !(boundaries.bottom && previous.scrollTop >= bottom),\n        left: current.left && !(boundaries.left && previous.scrollLeft <= upperThreshold),\n        right: current.right && !(boundaries.right && previous.scrollLeft >= right),\n      }\n      boundaries = current\n      const events: Array<[string, string]> = []\n      if (entered.bottom || entered.right) {\n        events.push(['scrolltolower', entered.right ? 'right' : 'bottom'])\n      }\n      if (entered.top || entered.left) {\n        events.push(['scrolltoupper', entered.left ? 'left' : 'top'])\n      }\n      return events\n    },\n  }\n}\n"],"mappings":";;;;AAIA,MAAM,2BAA2B;AACjC,MAAM,qBAAqB;;AAG3B,SAAS,uBAAuB,SAAkB,MAAc;CAC9D,MAAM,MAAM,QAAQ,aAAa,IAAI,CAAC,EAAE,KAAK;CAC7C,IAAI,CAAC,KACH,OAAO;CAET,MAAM,QAAQ,IAAI,MAAM,kBAAkB;CAC1C,MAAM,UAAU,QAAQ,OAAO,MAAM,EAAE,IAAI;CAC3C,IAAI,CAAC,OAAO,SAAS,OAAO,KAAK,UAAU,GACzC,OAAO;CAET,OAAO,QAAQ,EAAE,EAAE,YAAY,MAAM,QAAQ,UAAU,kBAAkB,IAAI;AAC/E;AAEA,SAAgB,8BAA8B;CAC5C,IAAI,aAAa;EAAE,KAAK;EAAO,QAAQ;EAAO,MAAM;EAAO,OAAO;CAAM;CACxE,OAAO;EACL,QAAQ;GACN,aAAa;IAAE,KAAK;IAAO,QAAQ;IAAO,MAAM;IAAO,OAAO;GAAM;EACtE;;EAEA,QAAQ,SAAkB,UAA0B,UAA0B;GAC5E,MAAM,UAAU,qBAAqB,SAAS,UAAU,KAAK,SAAS,eAAe,SAAS;GAC9F,MAAM,UAAU,qBAAqB,SAAS,UAAU,KAAK,SAAS,cAAc,SAAS;GAC7F,MAAM,iBAAiB,uBAAuB,SAAS,iBAAiB;GACxE,MAAM,iBAAiB,uBAAuB,SAAS,iBAAiB;GACxE,MAAM,SAAS,SAAS,eAAe,SAAS,eAAe;GAC/D,MAAM,QAAQ,SAAS,cAAc,SAAS,cAAc;GAC5D,MAAM,UAAU;IACd,KAAK,WAAW,SAAS,aAAa;IACtC,QAAQ,WAAW,SAAS,aAAa;IACzC,MAAM,WAAW,SAAS,cAAc;IACxC,OAAO,WAAW,SAAS,cAAc;GAC3C;GACA,MAAM,UAAU;IACd,KAAK,QAAQ,OAAO,EAAE,WAAW,OAAO,SAAS,aAAa;IAC9D,QAAQ,QAAQ,UAAU,EAAE,WAAW,UAAU,SAAS,aAAa;IACvE,MAAM,QAAQ,QAAQ,EAAE,WAAW,QAAQ,SAAS,cAAc;IAClE,OAAO,QAAQ,SAAS,EAAE,WAAW,SAAS,SAAS,cAAc;GACvE;GACA,aAAa;GACb,MAAM,SAAkC,CAAC;GACzC,IAAI,QAAQ,UAAU,QAAQ,OAC5B,OAAO,KAAK,CAAC,iBAAiB,QAAQ,QAAQ,UAAU,QAAQ,CAAC;GAEnE,IAAI,QAAQ,OAAO,QAAQ,MACzB,OAAO,KAAK,CAAC,iBAAiB,QAAQ,OAAO,SAAS,KAAK,CAAC;GAE9D,OAAO;EACT;CACF;AACF"}

package/dist/runtime/nativeComponents/{scrollView.d.mts → scrollView/helpers.d.mts}

@@ -1,8 +1,8 @@
-//#region src/runtime/nativeComponents/scrollView.d.ts
-export declare function createScrollEventDetail(viewport: Pick<HTMLDivElement, 'scrollHeight' | 'scrollLeft' | 'scrollTop' | 'scrollWidth'>, previous: {
+export interface ScrollPosition {
   scrollLeft: number;
   scrollTop: number;
-}): {
+}
+export declare function createScrollEventDetail(viewport: Pick<HTMLDivElement, 'scrollHeight' | 'scrollLeft' | 'scrollTop' | 'scrollWidth'>, previous: ScrollPosition): {
   scrollLeft: number;
   scrollTop: number;
   scrollWidth: number;
@@ -10,5 +10,4 @@ export declare function createScrollEventDetail(viewport: Pick<HTMLDivElement, '
   deltaX: number;
   deltaY: number;
 };
-//#endregion
-//# sourceMappingURL=scrollView.d.mts.map
+//# sourceMappingURL=helpers.d.mts.map

package/dist/runtime/nativeComponents/scrollView/helpers.mjs

@@ -0,0 +1,14 @@
+// src/runtime/nativeComponents/scrollView/helpers.ts
+function createScrollEventDetail(viewport, previous) {
+	return {
+		scrollLeft: viewport.scrollLeft,
+		scrollTop: viewport.scrollTop,
+		scrollWidth: viewport.scrollWidth,
+		scrollHeight: viewport.scrollHeight,
+		deltaX: viewport.scrollLeft - previous.scrollLeft,
+		deltaY: viewport.scrollTop - previous.scrollTop
+	};
+}
+
+export { createScrollEventDetail };
+//# sourceMappingURL=helpers.mjs.map

package/dist/runtime/nativeComponents/scrollView/helpers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/scrollView/helpers.ts"],"sourcesContent":["export interface ScrollPosition {\n  scrollLeft: number\n  scrollTop: number\n}\n\nexport function createScrollEventDetail(\n  viewport: Pick<HTMLDivElement, 'scrollHeight' | 'scrollLeft' | 'scrollTop' | 'scrollWidth'>,\n  previous: ScrollPosition,\n) {\n  return {\n    scrollLeft: viewport.scrollLeft,\n    scrollTop: viewport.scrollTop,\n    scrollWidth: viewport.scrollWidth,\n    scrollHeight: viewport.scrollHeight,\n    deltaX: viewport.scrollLeft - previous.scrollLeft,\n    deltaY: viewport.scrollTop - previous.scrollTop,\n  }\n}\n"],"mappings":";AAKA,SAAgB,wBACd,UACA,UACA;CACA,OAAO;EACL,YAAY,SAAS;EACrB,WAAW,SAAS;EACpB,aAAa,SAAS;EACtB,cAAc,SAAS;EACvB,QAAQ,SAAS,aAAa,SAAS;EACvC,QAAQ,SAAS,YAAY,SAAS;CACxC;AACF"}

package/dist/runtime/nativeComponents/scrollView/index.mjs

@@ -0,0 +1,193 @@
+import { getNativeComponentDescriptor } from "../../../shared/nativeComponents.mjs";
+import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from "../helpers.mjs";
+import { ensureNativeComponentStyle } from "../style.mjs";
+import { createScrollBoundaryTracker } from "./boundaries.mjs";
+import { createScrollEventDetail } from "./helpers.mjs";
+import { findScrollTarget, scrollToTarget } from "./position.mjs";
+
+// src/runtime/nativeComponents/scrollView/index.ts
+const BaseElement = globalThis.HTMLElement ?? class {};
+const SCROLL_END_DELAY = 150;
+const POSITION_ATTRIBUTES = /* @__PURE__ */ new Set([
+	"scroll-into-view",
+	"scroll-into-view-offset",
+	"scroll-into-view-alignment",
+	"scroll-top",
+	"scroll-left",
+	"scroll-x",
+	"scroll-y"
+]);
+const EVENT_OPTIONS = {
+	bubbles: false,
+	composed: false
+};
+var WeappScrollView = class extends BaseElement {
+	static observedAttributes = [...getNativeComponentDescriptor("scroll-view").attributes];
+	#viewport;
+	#previous = {
+		scrollLeft: 0,
+		scrollTop: 0
+	};
+	#boundaries = createScrollBoundaryTracker();
+	#scrolling = false;
+	#generation = 0;
+	#connectionVersion = 0;
+	#scrollEndTimer;
+	#childrenObserver;
+	#resizeObserver;
+	#alignedTarget;
+	get scrollTop() {
+		return this.#viewport?.scrollTop ?? 0;
+	}
+	set scrollTop(value) {
+		if (this.#viewport) this.#viewport.scrollTop = value;
+	}
+	get scrollLeft() {
+		return this.#viewport?.scrollLeft ?? 0;
+	}
+	set scrollLeft(value) {
+		if (this.#viewport) this.#viewport.scrollLeft = value;
+	}
+	connectedCallback() {
+		ensureNativeComponentStyle(resolveContainingShadowRoot(this));
+		const initializePosition = !this.#viewport;
+		this.#ensureStructure();
+		if (!initializePosition) this.#previous = {
+			scrollLeft: this.scrollLeft,
+			scrollTop: this.scrollTop
+		};
+		this.#syncAttributes(void 0, initializePosition);
+		this.#childrenObserver ??= new MutationObserver(() => this.#scrollIntoView(true));
+		this.#childrenObserver.observe(this, {
+			childList: true,
+			subtree: true,
+			attributes: true,
+			attributeFilter: ["id"]
+		});
+		if (typeof ResizeObserver !== "undefined") {
+			this.#resizeObserver ??= new ResizeObserver(() => this.#scrollIntoView(true));
+			this.#resizeObserver.observe(this.#viewport);
+		}
+	}
+	disconnectedCallback() {
+		this.#connectionVersion += 1;
+		this.#generation += 1;
+		this.#clearScrollEndTimer();
+		this.#scrolling = false;
+		this.#boundaries.reset();
+		this.#childrenObserver?.disconnect();
+		this.#resizeObserver?.disconnect();
+		this.#alignedTarget = void 0;
+	}
+	attributeChangedCallback(name, oldValue, newValue) {
+		if (oldValue !== newValue) this.#syncAttributes(name);
+	}
+	#ensureStructure() {
+		if (this.#viewport || typeof document === "undefined") return;
+		const root = this.shadowRoot ?? this.attachShadow({ mode: "open" });
+		const style = document.createElement("style");
+		style.textContent = `
+      :host { min-width: 0; min-height: 0; }
+      .viewport { width: 100%; height: 100%; overscroll-behavior: contain; }
+      .viewport.flex {
+        display: inherit;
+        flex-direction: inherit;
+        flex-wrap: inherit;
+        justify-content: inherit;
+        align-items: inherit;
+        align-content: inherit;
+        gap: inherit;
+      }
+      .viewport.flex > slot { display: contents; }
+      .viewport.no-scrollbar { scrollbar-width: none; }
+      .viewport.no-scrollbar.scroll-x { scrollbar-width: auto; }
+      .viewport.no-scrollbar::-webkit-scrollbar:vertical { display: none; width: 0; }
+    `;
+		const viewport = document.createElement("div");
+		viewport.className = "viewport";
+		const slot = document.createElement("slot");
+		slot.addEventListener("slotchange", () => this.#scrollIntoView(true));
+		viewport.append(slot);
+		viewport.addEventListener("scroll", (event) => {
+			if (event.target === viewport) this.#handleScroll();
+		});
+		root.append(style, viewport);
+		this.#viewport = viewport;
+	}
+	#handleScroll() {
+		const viewport = this.#viewport;
+		if (!viewport || !this.isConnected) return;
+		const detail = createScrollEventDetail(viewport, this.#previous);
+		const connectionVersion = this.#connectionVersion;
+		const boundaries = this.#boundaries.collect(this, viewport, this.#previous);
+		this.#previous = {
+			scrollLeft: detail.scrollLeft,
+			scrollTop: detail.scrollTop
+		};
+		const started = !this.#scrolling;
+		this.#scrolling = true;
+		this.#clearScrollEndTimer();
+		const generation = ++this.#generation;
+		this.#scrollEndTimer = setTimeout(() => {
+			if (generation !== this.#generation || !this.isConnected) return;
+			this.#scrollEndTimer = void 0;
+			this.#scrolling = false;
+			dispatchMiniProgramEvent(this, "scrollend", {
+				...detail,
+				deltaX: 0,
+				deltaY: 0
+			}, EVENT_OPTIONS);
+		}, SCROLL_END_DELAY);
+		if (started) dispatchMiniProgramEvent(this, "scrollstart", detail, EVENT_OPTIONS);
+		if (!this.isConnected || connectionVersion !== this.#connectionVersion) return;
+		dispatchMiniProgramEvent(this, "scroll", detail, EVENT_OPTIONS);
+		for (const [name, direction] of boundaries) {
+			if (!this.isConnected || connectionVersion !== this.#connectionVersion) break;
+			dispatchMiniProgramEvent(this, name, { direction }, EVENT_OPTIONS);
+		}
+	}
+	#clearScrollEndTimer() {
+		if (this.#scrollEndTimer !== void 0) {
+			clearTimeout(this.#scrollEndTimer);
+			this.#scrollEndTimer = void 0;
+		}
+	}
+	#syncAttributes(changedName, initializePosition = false) {
+		const viewport = this.#viewport;
+		if (!viewport) return;
+		if (!changedName || changedName === "scroll-x") {
+			const scrollX = readBooleanAttribute(this, "scroll-x");
+			viewport.style.overflowX = scrollX ? "auto" : "hidden";
+			viewport.classList.toggle("scroll-x", scrollX);
+		}
+		if (!changedName || changedName === "scroll-y") viewport.style.overflowY = readBooleanAttribute(this, "scroll-y") ? "auto" : "hidden";
+		if (!changedName || changedName === "enable-flex") viewport.classList.toggle("flex", readBooleanAttribute(this, "enable-flex"));
+		if (!changedName || changedName === "show-scrollbar" || changedName === "enhanced" || changedName === "scroll-y") {
+			const hidden = readBooleanAttribute(this, "scroll-y") && readBooleanAttribute(this, "enhanced") && this.hasAttribute("show-scrollbar") && !readBooleanAttribute(this, "show-scrollbar");
+			viewport.classList.toggle("no-scrollbar", hidden);
+		}
+		if (initializePosition || changedName === "scroll-top") {
+			const scrollTop = Number(this.getAttribute("scroll-top"));
+			if (Number.isFinite(scrollTop)) viewport.scrollTop = scrollTop;
+		}
+		if (initializePosition || changedName === "scroll-left") {
+			const scrollLeft = Number(this.getAttribute("scroll-left"));
+			if (Number.isFinite(scrollLeft)) viewport.scrollLeft = scrollLeft;
+		}
+		if (!changedName || POSITION_ATTRIBUTES.has(changedName)) this.#scrollIntoView();
+	}
+	#scrollIntoView(onlyNewTarget = false) {
+		const viewport = this.#viewport;
+		if (!viewport || !this.isConnected) return;
+		const target = findScrollTarget(this);
+		if (!target) {
+			this.#alignedTarget = void 0;
+			return;
+		}
+		if (onlyNewTarget && target === this.#alignedTarget) return;
+		this.#alignedTarget = scrollToTarget(this, viewport, target) ? target : void 0;
+	}
+};
+
+export { WeappScrollView, createScrollEventDetail };
+//# sourceMappingURL=index.mjs.map

package/dist/runtime/nativeComponents/scrollView/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/scrollView/index.ts"],"sourcesContent":["import type { ScrollPosition } from './helpers'\nimport { getNativeComponentDescriptor } from '../../../shared/nativeComponents'\nimport { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from '../helpers'\nimport { ensureNativeComponentStyle } from '../style'\nimport { createScrollBoundaryTracker } from './boundaries'\nimport { createScrollEventDetail } from './helpers'\nimport { findScrollTarget, scrollToTarget } from './position'\n\nexport { createScrollEventDetail } from './helpers'\n\nconst BaseElement = (globalThis.HTMLElement ?? class {}) as typeof HTMLElement\nconst SCROLL_END_DELAY = 150\nconst POSITION_ATTRIBUTES = new Set(['scroll-into-view', 'scroll-into-view-offset', 'scroll-into-view-alignment', 'scroll-top', 'scroll-left', 'scroll-x', 'scroll-y'])\nconst EVENT_OPTIONS = { bubbles: false, composed: false }\n\nexport class WeappScrollView extends BaseElement {\n  static observedAttributes = [...getNativeComponentDescriptor('scroll-view')!.attributes]\n\n  #viewport?: HTMLDivElement\n  #previous: ScrollPosition = { scrollLeft: 0, scrollTop: 0 }\n  #boundaries = createScrollBoundaryTracker()\n  #scrolling = false\n  #generation = 0\n  #connectionVersion = 0\n  #scrollEndTimer: ReturnType<typeof setTimeout> | undefined\n  #childrenObserver?: MutationObserver\n  #resizeObserver?: ResizeObserver\n  #alignedTarget?: Element\n\n  get scrollTop() {\n    return this.#viewport?.scrollTop ?? 0\n  }\n\n  set scrollTop(value: number) {\n    if (this.#viewport) {\n      this.#viewport.scrollTop = value\n    }\n  }\n\n  get scrollLeft() {\n    return this.#viewport?.scrollLeft ?? 0\n  }\n\n  set scrollLeft(value: number) {\n    if (this.#viewport) {\n      this.#viewport.scrollLeft = value\n    }\n  }\n\n  connectedCallback() {\n    ensureNativeComponentStyle(resolveContainingShadowRoot(this))\n    const initializePosition = !this.#viewport\n    this.#ensureStructure()\n    if (!initializePosition) {\n      this.#previous = { scrollLeft: this.scrollLeft, scrollTop: this.scrollTop }\n    }\n    this.#syncAttributes(undefined, initializePosition)\n    this.#childrenObserver ??= new MutationObserver(() => this.#scrollIntoView(true))\n    this.#childrenObserver.observe(this, { childList: true, subtree: true, attributes: true, attributeFilter: ['id'] })\n    if (typeof ResizeObserver !== 'undefined') {\n      this.#resizeObserver ??= new ResizeObserver(() => this.#scrollIntoView(true))\n      this.#resizeObserver.observe(this.#viewport!)\n    }\n  }\n\n  disconnectedCallback() {\n    this.#connectionVersion += 1\n    this.#generation += 1\n    this.#clearScrollEndTimer()\n    this.#scrolling = false\n    this.#boundaries.reset()\n    this.#childrenObserver?.disconnect()\n    this.#resizeObserver?.disconnect()\n    this.#alignedTarget = undefined\n  }\n\n  attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null) {\n    if (oldValue !== newValue) {\n      this.#syncAttributes(name)\n    }\n  }\n\n  #ensureStructure() {\n    if (this.#viewport || typeof document === 'undefined') {\n      return\n    }\n    const root = this.shadowRoot ?? this.attachShadow({ mode: 'open' })\n    const style = document.createElement('style')\n    style.textContent = `\n      :host { min-width: 0; min-height: 0; }\n      .viewport { width: 100%; height: 100%; overscroll-behavior: contain; }\n      .viewport.flex {\n        display: inherit;\n        flex-direction: inherit;\n        flex-wrap: inherit;\n        justify-content: inherit;\n        align-items: inherit;\n        align-content: inherit;\n        gap: inherit;\n      }\n      .viewport.flex > slot { display: contents; }\n      .viewport.no-scrollbar { scrollbar-width: none; }\n      .viewport.no-scrollbar.scroll-x { scrollbar-width: auto; }\n      .viewport.no-scrollbar::-webkit-scrollbar:vertical { display: none; width: 0; }\n    `\n    const viewport = document.createElement('div')\n    viewport.className = 'viewport'\n    const slot = document.createElement('slot')\n    slot.addEventListener('slotchange', () => this.#scrollIntoView(true))\n    viewport.append(slot)\n    viewport.addEventListener('scroll', (event) => {\n      if (event.target === viewport) {\n        this.#handleScroll()\n      }\n    })\n    root.append(style, viewport)\n    this.#viewport = viewport\n  }\n\n  #handleScroll() {\n    const viewport = this.#viewport\n    if (!viewport || !this.isConnected) {\n      return\n    }\n    const detail = createScrollEventDetail(viewport, this.#previous)\n    const connectionVersion = this.#connectionVersion\n    const boundaries = this.#boundaries.collect(this, viewport, this.#previous)\n    this.#previous = { scrollLeft: detail.scrollLeft, scrollTop: detail.scrollTop }\n    const started = !this.#scrolling\n    this.#scrolling = true\n    this.#clearScrollEndTimer()\n    const generation = ++this.#generation\n    // 在任何业务回调前登记计时器；重入滚动可直接接管，断连可立即取消。\n    this.#scrollEndTimer = setTimeout(() => {\n      if (generation !== this.#generation || !this.isConnected) {\n        return\n      }\n      this.#scrollEndTimer = undefined\n      this.#scrolling = false\n      dispatchMiniProgramEvent(this, 'scrollend', { ...detail, deltaX: 0, deltaY: 0 }, EVENT_OPTIONS)\n    }, SCROLL_END_DELAY)\n    if (started) {\n      dispatchMiniProgramEvent(this, 'scrollstart', detail, EVENT_OPTIONS)\n    }\n    if (!this.isConnected || connectionVersion !== this.#connectionVersion) {\n      return\n    }\n    dispatchMiniProgramEvent(this, 'scroll', detail, EVENT_OPTIONS)\n    for (const [name, direction] of boundaries) {\n      if (!this.isConnected || connectionVersion !== this.#connectionVersion) {\n        break\n      }\n      dispatchMiniProgramEvent(this, name, { direction }, EVENT_OPTIONS)\n    }\n  }\n\n  #clearScrollEndTimer() {\n    if (this.#scrollEndTimer !== undefined) {\n      clearTimeout(this.#scrollEndTimer)\n      this.#scrollEndTimer = undefined\n    }\n  }\n\n  #syncAttributes(changedName?: string, initializePosition = false) {\n    const viewport = this.#viewport\n    if (!viewport) {\n      return\n    }\n    if (!changedName || changedName === 'scroll-x') {\n      const scrollX = readBooleanAttribute(this, 'scroll-x')\n      viewport.style.overflowX = scrollX ? 'auto' : 'hidden'\n      viewport.classList.toggle('scroll-x', scrollX)\n    }\n    if (!changedName || changedName === 'scroll-y') {\n      viewport.style.overflowY = readBooleanAttribute(this, 'scroll-y') ? 'auto' : 'hidden'\n    }\n    if (!changedName || changedName === 'enable-flex') {\n      viewport.classList.toggle('flex', readBooleanAttribute(this, 'enable-flex'))\n    }\n    if (!changedName || changedName === 'show-scrollbar' || changedName === 'enhanced' || changedName === 'scroll-y') {\n      const hidden = readBooleanAttribute(this, 'scroll-y') && readBooleanAttribute(this, 'enhanced')\n        && this.hasAttribute('show-scrollbar') && !readBooleanAttribute(this, 'show-scrollbar')\n      viewport.classList.toggle('no-scrollbar', hidden)\n    }\n    if (initializePosition || changedName === 'scroll-top') {\n      const scrollTop = Number(this.getAttribute('scroll-top'))\n      if (Number.isFinite(scrollTop)) {\n        viewport.scrollTop = scrollTop\n      }\n    }\n    if (initializePosition || changedName === 'scroll-left') {\n      const scrollLeft = Number(this.getAttribute('scroll-left'))\n      if (Number.isFinite(scrollLeft)) {\n        viewport.scrollLeft = scrollLeft\n      }\n    }\n    if (!changedName || POSITION_ATTRIBUTES.has(changedName)) {\n      this.#scrollIntoView()\n    }\n  }\n\n  #scrollIntoView(onlyNewTarget = false) {\n    const viewport = this.#viewport\n    if (!viewport || !this.isConnected) {\n      return\n    }\n    const target = findScrollTarget(this)\n    if (!target) {\n      this.#alignedTarget = undefined\n      return\n    }\n    if (onlyNewTarget && target === this.#alignedTarget) {\n      return\n    }\n    this.#alignedTarget = scrollToTarget(this, viewport, target) ? target : undefined\n  }\n}\n"],"mappings":"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"}

package/dist/runtime/nativeComponents/scrollView/position.mjs

@@ -0,0 +1,43 @@
+import { readBooleanAttribute } from "../helpers.mjs";
+
+// src/runtime/nativeComponents/scrollView/position.ts
+/** 按原始 id 查找 light DOM，避免将引号、反斜杠等 id 内容拼入选择器。 */
+function findScrollTarget(element) {
+	const id = element.getAttribute("scroll-into-view")?.trim();
+	return id ? [...element.querySelectorAll("[id]")].find((child) => child.id === id) : void 0;
+}
+function resolveDistance(start, size, viewportSize, alignment) {
+	const end = start + size;
+	if (alignment === "center") return start - (viewportSize - size) / 2;
+	if (alignment === "end") return end - viewportSize;
+	if (alignment === "nearest") {
+		if (start >= 0 && end <= viewportSize || start < 0 && end > viewportSize) return 0;
+		return start < 0 === size <= viewportSize ? start : end - viewportSize;
+	}
+	return start;
+}
+/** 仅调整启用的轴；默认 start，nearest 对已完整可见的目标保持位置。 */
+function scrollToTarget(element, viewport, target) {
+	const alignment = element.getAttribute("scroll-into-view-alignment") ?? "start";
+	const offsetValue = Number(element.getAttribute("scroll-into-view-offset"));
+	const offset = Number.isFinite(offsetValue) ? offsetValue : 0;
+	const viewportRect = viewport.getBoundingClientRect();
+	const targetRect = target.getBoundingClientRect();
+	const width = viewport.clientWidth || viewportRect.right - viewportRect.left;
+	const height = viewport.clientHeight || viewportRect.bottom - viewportRect.top;
+	if (readBooleanAttribute(element, "scroll-y") && height <= 0 || readBooleanAttribute(element, "scroll-x") && width <= 0) return false;
+	const apply = (axis) => {
+		if (!readBooleanAttribute(element, `scroll-${axis}`)) return;
+		const vertical = axis === "y";
+		const distance = resolveDistance(vertical ? targetRect.top - viewportRect.top - viewport.clientTop : targetRect.left - viewportRect.left - viewport.clientLeft, vertical ? targetRect.bottom - targetRect.top : targetRect.right - targetRect.left, vertical ? height : width, alignment);
+		if (alignment === "nearest" && distance === 0) return;
+		if (vertical) viewport.scrollTop = Math.max(0, viewport.scrollTop + distance - offset);
+		else viewport.scrollLeft = Math.max(0, viewport.scrollLeft + distance - offset);
+	};
+	apply("y");
+	apply("x");
+	return true;
+}
+
+export { findScrollTarget, scrollToTarget };
+//# sourceMappingURL=position.mjs.map

package/dist/runtime/nativeComponents/scrollView/position.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"position.mjs","names":[],"sources":["../../../../src/runtime/nativeComponents/scrollView/position.ts"],"sourcesContent":["import { readBooleanAttribute } from '../helpers'\n\n/** 按原始 id 查找 light DOM，避免将引号、反斜杠等 id 内容拼入选择器。 */\nexport function findScrollTarget(element: Element) {\n  const id = element.getAttribute('scroll-into-view')?.trim()\n  return id ? [...element.querySelectorAll('[id]')].find(child => child.id === id) : undefined\n}\n\nfunction resolveDistance(start: number, size: number, viewportSize: number, alignment: string) {\n  const end = start + size\n  if (alignment === 'center') {\n    return start - (viewportSize - size) / 2\n  }\n  if (alignment === 'end') {\n    return end - viewportSize\n  }\n  if (alignment === 'nearest') {\n    if ((start >= 0 && end <= viewportSize) || (start < 0 && end > viewportSize)) {\n      return 0\n    }\n    return (start < 0) === (size <= viewportSize) ? start : end - viewportSize\n  }\n  return start\n}\n\n/** 仅调整启用的轴；默认 start，nearest 对已完整可见的目标保持位置。 */\nexport function scrollToTarget(element: Element, viewport: HTMLDivElement, target: Element) {\n  const alignment = element.getAttribute('scroll-into-view-alignment') ?? 'start'\n  const offsetValue = Number(element.getAttribute('scroll-into-view-offset'))\n  const offset = Number.isFinite(offsetValue) ? offsetValue : 0\n  const viewportRect = viewport.getBoundingClientRect()\n  const targetRect = target.getBoundingClientRect()\n  const width = viewport.clientWidth || viewportRect.right - viewportRect.left\n  const height = viewport.clientHeight || viewportRect.bottom - viewportRect.top\n  if ((readBooleanAttribute(element, 'scroll-y') && height <= 0)\n    || (readBooleanAttribute(element, 'scroll-x') && width <= 0)) {\n    return false\n  }\n  const apply = (axis: 'x' | 'y') => {\n    if (!readBooleanAttribute(element, `scroll-${axis}`)) {\n      return\n    }\n    const vertical = axis === 'y'\n    const start = vertical\n      ? targetRect.top - viewportRect.top - viewport.clientTop\n      : targetRect.left - viewportRect.left - viewport.clientLeft\n    const size = vertical ? targetRect.bottom - targetRect.top : targetRect.right - targetRect.left\n    const distance = resolveDistance(start, size, vertical ? height : width, alignment)\n    if (alignment === 'nearest' && distance === 0) {\n      return\n    }\n    if (vertical) {\n      viewport.scrollTop = Math.max(0, viewport.scrollTop + distance - offset)\n    }\n    else {\n      viewport.scrollLeft = Math.max(0, viewport.scrollLeft + distance - offset)\n    }\n  }\n  apply('y')\n  apply('x')\n  return true\n}\n"],"mappings":";;;;AAGA,SAAgB,iBAAiB,SAAkB;CACjD,MAAM,KAAK,QAAQ,aAAa,kBAAkB,CAAC,EAAE,KAAK;CAC1D,OAAO,KAAK,CAAC,GAAG,QAAQ,iBAAiB,MAAM,CAAC,CAAC,CAAC,MAAK,UAAS,MAAM,OAAO,EAAE,IAAI;AACrF;AAEA,SAAS,gBAAgB,OAAe,MAAc,cAAsB,WAAmB;CAC7F,MAAM,MAAM,QAAQ;CACpB,IAAI,cAAc,UAChB,OAAO,SAAS,eAAe,QAAQ;CAEzC,IAAI,cAAc,OAChB,OAAO,MAAM;CAEf,IAAI,cAAc,WAAW;EAC3B,IAAK,SAAS,KAAK,OAAO,gBAAkB,QAAQ,KAAK,MAAM,cAC7D,OAAO;EAET,OAAQ,QAAQ,MAAQ,QAAQ,eAAgB,QAAQ,MAAM;CAChE;CACA,OAAO;AACT;;AAGA,SAAgB,eAAe,SAAkB,UAA0B,QAAiB;CAC1F,MAAM,YAAY,QAAQ,aAAa,4BAA4B,KAAK;CACxE,MAAM,cAAc,OAAO,QAAQ,aAAa,yBAAyB,CAAC;CAC1E,MAAM,SAAS,OAAO,SAAS,WAAW,IAAI,cAAc;CAC5D,MAAM,eAAe,SAAS,sBAAsB;CACpD,MAAM,aAAa,OAAO,sBAAsB;CAChD,MAAM,QAAQ,SAAS,eAAe,aAAa,QAAQ,aAAa;CACxE,MAAM,SAAS,SAAS,gBAAgB,aAAa,SAAS,aAAa;CAC3E,IAAK,qBAAqB,SAAS,UAAU,KAAK,UAAU,KACtD,qBAAqB,SAAS,UAAU,KAAK,SAAS,GAC1D,OAAO;CAET,MAAM,SAAS,SAAoB;EACjC,IAAI,CAAC,qBAAqB,SAAS,UAAU,MAAM,GACjD;EAEF,MAAM,WAAW,SAAS;EAK1B,MAAM,WAAW,gBAJH,WACV,WAAW,MAAM,aAAa,MAAM,SAAS,YAC7C,WAAW,OAAO,aAAa,OAAO,SAAS,YACtC,WAAW,WAAW,SAAS,WAAW,MAAM,WAAW,QAAQ,WAAW,MAC7C,WAAW,SAAS,OAAO,SAAS;EAClF,IAAI,cAAc,aAAa,aAAa,GAC1C;EAEF,IAAI,UACF,SAAS,YAAY,KAAK,IAAI,GAAG,SAAS,YAAY,WAAW,MAAM;OAGvE,SAAS,aAAa,KAAK,IAAI,GAAG,SAAS,aAAa,WAAW,MAAM;CAE7E;CACA,MAAM,GAAG;CACT,MAAM,GAAG;CACT,OAAO;AACT"}

package/dist/runtime/nativeComponents/slider/helpers.mjs

@@ -1,4 +1,4 @@
-//#region src/runtime/nativeComponents/slider/helpers.ts
+// src/runtime/nativeComponents/slider/helpers.ts
 function finiteNumber(value, fallback) {
 	const numeric = Number(value);
 	return Number.isFinite(numeric) ? numeric : fallback;
@@ -23,6 +23,5 @@ function createSliderEventDetail(value) {
 	return { value };
 }
 
-//#endregion
 export { createSliderEventDetail, resolveSliderConfig };
 //# sourceMappingURL=helpers.mjs.map

package/dist/runtime/nativeComponents/slider/index.mjs

@@ -5,7 +5,7 @@ import { ensureNativeComponentStyle } from "../style.mjs";
 import { createSliderEventDetail, resolveSliderConfig } from "./helpers.mjs";
 import { SLIDER_SHADOW_STYLE } from "./style.mjs";
 
-//#region src/runtime/nativeComponents/slider/index.ts
+// src/runtime/nativeComponents/slider/index.ts
 const BaseElement = globalThis.HTMLElement ?? class {};
 var WeappSlider = class extends BaseElement {
 	static observedAttributes = [...getNativeComponentDescriptor("slider").attributes];
@@ -115,6 +115,5 @@ var WeappSlider = class extends BaseElement {
 	}
 };
 
-//#endregion
 export { WeappSlider, createSliderEventDetail, resolveSliderConfig };
 //# sourceMappingURL=index.mjs.map

package/dist/runtime/nativeComponents/slider/style.mjs

@@ -1,4 +1,4 @@
-//#region src/runtime/nativeComponents/slider/style.ts
+// src/runtime/nativeComponents/slider/style.ts
 const SLIDER_SHADOW_STYLE = `
   :host { min-width: 0; }
   .slider {
@@ -55,6 +55,5 @@ const SLIDER_SHADOW_STYLE = `
   output[hidden] { display: none; }
 `;
 
-//#endregion
 export { SLIDER_SHADOW_STYLE };
 //# sourceMappingURL=style.mjs.map

package/dist/runtime/nativeComponents/style.mjs

@@ -1,7 +1,7 @@
 import { NATIVE_COMPONENT_DESCRIPTORS } from "../../shared/nativeComponents.mjs";
 import { injectStyle } from "../style.mjs";
 
-//#region src/runtime/nativeComponents/style.ts
+// src/runtime/nativeComponents/style.ts
 const NATIVE_COMPONENT_STYLE_ID = "weapp-web-native-component-style";
 const styleTargets = /* @__PURE__ */ new WeakSet();
 let sharedSheet;
@@ -36,6 +36,5 @@ function ensureNativeComponentStyle(root) {
 	styleTargets.add(target);
 }
 
-//#endregion
 export { NATIVE_COMPONENT_STYLE, ensureNativeComponentStyle };
 //# sourceMappingURL=style.mjs.map

package/dist/runtime/nativeComponents/swiper/helpers.mjs

@@ -1,4 +1,4 @@
-//#region src/runtime/nativeComponents/swiper/helpers.ts
+// src/runtime/nativeComponents/swiper/helpers.ts
 function clampSwiperIndex(index, itemCount) {
 	if (itemCount <= 0) return 0;
 	return Math.min(itemCount - 1, Math.max(0, Math.trunc(index)));
@@ -47,6 +47,5 @@ function resolveSwiperLength(value) {
 	return /^-?\d+(?:\.\d+)?rpx$/i.test(normalized) || /^-?\.\d+rpx$/i.test(normalized) ? `calc(var(--rpx) * ${normalized.slice(0, -3)})` : normalized;
 }
 
-//#endregion
 export { clampSwiperIndex, createSwiperChangeDetail, resolveSwipeTarget, resolveSwiperEasing, resolveSwiperIndex, resolveSwiperLength, resolveSwiperNumber, resolveSwiperStep };
 //# sourceMappingURL=helpers.mjs.map

package/dist/runtime/nativeComponents/swiper/index.mjs

@@ -4,7 +4,7 @@ import { ensureNativeComponentStyle } from "../style.mjs";
 import { createSwiperChangeDetail, resolveSwipeTarget, resolveSwiperEasing, resolveSwiperIndex, resolveSwiperLength, resolveSwiperNumber, resolveSwiperStep } from "./helpers.mjs";
 import { SWIPER_SHADOW_STYLE } from "./style.mjs";
 
-//#region src/runtime/nativeComponents/swiper/index.ts
+// src/runtime/nativeComponents/swiper/index.ts
 const BaseElement = globalThis.HTMLElement ?? class {};
 var WeappSwiper = class extends BaseElement {
 	static observedAttributes = [...getNativeComponentDescriptor("swiper").attributes];
@@ -230,6 +230,5 @@ var WeappSwiper = class extends BaseElement {
 	}
 };
 
-//#endregion
 export { WeappSwiper };
 //# sourceMappingURL=index.mjs.map

package/dist/runtime/nativeComponents/swiper/item.mjs

@@ -1,7 +1,7 @@
 import { resolveContainingShadowRoot } from "../helpers.mjs";
 import { ensureNativeComponentStyle } from "../style.mjs";
 
-//#region src/runtime/nativeComponents/swiper/item.ts
+// src/runtime/nativeComponents/swiper/item.ts
 const BaseElement = globalThis.HTMLElement ?? class {};
 var WeappSwiperItem = class extends BaseElement {
 	connectedCallback() {
@@ -9,6 +9,5 @@ var WeappSwiperItem = class extends BaseElement {
 	}
 };
 
-//#endregion
 export { WeappSwiperItem };
 //# sourceMappingURL=item.mjs.map

package/dist/runtime/nativeComponents/swiper/style.mjs

@@ -1,4 +1,4 @@
-//#region src/runtime/nativeComponents/swiper/style.ts
+// src/runtime/nativeComponents/swiper/style.ts
 const SWIPER_SHADOW_STYLE = `
   :host { position: relative; min-width: 0; min-height: 0; }
   .viewport { position: relative; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; touch-action: pan-y; }
@@ -15,6 +15,5 @@ const SWIPER_SHADOW_STYLE = `
   .indicator[data-active="true"] { background: var(--weapp-swiper-indicator-active-color, #000000); }
 `;
 
-//#endregion
 export { SWIPER_SHADOW_STYLE };
 //# sourceMappingURL=style.mjs.map

package/dist/runtime/nativeComponents/switch.d.mts

@@ -1,6 +1,4 @@
-//#region src/runtime/nativeComponents/switch.d.ts
 export declare function createSwitchEventDetail(checked: boolean): {
   value: boolean;
 };
-//#endregion
 //# sourceMappingURL=switch.d.mts.map

package/dist/runtime/nativeComponents/switch.mjs

@@ -3,7 +3,7 @@ import { connectFormControl, disconnectFormControl } from "./formControl.mjs";
 import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadowRoot } from "./helpers.mjs";
 import { ensureNativeComponentStyle } from "./style.mjs";
 
-//#region src/runtime/nativeComponents/switch.ts
+// src/runtime/nativeComponents/switch.ts
 const BaseElement = globalThis.HTMLElement ?? class {};
 function createSwitchEventDetail(checked) {
 	return { value: checked };
@@ -127,6 +127,5 @@ var WeappSwitch = class extends BaseElement {
 	}
 };
 
-//#endregion
 export { WeappSwitch, createSwitchEventDetail };
 //# sourceMappingURL=switch.mjs.map

package/dist/runtime/nativeComponents/textarea.d.mts

@@ -1,8 +1,6 @@
-//#region src/runtime/nativeComponents/textarea.d.ts
 export declare function createTextareaLineChangeDetail(textarea: Pick<HTMLTextAreaElement, 'scrollHeight' | 'value'>): {
   height: number;
   heightRpx: number;
   lineCount: number;
 };
-//#endregion
 //# sourceMappingURL=textarea.d.mts.map

package/dist/runtime/nativeComponents/textarea.mjs

@@ -4,7 +4,7 @@ import { dispatchMiniProgramEvent, readBooleanAttribute, resolveContainingShadow
 import { ensureNativeComponentStyle } from "./style.mjs";
 import { createInputEventDetail } from "./input.mjs";
 
-//#region src/runtime/nativeComponents/textarea.ts
+// src/runtime/nativeComponents/textarea.ts
 const BaseElement = globalThis.HTMLElement ?? class {};
 function createTextareaLineChangeDetail(textarea) {
 	const height = textarea.scrollHeight;
@@ -139,6 +139,5 @@ var WeappTextarea = class extends BaseElement {
 	}
 };
 
-//#endregion
 export { WeappTextarea, createTextareaLineChangeDetail };
 //# sourceMappingURL=textarea.mjs.map

package/dist/runtime/nativeComponents/video/helpers.d.mts

@@ -1,4 +1,3 @@
-//#region src/runtime/nativeComponents/video/helpers.d.ts
 export declare function resolveVideoObjectFit(value: string | null): "fill" | "cover" | "contain";
 export declare function createVideoTimeUpdateDetail(currentTime: number, duration: number): {
   currentTime: number;
@@ -7,5 +6,4 @@ export declare function createVideoTimeUpdateDetail(currentTime: number, duratio
 export declare function createVideoProgressDetail(bufferedEnd: number, duration: number): {
   buffered: number;
 };
-//#endregion
 //# sourceMappingURL=helpers.d.mts.map

package/dist/runtime/nativeComponents/video/helpers.mjs

@@ -1,4 +1,4 @@
-//#region src/runtime/nativeComponents/video/helpers.ts
+// src/runtime/nativeComponents/video/helpers.ts
 function resolveVideoObjectFit(value) {
 	return value === "fill" || value === "cover" || value === "contain" ? value : "contain";
 }
@@ -16,6 +16,5 @@ function resolveVideoDirection(videoWidth, videoHeight) {
 	return videoWidth >= videoHeight ? "horizontal" : "vertical";
 }
 
-//#endregion
 export { createVideoProgressDetail, createVideoTimeUpdateDetail, resolveVideoDirection, resolveVideoObjectFit };
 //# sourceMappingURL=helpers.mjs.map

package/dist/runtime/nativeComponents/video/index.mjs

@@ -5,7 +5,7 @@ import { registerNativeMediaElement, unregisterNativeMediaElement } from "../med
 import { createVideoProgressDetail, createVideoTimeUpdateDetail, resolveVideoDirection, resolveVideoObjectFit } from "./helpers.mjs";
 import { VIDEO_SHADOW_STYLE } from "./style.mjs";
 
-//#region src/runtime/nativeComponents/video/index.ts
+// src/runtime/nativeComponents/video/index.ts
 const BaseElement = globalThis.HTMLElement ?? class {};
 function readFiniteNumber(value) {
 	if (value === null || value.trim() === "") return;
@@ -119,6 +119,5 @@ var WeappVideo = class extends BaseElement {
 	};
 };
 
-//#endregion
 export { WeappVideo };
 //# sourceMappingURL=index.mjs.map